Lovable Prompt Creator - AI Prompt Generator

`code``code`## APPLICATION OVERVIEW
This project involves creating a web application that allows users to purchase Robux and send them as corresponding Roblox skins. The app will feature a minimalist design, focusing on a clean and user-friendly interface, enabling users to easily manage their purchases and transactions.

## CORE FEATURES
1. **User Authentication**: Allow users to create accounts, log in, and manage their profiles securely.
2. **Robux Purchase System**: Implement a secure system for purchasing Robux with various payment methods.
3. **Skin Selection & Sending**: Users can select Roblox skins and send them to other users with a simple interface that links usernames to skins.
4. **Transaction History**: Users can view their purchase history, including details of Robux bought and skins sent.
5. **Responsive Design**: Ensure the application is fully responsive and accessible on all devices.
6. **Support & FAQ Section**: Provide a section for user support and frequently asked questions to assist users effectively.

## 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 for promotions, followed by sections for purchasing Robux, selecting skins, and viewing transaction history.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Use React Context API or Zustand for state management as needed.

## IMPLEMENTATION STEPS
1. **Set Up React Project**: Initialize a new React project with TypeScript support.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to your project.
3. **Create Authentication Flow**: Set up user registration and login components using a secure authentication method.
4. **Develop Purchase System**: Build components for purchasing `code``code``code`Robux and integrate payment processing.
5. **Implement Skin Selection**: Create an interface where users can browse and select skins to send.
6. **Transaction History Section**: Develop a section to display users' purchase and sending history.
7. **Responsive Design**: Ensure all components are mobile-friendly and properly styled using Tailwind CSS.
8. **Testing**: Conduct thorough testing to ensure all functionalities work as intended and are user-friendly.

## USER EXPERIENCE
Users will be greeted with a clean and welcoming interface where they can easily log in or register. After logging in, they can navigate to purchase Robux, select skins, and send them to other users seamlessly. The transaction history will allow users to track their activities, while the support section will provide help as needed, ensuring a smooth and enjoyable experience.