Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to simulate a fake Robux giver, tapping into a trending theme within the gaming community. The application will provide users with an engaging interface and a simple process to “claim” imaginary Robux, enhancing user enjoyment and interaction.

## CORE FEATURES
1. **User Registration**: Allow users to create accounts to track their claims and progress.
2. **Claim Robux**: A straightforward feature where users can claim fake Robux through a simple button click.
3. **User Dashboard**: A personalized dashboard displaying claimed Robux, available offers, and account information.
4. **Referral Program**: Users can invite friends to earn additional fake Robux, enhancing engagement.
5. **Testimonials**: A section showcasing user testimonials to build trust and community around the application.
6. **Contact Support**: A support feature enabling users to reach out for help 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 hero section at the top, followed by features, testimonials, and a call-to-action (CTA) section. The user dashboard will have a sidebar for navigation and a main content area for displaying user information and features.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (optional, based on complexity)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS for styling.
2. **Design the Layout**: Create the main layout using Tailwind CSS, ensuring a responsive design that adjusts to different screen sizes.
3. **Implement Core Features**:
   - Develop the user registration process with forms and validation.
   - Create the “Claim Robux” button functionality and display a success message.
   - Build the user dashboard with sections for claimed Robux and offers.
4. **Integrate Referral Program**: Add functionality for users to generate referral links and track their claims.
5. **Add Testimonials**: Design a section for user feedback, using placeholder testimonials to illustrate the concept.
6. **Support Contact**: Implement a simple contact form for users to submit inquiries.
7. **Testing**: Conduct thorough testing for usability and ensure all features function correctly.

## USER EXPERIENCE
Users will first encounter the hero section, inviting them to claim fake Robux. After registration, they will be directed to their dashboard, where they can easily navigate through features, view their claimed Robux, and utilize the referral program. The design will emphasize easy access to information and actions, ensuring a smooth and engaging user journey. Responsive design will ensure functionality across devices, enhancing the overall experience.