Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is a personalized puzzle/adventure game crafted for Krisha's birthday. It consists of seven sections, each containing a challenging puzzle that, upon completion, rewards the user with a key. The ultimate goal is to unlock a secret treasure that reveals a heartfelt love letter, culminating in an engaging and memorable birthday experience.

## CORE FEATURES
1. **Interactive Puzzles**: Seven unique and challenging puzzles focused on memory and pattern recognition that require user interaction to solve.
2. **Key Rewards System**: Each completed puzzle provides the user with a key, leading to the final treasure.
3. **Secret Treasure Reveal**: Upon completing all puzzles, users unlock a hidden section containing a love letter with a special link.
4. **Personalized Touches**: Incorporate Krisha’s nicknames and use her nine photos throughout the game to enhance personalization.
5. **Smooth Animations**: Implement engaging and smooth animations to create a premium feel throughout the website.
6. **Audio Playback**: Play a specific audio file starting at 0:24 seconds once the treasure is unlocked.

## 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 consist of a landing page followed by seven sections for puzzles, leading to the final treasure reveal. Each puzzle section will have a distinct layout with ample space for user interaction and visual elements.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Use Context API or Redux for managing game state (keys collected, current puzzle status)

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Landing Page**: Design a dark-themed landing page that introduces the game and sets the tone for the adventure.
3. **Develop Puzzle Sections**: Create seven components for each puzzle section, ensuring each has distinct challenges and rewards.
4. **Implement Key Reward Logic**: Establish the logic for key collection and integrate it with the puzzle success states.
5. **Design Treasure Reveal Section**: Build the final section where users unlock the love letter, ensuring smooth animation and audio playback upon reveal.
6. **Add Personalization Features**: Integrate Krisha’s photos and incorporate her nicknames into the text and challenges.
7. **Testing & Optimization**: Test the application for responsiveness and smooth animations, making necessary adjustments.

## USER EXPERIENCE
Users will start on a visually striking landing page that sets the stage for the adventure. As they progress through the puzzles, they will experience engaging interactions and visual rewards. Upon completing the final puzzle, they will enjoy a rewarding reveal of the love letter accompanied by a sentimental audio track, creating a memorable birthday experience for Krisha.