Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The "Gift Robux" web application is a user-friendly platform designed to enable users to purchase and gift Robux, the virtual currency used in Roblox. The application focuses on a clean and minimalist design, providing a straightforward experience for users to navigate and complete transactions.

## CORE FEATURES
1. **User Registration and Login**: Secure user authentication allowing users to create accounts, log in, and manage their profiles.
2. **Robux Gift Selection**: A feature allowing users to select the amount of Robux they wish to purchase as a gift, with clear pricing and options.
3. **Payment Integration**: Secure payment processing capabilities through popular methods (credit card, PayPal, etc.).
4. **Gift Management**: A dashboard where users can view, manage, and send their Robux gifts to other Roblox users.
5. **Email Notifications**: Automated email notifications to recipients once a gift has been sent, along with transaction confirmations for the sender.
6. **Responsive Design**: A mobile-friendly interface that ensures a smooth experience across all devices.

## 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 feature a hero section at the top, followed by a features overview, a gift selection area, and a call-to-action (CTA) button. The footer will include contact information and links to social media.

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

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Configure Routing**: Set up React Router for navigation between different components (e.g., Home, Gift Selection, User Profile).
3. **Create User Authentication**: Implement user registration and login functionality using Firebase or a similar service.
4. **Build the Gift Selection Component**: Design the UI for users to select Robux amounts and add it to their cart.
5. **Integrate Payment Processing**: Use a payment gateway like Stripe to handle transactions securely.
6. **Develop the Gift Management Dashboard**: Create a user dashboard to manage sent gifts and view transaction history.
7. **Implement Email Notifications**: Set up a backend service to send automated emails upon successful gift transactions.
8. **Test Responsiveness**: Ensure the application is responsive and works well on various devices and screen sizes.

## USER EXPERIENCE
Users will start on the landing page where they can easily navigate to register or log in. After logging in, they can select the amount of Robux to gift, proceed to payment, and receive confirmation via email. The dashboard will provide a seamless experience to track gifts sent, while the minimalist design ensures that users are not overwhelmed by information, making the process as straightforward as possible.