Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to replicate a gifting platform for Robux, the in-game currency of Roblox. The primary purpose is to allow users to gift Robux to friends seamlessly while maintaining a clean and minimalist interface that enhances user experience and engagement.

## CORE FEATURES
1. **User Registration and Authentication**: Users can create accounts, log in, and manage their profiles securely.
2. **Robux Gifting Mechanism**: A straightforward process for users to select a friend and specify the amount of Robux to gift.
3. **Transaction History**: Users can view their past gifting transactions, including recipient details and amounts sent.
4. **User Dashboard**: A personal dashboard where users can see their account balance, recent activity, and available promotions.
5. **Referral System**: Users can invite friends to join the platform and earn bonuses for successful referrals.
6. **Support and FAQ Section**: An accessible area where users can find answers to common questions and get support.

## 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 consists of a header with navigation links, a hero section for highlighting key features, followed by cards for each core feature, a testimonial section, and a footer with contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux Toolkit for managing user state and transactions

## IMPLEMENTATION STEPS
1. **Set Up Project Environment**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Install Tailwind CSS, shadcn/ui, and Redux Toolkit.
3. **Create Components**: Develop reusable components for buttons, forms, and cards using Tailwind CSS.
4. **Implement Authentication**: Create user registration and login functionalities using Firebase or a similar service.
5. **Develop Gifting Mechanism**: Build the core functionality to allow users to select friends and gift Robux.
6. **Design User Dashboard**: Implement the dashboard layout, displaying user balance and transaction history.
7. **Set Up Referral System**: Create functionalities to track referrals and rewards.
8. **Create Support Section**: Develop a simple FAQ page and support contact form.
9. **Test and Optimize**: Ensure responsiveness and usability across devices, fixing any bugs and enhancing performance.

## USER EXPERIENCE
The application focuses on intuitive navigation and minimal clicks to enhance user satisfaction. Users can easily register or log in, navigate their dashboard, and complete gifting transactions with clear prompts and confirmations. The design emphasizes readability and accessibility, ensuring that all users can interact with the platform effortlessly.