Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a playful birthday website that features an interactive mini-game where users guess emojis hidden in boxes. Upon completion, it showcases humorous photos of the birthday person with celebratory animations. The website aims to create a fun and engaging birthday experience, with additional interactive elements like a cake blowing animation and a gallery of amusing memories.

## CORE FEATURES
1. **Emoji Guessing Mini-Game**: A fun game where users guess the correct emojis from 12 boxes. Correct or incorrect guesses lead to a humorous photo reveal of the birthday person.
   
2. **Gallery of Humorous Photos**: A dedicated section for displaying funny images of the birthday person, adding a personal touch to the celebration.

3. **Cake Animation**: An interactive cake element that users can "light" and "blow out," triggering a delightful animation with sound effects of "Happy Birthday."

4. **Birthday Decorations**: Visual elements such as balloons and flags that enhance the birthday theme and create a festive atmosphere throughout the website.

5. **Animated Notebook Reveal**: A visually appealing notebook that opens with a cool animation, displaying messages or memories related to the birthday person.

6. **Mobile Responsiveness**: The design will be fully responsive, ensuring a seamless experience on mobile devices and tablets.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with ample white space, ensuring a focus on user interaction and content.
- **Color Mode**: Light theme with dark text on light backgrounds to enhance readability and maintain a cheerful aesthetic.
- **Layout**: 
  - The homepage features the mini-game prominently at the center, flanked by light, cheerful decorations.
  - The gallery section follows, leading into the interactive cake animation, and finally the notebook reveal.
- **Typography**: 
  - Use a sans-serif font for headings and body text, ensuring clarity and modern aesthetics.
  - Maintain a hierarchy with larger font sizes for headings and smaller sizes for body text, ensuring a clear visual flow.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for building the user interface and managing application state.
- **Styling**: Tailwind CSS for utility-first styling, allowing for rapid design and responsive adjustments.
- **UI Components**: Utilize shadcn/ui for pre-built components that match the minimalist design aesthetic.
- **State Management**: Use Context API or Zustand for managing game state and user interactions.

## IMPLEMENTATION STEPS
1. **Set up the React project** with TypeScript and Tailwind CSS.
   - Create a new React application using Create React App or Vite.
   - Install Tailwind CSS and configure it for your project.
2. **Create the homepage layout**:
   - Implement the emoji guessing mini-game using a grid layout for the 12 boxes.
   - Style the game area with Tailwind CSS for responsiveness.
3. **Develop the mini-game logic**:
   - Store emoji data in an array and handle user input for guesses.
   - Implement animations for correct and incorrect guesses.
4. **Build the gallery section**:
   - Design a simple grid layout for displaying humorous photos.
   - Include hover effects for interactivity.
5. **Implement the cake animation**:
   - Use CSS animations to create a lighting and blowing effect on the cake.
   - Add audio for the "Happy Birthday" song that plays upon blowing out the candles.
6. **Add the animated notebook**:
   - Create a component that opens with animation to display birthday messages or memories.
7. **Test and refine**:
   - Ensure responsiveness across devices and browsers, making adjustments as necessary.
   - Collect user feedback for improvements.

## USER EXPERIENCE
Users will be greeted by a cheerful homepage featuring the emoji guessing game prominently. Upon interaction, they will experience engaging animations based on their guesses, followed by access to a gallery of funny photos. The celebration continues with an interactive cake element, culminating in the reveal of a notebook filled with playful memories. The entire experience will be smooth and responsive, making it enjoyable on both desktop and mobile devices.