Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The application is a web-based casino gaming platform featuring popular games such as Fortune Tiger, Fortune Snake, Fortune Mouse, Fortune Ganesha, Avatar, and Mines. The primary purpose is to provide users with an engaging and interactive gaming experience that is easy to navigate and visually appealing, focusing on a minimalist design.

## CORE FEATURES
1. **Game Selection**: A visually appealing interface allowing users to select from various casino games, each with engaging graphics and descriptions.
2. **User Authentication**: Secure login and registration process for users to create accounts, ensuring a personalized gaming experience.
3. **Real-Time Gameplay**: Interactive game sessions with real-time updates and animations to enhance user engagement.
4. **Leaderboard and Achievements**: Display of top players and achievements to encourage competition among users.
5. **Account Management**: Users can manage their profiles, view gameplay history, and track their achievements.
6. **In-App Purchases**: Integration of a secure payment gateway for users to purchase in-game currency or upgrades.

## 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 layout will feature a top navigation bar for easy access to game selection, a hero section highlighting featured games, and a grid layout for displaying the game cards. Footer will include links to terms and conditions, privacy policy, and contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux for managing application state (if needed for user sessions and game states).

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Design Layout**: Create the main layout structure using Tailwind CSS, incorporating the minimalist style and specified typography.
3. **Develop Game Selection Component**: Build a component to display the list of games using cards that feature game images and descriptions.
4. **Implement User Authentication**: Set up authentication using a service like Firebase or Auth0 for secure user management.
5. **Create Game Logic**: Develop the logic for each game, ensuring real-time interactions and smooth animations.
6. **Integrate In-App Purchases**: Use a secure payment gateway to handle in-game currency transactions.
7. **Build Leaderboard and Achievements**: Create components to display user rankings and achievements, updating in real time.
8. **Conduct Testing**: Ensure thorough testing of user flows, game functionality, and responsiveness across devices.

## USER EXPERIENCE
Users will have a seamless experience starting from the login screen, where they can easily register or sign in. Once logged in, they will be greeted by a visually appealing hero section showcasing featured games, followed by a grid of available games. Users can select any game to start playing, with real-time updates and engaging animations throughout their gameplay. The leaderboard will encourage friendly competition, and users can manage their profiles effortlessly, ensuring a personalized experience. The overall design will maintain a clean aesthetic, focusing on usability and accessibility.