Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The "Gift Robux" web application serves as a platform where users can easily purchase and send Robux, the virtual currency used in Roblox, to friends or family members. The app focuses on a streamlined user experience, allowing users to navigate effortlessly through the gifting process while ensuring security and simplicity.

## CORE FEATURES
1. **User Authentication**: Users can create accounts or log in to manage their gift transactions securely.
2. **Robux Selection**: A straightforward interface allowing users to select the amount of Robux they wish to gift.
3. **Recipient Management**: Users can enter recipient details, including usernames and email addresses, to ensure the gifts are sent to the right person.
4. **Payment Processing**: Secure payment gateway integration to facilitate smooth transactions for purchasing Robux.
5. **Transaction History**: Users can view their past transactions and the status of sent gifts for easy tracking.
6. **Customer Support**: A dedicated section for FAQs and support to assist users with any inquiries or issues.

## 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 top navigation bar, a central hero section for Robux gifting, a sidebar for additional features like transaction history, and a footer for customer support links.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (or Context API if preferred)

## IMPLEMENTATION STEPS
1. **Set up the React application**: Use Create React App with TypeScript template.
2. **Install dependencies**: Add Tailwind CSS, shadcn/ui, and Redux (or Context API).
3. **Create the folder structure**: Organize components, pages, and styles.
4. **Design the layout**: Implement the top navigation bar and footer using Tailwind CSS for a responsive design.
5. **Develop core features**:
   - User authentication: Create login and signup forms.
   - Robux selection UI: Build a component for users to select the amount of Robux.
   - Recipient management: Develop a form for entering recipient details.
   - Payment processing: Integrate a payment gateway (e.g., Stripe).
   - Transaction history: Create a page or component to display users' past transactions.
6. **Add customer support**: Implement a FAQ section and contact form for user inquiries.
7. **Test the application**: Ensure all features work seamlessly and the design is responsive across devices.

## USER EXPERIENCE
Users will start on a clean landing page with a clear call to action to gift Robux. After logging in, they will navigate through a user-friendly interface to select the amount of Robux, enter recipient details, and process payments. The app will provide immediate feedback on transactions and allow users to track their gifting history easily. The minimalist design and intuitive layout will enhance user engagement and satisfaction, making the gifting process enjoyable and straightforward.