Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application simulates a realistic Roblox page where users can "buy" Robux using fake amounts of money and gift them to players, mimicking the experience of the official Roblox gifting system. The application emphasizes a clean and user-friendly interface, allowing users to navigate effortlessly while engaging with the simulation.

## CORE FEATURES
1. **User Authentication**: Allow users to create accounts and log in to access their profiles.
2. **Virtual Currency Purchase Simulation**: Enable users to simulate the purchase of Robux with fake currency amounts.
3. **Gift Robux Simulation**: Provide functionality for users to select players and "gift" simulated Robux, showcasing a confirmation process.
4. **User Profile Dashboard**: Display user statistics, including total simulated Robux purchased and gifted, along with transaction history.
5. **Help & FAQ Section**: Offer guidance on how to use the application and answers to common questions regarding the simulation process.

## 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 layout will feature a top navigation bar, a central hero section for simulated purchases, followed by sections for gifting Robux, user profile dashboard, and a help section.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: React Context API or Zustand for managing user authentication and application state.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Authentication Module**: Implement user registration and login functionality using a secure authentication method.
3. **Develop Main Components**: Build components for the hero section, purchase simulation, gifting feature, and user dashboard.
4. **Implement State Management**: Utilize React Context API or Zustand to manage user data and simulate transactions.
5. **Design User Interface**: Apply Tailwind CSS styles to ensure a minimalist design, using the specified typography and color scheme.
6. **Test Functionality**: Thoroughly test all features to ensure a smooth user experience, addressing any bugs or usability issues.

## USER EXPERIENCE
Users will begin by creating an account or logging in. Once authenticated, they can navigate to the main page where they can simulate purchasing Robux with fake money. They will easily find the gifting section, allowing them to select a player and confirm their gift. The dashboard will provide insights into their simulated transactions, enhancing the overall engagement and providing a seamless experience throughout the application.