Lovable Prompt Creator - AI Prompt Generator

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

## CORE FEATURES
1. **User Registration and Login**: Users can create accounts and log in to manage their gifting preferences and view their gift history.
2. **Robux Gifting Options**: Users can select various amounts of Robux to gift, with transparent pricing and easy navigation.
3. **Secure Payment Integration**: Implement secure payment gateways to facilitate safe transactions for Robux purchases.
4. **Gift History Management**: Users can easily access and view their past gifts and transactions in a user-friendly manner.
5. **Responsive Design**: The application will be fully responsive, providing a seamless 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 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, gifting options area, 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 various Robux amounts available for gifting and integrates payment options.
5. **Develop Gift History Feature**: Enable users to view their gifting history by retrieving data from a database.
6. **Ensure Responsiveness**: Utilize Tailwind CSS utility classes to guarantee the application is responsive across devices.
7. **Testing**: Conduct thorough testing for usability, performance, and security to ensure a smooth user experience.

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