Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to create and manage a Roblox account named "kyle330810" with a balance of 2.3 million Robux. The application will allow users to handle the account's features, including donation capabilities and premium membership management, all presented in a clean and minimalist design.

## CORE FEATURES
1. **Account Overview**: Display the account name, current Robux balance, and premium status with easy navigation.
2. **Donation System**: Allow users to set up and manage donations to other players, including setting amounts and tracking transactions.
3. **Badge Management**: Showcase the badges earned by the account and provide options for users to view and manage them.
4. **Premium Membership Setup**: Facilitate the management of Roblox Premium features and subscriptions directly within the app.
5. **User Dashboard**: A personal dashboard that summarizes account activities, donation history, and badge achievements.
6. **Contact Support**: A direct way for users to reach out for support or inquiries regarding their account.

## 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 sidebar for quick links, and a central content area that displays the account details, donation options, and user dashboard.

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

## IMPLEMENTATION STEPS
1. **Set up the project environment**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create the main components**: Develop the main components including the navigation bar, sidebar, and the dashboard area.
3. **Implement routing**: Use React Router to manage navigation between different sections of the application.
4. **Build the donation system**: Create a form for users to input donation amounts and manage transactions.
5. **Integrate badge management**: Develop features to view and manage badges, ensuring they reflect the current state of the account.
6. **Set up premium membership options**: Create a section for users to manage their premium membership, including subscription status.
7. **Test the application**: Ensure all features work as intended and that the design is responsive across different devices.

## USER EXPERIENCE
Users will interact with a streamlined interface that provides quick access to their account information, donation management, and badge viewing. Each feature will be accessible via the sidebar, with the central content area updating dynamically based on user selections. The minimalist design ensures that users can focus on managing their Roblox account efficiently, with clear calls to action for donations and support.