Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to simulate fake Robux for users, allowing them to engage in a playful experience without real monetary implications. The application will focus on providing a clean and minimalist interface, emphasizing user engagement through a simple yet effective design.

## CORE FEATURES
1. **Robux Simulator**: Users can input desired amounts and see a simulated balance of Robux, enhancing the playful aspect of the app.
2. **User Profiles**: Users can create profiles to save their simulation history and preferences.
3. **Leaderboard**: Display top simulated balances for competitive interaction among users.
4. **Customization Options**: Users can customize their experience with themes and simulation settings.
5. **Help and FAQ Section**: Provide clarity on the purpose of the simulator and how to use it effectively.
6. **Contact Support**: Easy access for users to reach out for help or feedback.

## 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 central hero section for the Robux simulator, followed by feature sections, a leaderboard, and a footer with contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API (depending on complexity)

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create the Layout**: Design the main layout structure with a top navigation bar and footer using Tailwind CSS classes.
3. **Develop Core Features**:
   - Implement the Robux Simulator functionality.
   - Set up user profile creation and management.
   - Create the leaderboard functionality to display simulated balances.
4. **Customize the User Interface**: Apply the specified design specifications, focusing on typography, colors, and spacing for a minimalist look.
5. **Add Help and FAQ Section**: Create a dedicated page or modal for FAQs.
6. **Implement Contact Support Form**: Set up a simple form for users to send queries or feedback.
7. **Testing and Optimization**: Test the application for usability and responsiveness across devices.

## USER EXPERIENCE
Users will interact with the application by easily navigating through the top navigation bar to access the simulator, view the leaderboard, and customize their profiles. The simulator will allow them to input amounts and see instant feedback. Clear visual cues and a simple flow will ensure an enjoyable experience, keeping the focus on the playful simulation of Robux without overwhelming the user with unnecessary information.