Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to facilitate the gifting of Robux, the virtual currency used in Roblox, among real users. The main purpose is to allow users to set their desired Robux amount and gift it seamlessly in a user-friendly interface.

## CORE FEATURES
1. **User Registration and Authentication**: Users can create an account and securely log in to manage their gifting activities.
2. **Robux Amount Selection**: Users can specify the amount of Robux they want to gift to others through an easy-to-use selection interface.
3. **User Directory**: A searchable directory of real users available for gifting, enhancing the community experience.
4. **Transaction History**: Users can view their past transactions, including details about received and sent Robux gifts.
5. **Profile Management**: Users can manage their profiles, including updating their information and viewing their current Robux balance.
6. **Contact and Support**: A dedicated section for users to reach out for help or support regarding their transactions.

## 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 showcasing the service, followed by the user directory, an amount selection area, and a footer with support links.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (if needed for global state management)

## IMPLEMENTATION STEPS
1. **Set Up the Development Environment**: Install Node.js, create a new React project with TypeScript, and set up Tailwind CSS.
2. **Create the User Authentication System**: Implement registration and login functionality using a backend service (e.g., Firebase or a custom API).
3. **Develop the User Directory**: Create a component to display users with search functionality.
4. **Implement the Robux Gifting Feature**: Allow users to select and send Robux amounts with clear UI prompts and validation.
5. **Build the Transaction History Component**: Design a section for users to view their gifting history.
6. **Design the Profile Management Page**: Allow users to update their profiles and check their Robux balance.
7. **Set Up Contact and Support**: Create a support section with a contact form or FAQs.
8. **Test the Application**: Conduct thorough testing to ensure all features function correctly and the user experience is smooth.
9. **Deploy the Application**: Choose a hosting platform (e.g., Vercel, Netlify) for deployment.

## USER EXPERIENCE
Users will start on a clean landing page with a welcoming hero section. From there, they can easily register or log in. Upon logging in, users will be directed to their dashboard where they can select Robux amounts, browse through the user directory, and manage their profiles. The transaction history will provide transparency and reassurance, while the support section will guide them in case of any issues. The minimalist design ensures that users can navigate the application effortlessly, focusing on gifting Robux without distractions.