Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application designed for users to simulate gifting Robux, a virtual currency used in the game Roblox. The application will focus on a clean and minimalist user experience, allowing users to engage with a simple interface to explore and simulate Robux gifting scenarios.

## CORE FEATURES
1. **User Registration/Login**: Users can create accounts or log in to manage their gifting preferences and track their simulated Robux transactions.
2. **Robux Gift Simulation**: A feature that allows users to select the amount of Robux they wish to gift and simulate the process. This will include a straightforward input interface and an animated confirmation screen.
3. **User Dashboard**: A personalized dashboard displaying the user's gifting history, preferred amounts, and recent simulations.
4. **Gift History**: A section where users can view their past simulated gifts, including amounts and recipient names.
5. **FAQ and Support**: An accessible support section with frequently asked questions about the simulation process and user guidelines.

## 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 vertical navigation bar on the left, a hero section at the top of the dashboard, followed by content sections that include the gifting simulation and user history. Each section will be clearly defined with ample white space.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API (or any preferred state management library)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Design Layout**: Create the main layout with a vertical navigation bar and sections for the dashboard.
3. **Implement User Authentication**: Set up user registration and login functionalities.
4. **Create Gift Simulation Feature**: Develop the UI for Robux gifting simulation, including input fields and confirmation messages.
5. **Build User Dashboard**: Implement the dashboard to display user information and gift history.
6. **Add FAQ and Support Section**: Design and implement a support section with FAQs.
7. **Testing and Debugging**: Perform thorough testing to ensure all features work as intended and fix any bugs.

## USER EXPERIENCE
Users will have a straightforward journey starting from the registration/login page, leading them to a dashboard where they can simulate gifting Robux. The process will be intuitive, with guided prompts and confirmations to ensure users understand each step. The minimalist design will keep distractions to a minimum, allowing users to focus on the gifting experience. The FAQ section will provide additional support, ensuring users have access to help whenever needed.