Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to simulate a gifting platform for Roblox Robux. Its main purpose is to provide users with a simple and intuitive interface to navigate and interact with gifting options, all while maintaining a clean and minimalist aesthetic.

## CORE FEATURES
1. **User Registration and Login**: Users can create accounts and log in to manage their preferences and gifting history.
2. **Robux Donation Options**: A feature that allows users to select various amounts of Robux to gift, with clear pricing and options displayed.
3. **Secure Payment Integration**: Integration with payment gateways to ensure secure transactions when purchasing Robux.
4. **Gift History Management**: Users can view their past gifts and transactions in a user-friendly format.
5. **Responsive Design**: The application will be fully responsive, ensuring 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 include a top navigation bar, a main section with a call to action, followed by gift options, gift history, and a footer.

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

## IMPLEMENTATION STEPS
1. **Set Up Development Environment**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Layout Components**: Develop the main layout, including a top navigation bar, a main section with a call to action, and a footer.
3. **Implement User Authentication**: Set up user registration and login functionalities using Firebase Authentication or a similar service.
4. **Create Gift Options Component**: Build a component that displays different amounts of Robux and integrates payment options.
5. **Develop Gift History Functionality**: Allow users to retrieve and view their gifting history from a database.
6. **Ensure Responsiveness**: Utilize Tailwind's utility classes to make the application responsive on all devices.
7. **Testing**: Conduct thorough usability, performance, and security tests.

## USER EXPERIENCE
Users will benefit from a quick onboarding process and intuitive navigation among gifting options. Upon logging in, they will have immediate access to their gift history and can quickly select the amount of Robux to gift. Clear instructions and an intuitive interface will guide them throughout the payment process, ensuring an optimal user experience.