Lovable Prompt Creator - AI Prompt Generator

# APPLICATION OVERVIEW
This project is a web application designed to provide users with a platform where they can generate fake Robux without any payment. The application will feature a clean and minimalist design, focusing on a user-friendly interface that allows users to easily navigate through the offerings while maintaining a simple aesthetic.

# CORE FEATURES
1. **User Registration**: Allow users to create accounts for tracking their Robux generation without revealing their profiles.
2. **Robux Generation**: Users can input specific values to generate fake Robux, with an option to display a fixed amount (e.g., 789,567 Robux).
3. **Robux Transfer**: Simulate the transfer of generated Robux to other users, ensuring anonymity by hiding recipient profiles.
4. **Dashboard**: A simple overview page displaying the user's current Robux balance and recent transactions.
5. **Support Section**: A dedicated area for FAQs and user support to assist with any issues or questions.
6. **Contact Form**: An easily accessible form for users to reach out for additional support or inquiries.

# 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 header with branding, a hero section highlighting the main features, a features overview section, a testimonial section, a contact form, and a footer with links and support information.

# TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React's built-in context API or Zustand for state management of user sessions and Robux transactions.

# IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui for UI components.
2. **Create Layout Components**: Design and implement the header, footer, and main layout structure using Tailwind CSS.
3. **Develop Core Features**:
   - Implement user registration with form validations.
   - Create the Robux generation feature with input handling.
   - Build the Robux transfer functionality, ensuring anonymity by not displaying user profiles.
4. **Dashboard Implementation**: Develop a simple dashboard to display user balances and transactions.
5. **Support and Contact Features**: Implement the support section and contact form with appropriate backend integration for user queries.
6. **Testing**: Conduct thorough testing of all features for usability and performance, ensuring responsive design across devices.

# USER EXPERIENCE
Users will have a seamless experience starting from the registration process to generating Robux. The dashboard will provide a simple overview of their account status, and the Robux generation feature will be intuitive and straightforward. The support section will offer help, ensuring users feel supported throughout their experience. Responsive design will ensure functionality on both desktop and mobile devices, enhancing accessibility.