Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to provide an ESP (Extra-Sensory Perception) tool for FiveM, a multiplayer modification framework for Grand Theft Auto V. The application will allow users to access and utilize cheat features in a user-friendly, minimalist interface, ensuring a seamless experience while maintaining a focus on performance and simplicity.

## CORE FEATURES
1. **User Authentication**: Secure login and registration system for users to access their accounts and save their settings.
2. **ESP Configuration**: Simple interface for users to customize their ESP settings, including visibility options, color schemes, and more.
3. **Real-time Updates**: Instant updates on ESP features based on user selections, ensuring a responsive experience.
4. **User Dashboard**: A central place where users can manage their configurations, view usage statistics, and access support.
5. **Documentation and Support**: Comprehensive guides and FAQs to assist users in setting up and using the ESP features effectively.
6. **Feedback System**: An integrated option for users to provide feedback on their experience, which can be used for future improvements.

## 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**: The main layout should feature a top navigation bar, a hero section showcasing the ESP tool, followed by the features section, user dashboard, and a footer with support links. Each section should be clearly separated with ample white space to enhance readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui for consistent and modern UI elements.
- **State Management**: Redux (or Zustand) for managing application state if needed.

## IMPLEMENTATION STEPS
1. **Set Up Development Environment**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create User Authentication**: Implement login and registration forms, integrating Firebase or Auth0 for secure authentication.
3. **Develop ESP Configuration Page**: Build the interface for users to customize their ESP settings, ensuring real-time updates using state management.
4. **Build User Dashboard**: Create a user-friendly dashboard where users can easily navigate and manage their settings.
5. **Integrate Documentation and Support**: Add a section for documentation and a feedback form to gather user input.
6. **Test Responsiveness**: Ensure that the application is fully responsive across devices and screen sizes.
7. **Deploy Application**: Use platforms like Vercel or Netlify for deployment, ensuring a smooth user experience.

## USER EXPERIENCE
Users will have a straightforward journey through the application, starting with the authentication process. Once logged in, they will land on their dashboard, where they can quickly access ESP configuration options. The minimalist design will enable users to focus on key functionalities without distractions, while the responsive layout ensures usability on both desktop and mobile devices. Feedback and support options will be easily accessible to enhance user satisfaction and facilitate improvements.