Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is designed as a web application that simulates a fake Roblox game where users can earn free or fake Robux. The main purpose is to engage users through a playful and interactive experience while providing a simple interface to navigate through the features of the game.

## CORE FEATURES
1. **User Registration/Login**: Allows users to create an account or log in to track their earned Robux.
2. **Robux Earning Mechanism**: Users can perform various activities or complete tasks to earn fake Robux, enhancing engagement and interaction.
3. **Leaderboard**: Displays top users based on the amount of fake Robux earned, fostering competition among players.
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 their earnings, and customize their avatars.
6. **Help and Support**: An FAQ section and contact form for users to get assistance or learn more about the game.

## 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 greeted with 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 experience. Clear call-to-action buttons will guide users towards engaging with the game's features, ensuring an enjoyable and interactive experience throughout.