Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a web application that functions as an external proxy for the Free Fire game, enabling users to manage their keys and access enhanced features such as aimbot and ESP. The application will provide a seamless experience for users, allowing them to connect to the game easily while ensuring a minimalist design for enhanced usability.

## CORE FEATURES
1. **Key Management System**: Users can generate, view, and manage their keys linked to their accounts, ensuring secure access to the proxy features.
2. **Auto-Launch Functionality**: The application will automatically launch Free Fire when a key is requested, streamlining the user experience.
3. **Aimbot and ESP Features**: Users will have access to advanced gameplay features like aimbot and ESP, delivered through a user-friendly control panel.
4. **User Authentication**: Secure login and registration process for users to manage their accounts and keys.
5. **Dashboard**: A central dashboard to view usage statistics, active keys, and other relevant data.
6. **Support and FAQ Section**: A dedicated area for users to get help and find answers to common questions.

## DESIGN SPECIFICATIONS
- **Visual Style**: minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography
- **Color Mode**: Light theme with dark text on light backgrounds
- **Primary Color**: #1978E5 (accent for buttons, links, highlights)
- **Typography**: Use Inter from Google Fonts for headings, Inter for body text and UI elements
- **Border Radius**: 8px (moderately rounded) for buttons, cards, and inputs
- **Layout**: A single-page layout with a top navigation bar, a main hero section, a features section, and a footer for support and contact information. The dashboard will be organized into cards for easy navigation.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux for managing application state efficiently.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install necessary dependencies including Tailwind CSS and Redux.
2. **Create the Layout**: Develop the main layout using Tailwind CSS to ensure a responsive and clean design.
3. **Implement User Authentication**: Set up authentication routes and components for user registration and login.
4. **Develop Key Management Features**: Build the key management system allowing users to generate and manage their keys.
5. **Integrate Aimbot and ESP Features**: Create the control panel for users to enable or disable aimbot and ESP functionalities.
6. **Design the Dashboard**: Implement a dashboard that displays user statistics and active keys using cards for better organization.
7. **Add Support and FAQ Sections**: Create a help section with common questions and support contact information.
8. **Testing**: Conduct thorough testing to ensure all features work seamlessly and the user experience is smooth.
9. **Deployment**: Deploy the application to a suitable hosting platform and ensure it is accessible to users.

## USER EXPERIENCE
Users will interact with the application through a straightforward interface, starting from the landing page where they can log in or register. Upon successful login, they will be directed to their dashboard, where they can manage their keys and access the proxy features. The design will ensure minimal distractions while providing quick access to essential functionalities, enhancing the overall user experience.