Lovable Prompt Creator - AI Prompt Generator

```markdown
## APPLICATION OVERVIEW
Create an interactive landing page for "The Change Lab," focused on a unique user experience that combines animations and elegant design elements. The page will engage visitors with a captivating introduction featuring a key and a flower animation, guiding users to explore different parts of the platform.

## CORE FEATURES
1. **Animated Key Interaction**: A central animated key that, when clicked, rises and transforms to fit into a keyhole, unlocking a portal to reveal further content.
2. **Portal Animation**: After unlocking, a portal opens with delicate animations and gold sparkles, enhancing the fantastical feel of the experience.
3. **Vial Pouring Animation**: An open-top lab vial centered on the page pours pink liquid that transforms into an elegant flower, setting the stage for navigation.
4. **Flower Growth and Clickable Petals**: The flower blooms with petals that triple in size and become clickable navigation items, directing users to different sections of the site.
5. **Glass Plaque Header**: A frosted glass plaque at the top center of the page displays the brand name, "The Change Lab," providing a consistent and elegant branding element.

## DESIGN SPECIFICATIONS
- **Visual Style**: Ultra-minimalist design inspired by premium aesthetics, focusing on clean lines and soft animations.
- **Color Mode**: Light theme with a palette of soft rose pink and champagne gold, ensuring readability and a calming atmosphere.
- **Layout**: The layout centers on a large key and vial, with the flower animation growing from the center, guiding users' eyes and interactions.
- **Typography**: Use a combination of elegant serif and sans-serif fonts. Headings should be prominent with a serif typeface, while body text uses a sans-serif for clarity.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for building interactive components.
- **Styling**: Tailwind CSS for rapid styling and mobile responsiveness.
- **UI Components**: Utilize shadcn/ui for pre-built components that align with the minimalist design principles.
- **State Management**: Use React's Context API for managing state across animations and interactions.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Develop Key Component**: Create the animated key component that triggers the portal unlocking animation on click.
3. **Implement Portal Animation**: Design the portal component that opens with smooth transitions post-key interaction.
4. **Build Vial Component**: Construct the open-top lab vial that pours a pink liquid, ensuring the animation transitions into the blooming flower.
5. **Flower Component**: Design the flower with separate clickable petals that expand and surround a central white dot, using state management for interactions.
6. **Responsive Design**: Ensure the entire application is responsive, optimizing animations and components for various screen sizes.

## USER EXPERIENCE
Users will engage with the landing page by clicking on the animated key, which initiates a series of enchanting animations, including the unlocking of a portal and the transformation of a vial into a flower. Each petal will serve as an interactive navigation element, allowing users to delve deeper into the offerings of "The Change Lab." The minimalist design enhances the focus on these interactions, creating a serene and captivating user journey.
```