Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The "Gift Robux" application is a web platform designed to allow users to easily purchase and send Robux, the virtual currency used in Roblox. The purpose of this application is to provide a seamless and user-friendly experience for gifting Robux to friends or family members, enhancing the social
## CORE FEATURES aspect of gaming.
> 1. **User Registration and Authentication**: Users can create an account or log in securely to manage their transactions and gift history.
2. **Robux Purchase Options**: Users can select different amounts of Robux to purchase, with clear pricing and transaction details.
3. **Gift Sending Functionality**: Users can enter the recipient's information and send Robux directly to their Roblox account.
4. **Transaction History**: Users can view a history of their purchases and gifts sent, allowing for easy tracking of their transactions.
5. **Referral Program**: Users can earn bonuses by inviting friends to use the platform, encouraging community growth.
6. **Customer Support**: A help center where users can find FAQs or contact support for assistance with their accounts or transactions.

## 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 hero section on top, followed by features in a grid format, a testimonials section, and a strong call-to-action (CTA) at the bottom. The footer includes contact information and links to social media.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux for managing user sessions and transaction states.

## IMPLEMENTATION STEPS
1. **Set up the React project**: Initialize a new React project using Create React App with TypeScript support.
2. **Install dependencies**: Add Tailwind CSS, shadcn/ui, and Redux for state management.
3. **Create the folder structure**: Organize the project into components, pages, and services for better maintainability.
4. **Develop the authentication flow**: Implement user registration and login functionalities using Redux for state management.
5. **Build the main features**:
   - Create components for Robux purchasing with clear pricing.
   - Implement the gift sending functionality with input validation.
   - Develop the transaction history component to display user transactions.
6. **Design the UI**: Use Tailwind CSS to style components according to the design specifications, ensuring a minimalist approach.
7. **Test the application**: Conduct user testing to ensure the application is intuitive and responsive on various devices.
8. **Deploy the application**: Choose a hosting service and deploy the application for users to access.

## USER EXPERIENCE
Users will have a smooth experience starting from landing on the homepage, where they can view the main features and benefits of gifting Robux100000000000. The registration process is straightforward, and once logged in, users can easily navigate through the purchasing and gifting processes. The transaction history will provide transparency and trust, while the referral program encourages users to spread the word about the platform. Responsive design ensures that users on mobile devices have just as seamless an experience as those on desktops.