Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The "Gift Robux" application is a web platform designed for users to easily purchase and send Robux, the virtual currency used in Roblox. This application aims to enhance the social aspect of gaming by providing a seamless and user-friendly experience for gifting Robux to friends or family members.

## CORE FEATURES
1. **User Registration and Authentication**: Users can securely create an account or log in to manage their transactions and gifting history.
2. **Robux Purchase Options**: Users can choose from various amounts of Robux to purchase, with clear pricing and transaction details.
3. **Gift Sending Functionality**: Users can input recipient information and send Robux directly to their Roblox account.
4. **Transaction History**: Users can view their purchase and gifting history, allowing for easy tracking of transactions.
5. **Referral Program**: Users can earn bonuses by inviting friends to use the platform, promoting community growth.
6. **Customer Support**: A help center is available for users to access 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 at the top, followed by features displayed 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 managing user state.
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 across various devices.
8. **Deploy the application**: Choose a hosting service and deploy the application for user access.

## USER EXPERIENCE
Users will enjoy a smooth experience starting from the homepage, where they can view the main features and benefits of gifting Robux. The registration process is straightforward, and once logged in, users can easily navigate through purchasing and gifting processes. The transaction history ensures transparency and trust, while the referral program encourages users to share the platform. A responsive design guarantees that users on mobile devices have a seamless experience just like those on desktops.