Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application designed as a gaming clone inspired by the concept of Arrow Escape. It aims to provide an engaging and interactive gaming experience while maintaining a minimalist aesthetic. The application will feature smooth gameplay, user-friendly navigation, and a focus on performance.

## CORE FEATURES
1. **User Authentication**: Secure sign-up and login functionality for users to create and manage their accounts.
2. **Game Levels**: Multiple levels of gameplay, each increasing in difficulty, allowing users to progress and track their scores.
3. **Leaderboard**: A competitive leaderboard displaying top scores, fostering engagement and community interaction.
4. **Game Settings**: Options for users to customize their gaming experience, including sound settings and control configurations.
5. **Responsive Design**: A layout that adjusts seamlessly across various devices, ensuring a consistent user experience on mobile and desktop.
6. **Help and Support**: An integrated help section providing tutorials and FAQs to assist users in navigating the application.

## 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 include a top navigation bar, a central gameplay area, a sidebar for game settings and leaderboards, and a footer for support links.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API or Redux (as needed for managing game state)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Create a new React project with TypeScript and install necessary dependencies including Tailwind CSS and shadcn/ui.
2. **Design Layout**: Implement the main layout structure with a header, sidebar, and content area using Tailwind CSS for styling.
3. **Create Authentication System**: Set up user authentication using Firebase or a similar service to manage user accounts.
4. **Develop Game Levels**: Code the core game mechanics, ensuring levels are scalable and maintain engagement.
5. **Implement Leaderboard**: Create functionality to track and display scores, integrating with a backend service for score management.
6. **Add Game Settings**: Develop a settings component where users can adjust their game preferences.
7. **Optimize for Responsiveness**: Ensure the application is mobile-friendly by testing and adjusting styles as necessary.

## USER EXPERIENCE
Users will start by signing up or logging into their accounts. Upon entering the game, they will be greeted with an intuitive interface showcasing the game levels and leaderboard. Users can navigate through settings effortlessly and receive real-time feedback as they play. The minimalist design will emphasize gameplay, ensuring users remain focused and engaged without distractions.