Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a magical birthday landing page designed to celebrate Manasvi's special day. The website will feature a dreamy, luxurious aesthetic inspired by Disney princess castles, creating an enchanting experience filled with elegant animations, soft pastel colors, and heartfelt messages. The goal is to present a beautiful digital storybook that captures the essence of a fairytale birthday celebration.

## CORE FEATURES
1. **Hero Section**: A stunning main photo of Manasvi with a heartfelt birthday message that sets the enchanting tone of the website.
2. **Memory Gallery**: A dedicated section showcasing two additional photos of Manasvi, framed elegantly with gentle animations and hover effects.
3. **Elegant Welcome Animation**: A captivating entrance animation that welcomes users into the magical experience.
4. **Countdown Animation**: An animated countdown to the birthday celebration, enhancing the excitement.
5. **"Reasons You're Special" Section**: Beautifully designed cards highlighting what makes Manasvi unique and cherished.
6. **Final Celebration Animation**: A royal birthday cake animation accompanied by the text "Happy Birthday, Princess Manasvi 👑❤️", with confetti and fireworks to celebrate.

## 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 full-width hero section at the top, followed by the memory gallery, special reasons section, and final celebration section, all with smooth scrolling and premium animations.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Not explicitly required, but consider using React Context or Redux if needed for complex state management.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS along with shadcn/ui component library.
2. **Create the Hero Section**: Design the hero section using the main photo of Manasvi, adding the birthday message and a smooth entrance animation.
3. **Build the Memory Gallery**: Create a gallery section that includes the other two photos, styled with elegant frames and hover effects.
4. **Develop the Special Reasons Section**: Design cards that highlight reasons why Manasvi is special, ensuring they fit the overall theme.
5. **Implement Animations**: Add floating sparkles, glowing effects, and smooth transitions throughout the website.
6. **Final Celebration Animation**: Create the birthday cake animation with confetti and fireworks that trigger on page load or when reaching the final section.
7. **Responsive Design**: Ensure the website is fully responsive, adjusting layouts and styles for mobile, tablet, and desktop views.

## USER EXPERIENCE
Users will be greeted with a stunning hero section that captures their attention immediately. As they scroll, they will experience smooth transitions and elegant animations, enhancing the magical feel. The memory gallery will evoke nostalgia and warmth, while the special reasons section will make Manasvi feel appreciated and loved. The final celebration will provide a memorable conclusion to the experience, making it a truly magical birthday celebration.