Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web-based online casino designed for users to enjoy a variety of games including mines, chicken game, blackjack, hilo, and dice. The platform aims to provide an engaging and seamless gaming experience with a focus on simplicity and user satisfaction.

## CORE FEATURES
1. **Game Selection**: A user-friendly interface allows players to easily choose from a variety of games, with thumbnails and brief descriptions for each.
2. **Live Betting**: Users can place bets in real-time, enhancing the excitement and engagement during gameplay.
3. **User Accounts**: Secure user registration and login system, enabling players to track their gameplay, balance, and history.
4. **Responsive Design**: A layout that adapts to different screen sizes, ensuring accessibility on both desktop and mobile devices.
5. **Promotions and Bonuses**: Sections to display current promotions, bonuses, and rewards to encourage user participation and retention.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - The design will prioritize clean lines and simple elements, utilizing ample white space to create a sense of openness and clarity.
- **Color Mode**: Light theme featuring a soft background with dark text for high readability. A limited color palette will be employed, focusing on neutral tones with occasional accent colors for interactive elements.
- **Layout**: A structured grid layout that highlights the game selection area prominently. The header will include navigation links, while the main content area will showcase featured games and user account options.
- **Typography**: Use of sans-serif fonts with a clear hierarchy. Main headings will be bold and larger in size, while body text will be regular weight and easily legible.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for robust type safety and component management.
- **Styling**: Tailwind CSS for rapid styling and responsive design capabilities.
- **UI Components**: Utilize shadcn/ui for pre-built, accessible UI components that align with the minimalist aesthetic.
- **State Management**: Implement Zustand or React Context for efficient state management across the application.

## IMPLEMENTATION STEPS
1. **Setup Project Environment**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Core Components**: Build components for the header, game selection area, game detail modals, and user account sections.
3. **Implement Routing**: Use React Router to manage navigation between different game pages and user account settings.
4. **Design Layout**: Structure the main layout using Tailwind CSS grid utilities, ensuring responsiveness and a clean visual hierarchy.
5. **Integrate State Management**: Establish state management for user accounts, game selections, and betting processes.
6. **Test UI Interactions**: Perform thorough testing of user interactions, including game selections, betting mechanisms, and account management functions.
7. **Deploy Application**: Use a hosting service to deploy the completed web application, ensuring it is accessible to users.

## USER EXPERIENCE
Users will start on a clean landing page with a welcoming interface. Upon logging in, they will have quick access to their favorite games through a responsive grid layout. Each game will have intuitive controls, providing easy navigation and clear instructions. The overall experience will be seamless, with quick loading times and minimal distractions, allowing players to focus on their gameplay and enjoyment.