Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a fun and interactive web application aimed at kids and teens, designed to engage users with entertaining features that provide playful insights and fortune-telling experiences. The website will showcase various games and activities, creating a vibrant and engaging space that attracts traffic and generates revenue through advertisements.

## CORE FEATURES
1. **Hero Section with Game Showcase**: A large, visually appealing gallery of illustrated images promoting at least 10 different games, engaging users right from the start.
2. **Interactive Games**: Fun tools like "What My Bed Tells About Me" where users upload a picture and receive a playful fortune-style analysis, and "What Is Your Lucky Number," where users can think of a number to receive a fun insight.
3. **Animated Feedback**: Incorporate animations and GIFs to create a seamless and enjoyable user experience while interacting with different tools.
4. **Mobile Responsiveness**: Ensure the application is fully responsive to provide a smooth experience on various devices, particularly for younger users who may access it via smartphones.
5. **Multilingual Support**: The website will be in Hebrew (RTL), ensuring accessibility and ease of use for the target audience.
6. **Ad Integration**: Strategically place ads to maximize revenue without disrupting user experience.

## 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 prominent hero section at the top, followed by a grid layout showcasing the games, with clear call-to-action buttons and seamless navigation for an enjoyable user experience.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API or Zustand for state management across the application

## IMPLEMENTATION STEPS
1. **Set Up React Environment**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui components.
2. **Design the Layout**: Create the main layout structure, including the hero section and games grid, using Tailwind CSS for styling.
3. **Develop Core Features**:
   - Implement the image upload functionality for "What My Bed Tells About Me."
   - Create the interactive number guessing tool for "What Is Your Lucky Number."
   - Integrate animations and feedback using CSS animations or animated libraries.
4. **Add Ad Integration**: Set up ad placements within the layout without disrupting the user experience.
5. **Test for Responsiveness**: Ensure the application is responsive across various devices, optimizing for mobile users.
6. **Implement Multilingual Support**: Add functionality for Hebrew (RTL) text display and ensure all features are accessible in this language.
7. **Conduct User Testing**: Gather feedback from kids and teens to refine user experience and engagement.

## USER EXPERIENCE
Users will land on a visually captivating hero section featuring a large gallery that highlights the available games. They can easily navigate by clicking on game thumbnails, leading them to interactive experiences. Games will provide immediate animated feedback based on user interactions, ensuring engagement and fun. The site will maintain a playful tone throughout, enhancing the overall experience for a young audience. Clear calls-to-action will guide users to explore more games and share their experiences.