Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to simulate the experience of earning or receiving fake Robux gift codes. Its main purpose is to engage users with a playful and interactive interface while providing them with a streamlined experience to explore potential rewards.

## CORE FEATURES
1. **User Registration/Login**: Allow users to create an account or log in to track their rewards.
2. **Fake Robux Generator**: A tool for users to generate random Robux codes that they can "claim" for fun.
3. **Rewards Dashboard**: Display the user's claimed codes and overall rewards in a clean, user-friendly dashboard.
4. **Referral Program**: Users can invite friends to join the app and earn additional fake Robux for each successful referral.
5. **FAQ Section**: Provide common questions and answers about the app to enhance user understanding and engagement.

## 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 top navigation bar, a hero section promoting the app, followed by the features section, user dashboard, and a footer with contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (if needed for managing user data and rewards)

## IMPLEMENTATION STEPS
1. **Set up the React project**: Initialize a new React app with TypeScript and install Tailwind CSS.
2. **Create the main layout**: Implement the header, footer, and main content areas using Tailwind CSS for styling.
3. **Develop the User Registration/Login system**: Create forms for user sign-up and login using controlled components in React.
4. **Build the Fake Robux Generator**: Implement a function to generate random codes and display them to users.
5. **Design the Dashboard**: Create a dashboard component to show claimed codes and user statistics using state management.
6. **Implement the Referral Program**: Add functionality to allow users to share referral links and track new sign-ups.
7. **Create the FAQ Section**: Develop a simple FAQ component to answer user inquiries.

## USER EXPERIENCE
Users will land on a clean, welcoming homepage with a prominent call-to-action to start generating fake Robux. After registration, they will be directed to their dashboard where they can view their rewards, generate new codes, and invite friends. The overall flow emphasizes simplicity and ease of use, ensuring users can navigate effortlessly through the application.