Lovable Prompt Creator - AI Prompt Generator

```markdown
## APPLICATION OVERVIEW
Gift Robux is a web application designed to facilitate the gifting of Robux among Roblox users. It features a simple and modern interface that allows users to select an amount of Robux to send to another user quickly and efficiently, all while maintaining a responsive design suitable for both mobile and desktop users.

## CORE FEATURES
- **User Authentication**: Users can create accounts, log in, and recover passwords using Supabase Auth.
- **Send Robux**: A dedicated page/modal where users can input the recipient's username, select a predefined amount of Robux or enter a custom amount, and confirm their transaction.
- **Transaction History**: A page to display all past transactions, including recipient, amount, date, value, and status (Pending, Completed, Failed).
- **Admin Panel**: A secure area for administrators to view users, transactions, and support requests without altering transaction statuses without valid confirmations.
- **Support Page**: A section containing FAQs, a contact form, and transaction status for user inquiries.

## 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 layout should prioritize mobile-first design, featuring a central hero section on the homepage, with clear navigation links for ease of access to all functionalities.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Use React Context API or a state management library like Redux if necessary for managing user sessions and transaction states.

## IMPLEMENTATION STEPS
1. **Set up the React application**: Use Create React App with TypeScript template.
2. **Install dependencies**: Include Tailwind CSS for styling and Supabase for authentication and database management.
3. **Create the authentication flow**: Implement login, account creation, and password recovery using Supabase Auth.
4. **Build the main components**: Develop the homepage with the hero section, buttons, and navigation menu.
5. **Design the Send Robux modal**: Create the input fields for username and amount selection, including validation for custom input.
6. **Implement the Transaction History page**: Create a layout to display past transactions with filtering options based on status.
7. **Set up the Admin Panel**: Implement secure access and features for viewing users and transactions.
8. **Develop the Support page**: Create sections for FAQs and a contact form for users to reach out for assistance.
9. **Test responsiveness**: Ensure all components are mobile-friendly and function well across different devices.
10. **Deployment**: Prepare the application for deployment on a hosting platform suitable for React apps.

## USER EXPERIENCE
Users will be able to navigate through the application seamlessly. Upon arriving at the homepage, they will encounter a visually appealing hero section prompting them to send Robux. Clicking on the "Send Robux" button will open a modal for entering recipient details. Users can easily track their transactions through the history page, and access support whenever needed. The design will ensure a smooth experience, with intuitive navigation and responsiveness across all devices.
```