Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is designed to provide a professional and visually appealing client-side menu for Rocket League. It allows users to access various features and settings through an animated dark red and black interface, enhancing the gameplay experience without interfering with game integrity.

## CORE FEATURES
1. **Menu Access**: Open the menu using the F1 key, providing a quick and easy way to access features during gameplay.
2. **Tab Navigation**: Includes multiple tabs such as Title Spawn, Rank Editor, Items Spawn, Profile Editor, and Misc for organizing various functionalities.
3. **Title and Item Unlocks**: Options to select and unlock titles or use an "unlock all" feature for items.
4. **Rank Management**: Change rank, MMR icons, and rewards with a user-friendly interface.
5. **Profile Customization**: Modify player level, Rocket Pass level, avatar name, and banner.
6. **Miscellaneous Features**: Toggle visual enhancements like ESP, hitboxes, aimbot, and unique effects for private matches.

## 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 consist of a sidebar for tab navigation, a main content area for displaying settings and options, and a footer for additional information or links.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS for responsive design and utility-first styling.
- **UI Components**: shadcn/ui for consistent component styling.
- **State Management**: Use React Context API or Zustand for managing application state if necessary.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install necessary dependencies (React, Tailwind CSS, shadcn/ui).
2. **Create Layout**: Build the main layout with a sidebar for tabs and a main content area using Tailwind CSS for styling.
3. **Implement Tabs**: Develop each tab (Title Spawn, Rank Editor, etc.) as separate components and manage visibility based on user interactions.
4. **Add Functionality**: Integrate core features such as title and item unlocking, rank management, and profile customization within their respective tabs.
5. **Implement Misc Features**: Create toggle options for ESP, hitboxes, aimbot, etc., ensuring they only function in private matches.
6. **Testing**: Thoroughly test the application to ensure all features work as intended and maintain game integrity.

## USER EXPERIENCE
Users will interact with the application through a sleek, animated menu that responds to keyboard input. The design will prioritize usability, allowing users to navigate between tabs seamlessly and access features with minimal effort. Each toggle and button will provide immediate visual feedback, enhancing the overall experience while ensuring that the application remains functional and visually appealing.