Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application designed to create a fake Robux generator, providing users with a simple interface to engage with. It focuses on user experience while maintaining a clean and minimalist aesthetic. The app will feature an interactive layout that guides users through generating fake Robux, ensuring ease of use and engagement.

## CORE FEATURES
1. **User Registration**: Allow users to create accounts with email and password authentication for personalized experiences.
2. **Robux Generation**: A feature that simulates the generation of fake Robux, providing a playful interface for user interaction.
3. **Account Dashboard**: A user-friendly dashboard displaying the user's account information and generated Robux totals.
4. **Referral Program**: An option for users to share the app with friends and earn additional fake Robux for each referral.
5. **Help & Support Section**: A dedicated section for FAQs and support to assist users with any issues or questions they may have.
6. **Responsive Design**: Ensures the application works seamlessly across various devices, enhancing accessibility and user experience.

## 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 will consist of a hero section at the top, followed by features, user registration, and a call to action, concluding with a help section. The dashboard will have a sidebar for navigation and a main content area for user interactions.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (or any state management library if needed)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Components**: Develop core components such as Header, Footer, Hero, Features, Registration Form, Dashboard, and Help Section.
3. **Implement Routing**: Use React Router to manage navigation between the registration and dashboard pages.
4. **Design Layout**: Apply Tailwind CSS utility classes to achieve the minimalist design and ensure responsiveness.
5. **Add State Management**: Set up Redux for managing user authentication and data across the application.
6. **Integrate Features**: Implement the Robux generation logic and referral tracking system.
7. **Test Functionality**: Conduct thorough testing to ensure all features work as intended and fix any bugs.
8. **Deploy Application**: Use a platform like Vercel or Netlify for deployment and ensure the app is live and accessible.

## USER EXPERIENCE
Users will begin their journey on the landing page where they can register for an account. After registration, they will be directed to their dashboard, where they can see their generated Robux and access the referral program. The navigation will be intuitive, with clear calls to action guiding users on how to generate Robux or seek help. The overall design will be clean and user-friendly, ensuring a seamless experience across all devices.