Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application designed to simulate a "fake giver" for Robux, enabling users to engage with a playful environment where they can learn about Robux in a safe and entertaining manner. The platform will feature a clean and minimalist design that emphasizes user experience and ease of navigation.

## CORE FEATURES
1. **User Registration and Login**: Allow users to create accounts and log in to access personalized features.
2. **Fake Robux Generator**: A fun tool that simulates generating Robux amounts for users to enjoy in a non-realistic context.
3. **User Dashboard**: A personalized area where users can view their generated Robux and track their interaction history.
4. **Referral System**: Encourage users to invite friends to join the platform, rewarding them with virtual perks.
5. **Help and Support Section**: Provide users with guidance on how to use the application and answer common questions.
6. **Feedback Mechanism**: Allow users to submit feedback about their experience and suggestions for improvements.

## 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**: A single-column layout that flows from a hero section at the top, followed by features, user dashboard, and a footer with contact and support links.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: React Context API or Zustand for managing user data and application state.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Create a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create User Registration and Login**: Develop forms for user registration and login, including validation.
3. **Implement the Fake Robux Generator**: Create a component that simulates the generation of Robux, integrating fun animations.
4. **Build the User Dashboard**: Design a dashboard that displays the user’s generated Robux and their referral status.
5. **Develop the Referral System**: Create a mechanism for users to invite friends, including functionality for tracking referrals.
6. **Add Help and Support Section**: Include a section with FAQs and support contact information.
7. **Integrate Feedback Mechanism**: Set up a form for users to submit feedback and suggestions.
8. **Test for Responsiveness**: Ensure the application is fully responsive and works on various devices.

## USER EXPERIENCE
Users will experience a straightforward and enjoyable interaction with the application. Upon landing on the homepage, they will be greeted with a clear hero section, an easy-to-navigate interface, and the ability to generate Robux quickly. The user dashboard will provide a seamless overview of their activities, while the support section ensures they can easily find help when needed. The minimalist design will keep distractions at bay, allowing users to focus on the fun aspects of the application.