# Frontend Web Client Design

#### You:
extract the frontend prompt 
Make a fully working ready for production use and selling secure 1.21+ minecraft fabric client. I want super clean visuals for everything and super customizable features.
I want this to be a web based client meaning you dont see anything in game at all and you control it all from website. I want it so backend is index.js and mod is the client mod code. I want it so website has like pricing and home page, user dashboard and client menu. If user has active subscription they can use the client and download the client in website and it downloads the client jar file with their account info like embedded inside it so when the client launches it knows which user its connected to without any prompts or anything on mod side i want mod to be 100% silent unless of course user turns on stuff like player esp from web menu. Make web menu feel like a physical  menu super good looking super nice animations and like just in website not like regular clients gui. I want it to be focused on Crystal, sword pvp and also misc stuff like donut smp modules for basefinding or automating stuff in donutsmp etc. There is alot of code snippets for modules in "random codes to take insparation and copy from" folder. Make the gui menu easy to navigate maybe advanced mode that unlockes more customization for some modules and nice cateogrys, search, etc. Make it feel really premium and next level and safe and good. I want purple black theme. Make it so it hosts discord bot aswell that admin can use if he discord id is admin discord id and he can see all users, add subscriptions, remove subscriptions, license keys, etc, etc. I want the client to auto hwid lock when the user first launches the mod on a pc and only admin can reset hwid so he can use on another pc if he switched pc or something so he cant share with friends. Add license key system and you can redeem license keys in dashboard website aswell. All license keys should have prefix Apollo so like Apollo-xxx-xxx-xxx-xxx 
Make it so like i have frontend code in frontend folder maybe in a few html files like 3 html files max and like _redirects file that redirects api requests and stuff to http backend ip:port and backend is index.js and like i will host backend and frontend on 2 different places.

#### ChatGPT:
Here’s a clean, extracted **frontend-focused prompt/spec** from your original request, stripped down to just what matters for building the website side:

---

## Frontend Prompt (Clean Extraction)

Build a **premium, production-ready web frontend** for a Minecraft Fabric client platform.

### Core Concept

- The client is **fully controlled from a website**, not in-game.
- The mod itself is **100% silent** unless features are enabled from the web dashboard.
- The website acts as:
  - Control panel
  - Account system
  - Distribution platform (downloads client JAR)

---

## Pages (Max \~3 HTML files)

### 1. Home Page

- Clean, modern landing page
- Purple + black theme
- Sections:
  - Hero (product intro, visuals, CTA)
  - Features (Crystal PvP, Sword PvP, automation, etc.)
  - Pricing (subscription tiers)
  - CTA buttons (Login / Register / Dashboard)
- Smooth animations, premium feel

---

### 2. Dashboard (User Panel)

- Requires login
- Displays:
  - Subscription status (active/inactive)
  - Download button (generates personalized client JAR)
  - License key redemption input
- Client download:
  - If subscription is active → allow download
  - JAR should be tied to the user (handled backend)

---

### 3. Client Menu (Main Control UI)

- This replaces in-game GUI completely
- Must feel like a **physical control panel**
- Features:
  - Module toggles (ESP, PvP modules, automation, etc.)
  - Categories (Combat, Misc, Utility, etc.)
  - Search functionality
  - Advanced mode toggle (reveals deeper settings)
- UI/UX:
  - Smooth transitions and animations
  - Highly interactive (sliders, toggles, dropdowns)
  - Premium “next-level” design
  - Clean layout, easy navigation

---

## Design Requirements

- Theme: **Purple + Black**
- Style:
  - Minimal, modern, high-end
  - Soft glows, gradients, glass-like panels
- Animations:
  - Smooth hover effects
  - Panel transitions
  - Toggle animations
- Must feel:
  - Premium
  - Responsive
  - Highly polished

---

## Functionality

- Authentication system (login/register)
- Dashboard access control
- License key redemption:
  - Format: `Apollo-XXX-XXX-XXX-XXX`
- Subscription validation
- API communication with backend (`index.js`)
- Use `_redirects` file to route API calls to backend server

---

## Structure

```
/frontend
  index.html        (home)
  dashboard.html    (user dashboard)
  client.html       (client control menu)
  _redirects        (API routing)
  /assets           (CSS, JS, animations)
```

---

## Extra Features

- Clean navigation between pages
- State sync with backend (modules, settings, user data)
- Real-time or near real-time updates for module toggles
- Scalable structure for adding more modules/settings later

---

If you want, I can turn this into:

- Actual **HTML/CSS/JS starter template**
- A **React/Next.js version (much better for this kind of UI)**
- Or a **full UI design system (components + animations)**
