Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application designed to simulate a gifting platform for Roblox Robux, focusing on providing users with a straightforward interface to navigate gifting options. The application emphasizes a clean and minimalist aesthetic to enhance user engagement and satisfaction.

## CORE FEATURES
1. **User Registration and Login**: Users can create accounts and log in to manage their gifting preferences and transaction history securely.
2. **Robux Gifting Options**: Users can select various amounts of Robux to gift, with clear pricing and straightforward options for ease of use.
3. **Secure Payment Integration**: Seamless integration with payment gateways ensures secure transactions for Robux purchases.
4. **Gift History Management**: Users can easily view their past gifts and transactions in a user-friendly format.
5. **Responsive Design**: The application will adapt to various devices, ensuring a consistent and smooth experience for all users.

## 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 top navigation bar, a hero section with a call to action, followed by gifting 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 needed for complex state management)

## IMPLEMENTATION STEPS
1. **Set Up Development Environment**: Initialize a new React project with TypeScript and install Tailwind CSS for styling.
2. **Create Layout Components**: Develop the main layout including a navigation bar, hero section, gifting options section, gift history section, and footer.
3. **Implement User Authentication**: Set up user registration and login functionality using Firebase Authentication or a similar service.
4. **Build Gifting Options Component**: Create a component that displays different Robux amounts available for gifting and integrates secure payment options.
5. **Develop Gift History Feature**: Implement functionality that allows users to retrieve and view their gifting history from a database.
6. **Ensure Responsiveness**: Utilize Tailwind CSS utility classes to ensure the application is responsive across various devices and screen sizes.
7. **Conduct Testing**: Perform thorough testing for usability, performance, and security to ensure a seamless user experience.

## USER EXPERIENCE
Users will experience a smooth onboarding process with easy navigation through gifting options. Upon logging in, they will have quick access to their gift history and can select amounts of Robux to gift effortlessly. Clear calls to action and intuitive design will guide users through the payment process, ensuring a satisfying and efficient user journey.