Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application designed to simulate a gifting platform for Roblox Robux. Its primary purpose is to provide users with a straightforward interface to navigate and engage with gifting options while maintaining a clean and simple aesthetic.

## CORE FEATURES
1. **User Registration and Login**: Users can create accounts and log in to manage their gifting preferences and history, ensuring a personalized experience.
2. **Robux Gifting Options**: A feature allowing users to select various amounts of Robux to gift, with clear pricing and options displayed in a user-friendly manner.
3. **Secure Payment Integration**: Integration with payment gateways to ensure secure transactions for Robux purchases, prioritizing user safety.
4. **Gift History Management**: Users can view their past gifts and transactions in a clear and organized format, facilitating easy tracking of their interactions.
5. **Responsive Design**: The application will be fully responsive, ensuring a seamless experience across all devices, whether on mobile or desktop.

## 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.
2. **Create Layout Components**: Develop the main layout including a navigation bar, hero section, and footer to structure the application effectively.
3. **Implement User Authentication**: Set up user registration and login functionality using Firebase Authentication or a similar service to manage user accounts securely.
4. **Build Gifting Options Component**: Create a component that displays different Robux amounts for gifting and integrates payment options, ensuring clarity in pricing.
5. **Develop Gift History Feature**: Allow users to retrieve and view their gifting history from a database, presenting it in an organized manner that enhances usability.
6. **Ensure Responsiveness**: Use Tailwind CSS utility classes to make the application responsive across devices, ensuring a consistent user experience.
7. **Testing**: Conduct thorough testing for usability, performance, and security to ensure the application meets user needs and expectations.

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