Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to simulate a fake Robux generation tool, allowing users to interact with a clean and simple interface. The main purpose is to create an engaging experience for users interested in the concept of generating Robux, focusing on simplicity and user engagement.

## CORE FEATURES
1. **User Registration/Login**: Users can create accounts and log in to track their generated Robux.
2. **Robux Generation Simulator**: This feature simulates generating Robux with an attractive interface and animations, enhancing user engagement.
3. **Robux Transfer**: Users can "send" Robux to other users within the app, fostering interaction and community engagement.
4. **Profile Dashboard**: A user dashboard displays the current Robux balance, recent transactions, and account settings for easy management.
5. **Referral Program**: Users can invite friends and earn bonus Robux for successful referrals, promoting app growth.
6. **Help & Support Section**: A dedicated area for FAQs and customer support assists users with any issues they may encounter.

## 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 generator, followed by features, testimonials, and a footer with contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: React Context API or Redux, as needed for user sessions and transactions.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript using Create React App.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create User Authentication**: Implement user registration and login functionality using a backend service or Firebase.
4. **Build the Robux Generation Simulator**: Develop the simulator interface with engaging animations.
5. **Implement Robux Transfer Feature**: Enable users to send Robux to each other, including the necessary backend support.
6. **Design the Profile Dashboard**: Create a dashboard that displays user balances, transaction history, and account settings.
7. **Set Up the Referral Program**: Implement functionality for users to invite friends and track referrals.
8. **Develop Help & Support Section**: Create a FAQ page and integrate a contact form for user assistance.
9. **Responsive Design**: Ensure the application is responsive and looks good on various devices.
10. **Testing**: Conduct thorough testing of all functionalities and fix any bugs.

## USER EXPERIENCE
Key user interactions include a smooth registration and login process, an engaging Robux generation experience with animations, intuitive navigation through the profile dashboard, and easy access to the referral program and support section. The overall flow is designed to keep users engaged while providing a straightforward and enjoyable experience. 

This design and structure will ensure a functional and visually appealing web application that meets the user's vision.