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, with a focus on simplicity and user engagement.

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

## 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 structure 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**: Redux for managing user state and transactions

## IMPLEMENTATION STEPS
1. **Set up the React project** with TypeScript and install Tailwind CSS for styling.
2. **Create the main components**: 
   - Navigation bar
   - Hero section for Robux generation
   - User registration and login forms
   - Profile dashboard
   - Help & support section
3. **Implement routing** using React Router for navigation between components.
4. **Set up Redux** for state management to handle user accounts and Robux transactions.
5. **Build UI components** using shadcn/ui for a consistent look and feel.
6. **Integrate the Robux generation simulator** with animations for user engagement.
7. **Create the Robux transfer feature**, allowing users to send Robux to each other.
8. **Test responsiveness** across devices and browsers to ensure a seamless user experience.

## USER EXPERIENCE
Users will start on the landing page with a clear call to action to log in or sign up. Once registered, they can access their dashboard to view their Robux balance and use the generator. The process of sending Robux to friends will be straightforward, enhancing user interaction. The minimalist design will ensure that users can navigate easily, with all important features accessible within a few clicks, promoting a seamless experience.