Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to simulate a playful and interactive Roblox game where users can earn free or fake Robux. The main purpose is to engage users with a simple interface that allows them to track their earnings and participate in various game activities.

## CORE FEATURES
1. **User Registration/Login**: Users can create accounts or log in to keep track of their earned Robux.
2. **Robux Earning Mechanism**: Users engage in activities or complete tasks to earn fake Robux, enhancing interaction and enjoyment.
3. **Leaderboard**: A competitive leaderboard displaying top users based on the amount of fake Robux earned.
4. **Reward System**: Users can redeem their earned Robux for virtual items or upgrades within the game.
5. **Profile Management**: Users can manage their profiles, track earnings, and customize avatars.
6. **Help and Support**: An FAQ section and a contact form for user assistance.

## 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 include a header with navigation links, a hero section to introduce the game, sections for features, leaderboard, and user profiles, all structured in a single scrollable page with clear call-to-action buttons.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Zustand or Context API (if needed for global state management)

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Components**:
   - Build the header component with navigation links.
   - Design the hero section with an engaging title and description of the game.
   - Develop the features section that outlines the core functionalities of the game.
   - Create the leaderboard component to display user rankings.
   - Implement the user profile management interface.
   - Set up the help and support section with an FAQ and contact form.
3. **Implement Routing**: Use React Router for navigating between different views (if needed).
4. **Setup State Management**: Implement Zustand or Context API to manage user state and Robux earnings.
5. **Style Components**: Use Tailwind CSS to apply the specified design specifications, ensuring the layout is responsive and visually appealing.
6. **Testing**: Conduct thorough testing for user interactions, responsiveness, and performance.
7. **Deploy**: Deploy the application using platforms like Vercel or Netlify for public access.

## USER EXPERIENCE
The application should provide a seamless experience where users can easily register or log in. Upon entering the game, they will be welcomed by a visually appealing hero section. Users can navigate through the features, see their earnings grow, and compete on the leaderboard. The profile management area will allow them to customize their gaming experience. Clear call-to-action buttons will guide users towards engaging with the game's features, ensuring an enjoyable and interactive experience throughout.