Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a professional yet humorous birthday website designed specifically for a girlfriend's 18th birthday celebration. It aims to create a memorable and engaging experience through a minimalist design that emphasizes clarity and ease of use, ensuring that the special day is celebrated in style.

## CORE FEATURES
1. **Personalized Greeting**: A customizable landing page featuring a heartfelt message and a funny anecdote, allowing users to express their feelings uniquely.
2. **Gallery of Memories**: A dedicated section to showcase photos and memories from the past, organized in a visually appealing grid layout.
3. **Birthday Countdown Timer**: An interactive countdown timer that builds excitement as the birthday approaches, displayed prominently on the homepage.
4. **Interactive Guestbook**: A feature allowing friends and family to leave messages or birthday wishes, adding a personal touch to the celebration.
5. **Gift Ideas Section**: A curated list of fun and quirky gift ideas that the user can consider for the birthday girl, presented in a simple card layout.
6. **Shareable Links**: Options to easily share the website on social media platforms, enabling friends and family to join in the celebration from anywhere.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean and simple design with ample white space, emphasizing readability and a light-hearted atmosphere.
- **Color Mode**: Light theme with dark text on light backgrounds, ensuring high contrast and readability.
- **Layout**: The main layout consists of a single-page structure with a fixed navigation bar at the top, smooth scrolling sections for each feature (greeting, gallery, countdown, guestbook, gift ideas), and a footer with social sharing links.
- **Typography**: Use a combination of a sans-serif font (like Montserrat for headings) for a modern feel and a serif font (like Merriweather for body text) for warmth and personality. Establish a clear hierarchy with larger, bolded headings and smaller body text.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS for responsive and utility-first styling
- **UI Components**: Utilize shadcn/ui for pre-built components that align with the minimalist design aesthetic
- **State Management**: Context API for managing state across the application, particularly for the guestbook and countdown timer

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Components**: Develop individual components for each feature (Greeting, Gallery, Countdown, Guestbook, Gift Ideas).
3. **Implement Layout**: Structure the main layout with a navigation bar and designated sections for each feature, using Tailwind CSS for styling.
4. **Add Functionality**: Implement the countdown timer using JavaScript Date methods, and create the guestbook functionality with local state management.
5. **Integrate Gallery**: Allow users to upload images for the gallery section and style them in a responsive grid layout.
6. **Testing and Optimization**: Test the website across different devices for responsiveness and ensure smooth user interactions.

## USER EXPERIENCE
Key interactions include a seamless transition between sections with smooth scrolling, easy navigation via a sticky header, and intuitive forms for the guestbook. Users can quickly upload memories, leave messages, and share the website through prominent social media buttons. The countdown timer provides a fun and engaging way for visitors to anticipate the celebration, enhancing the overall experience and creating a delightful atmosphere for the birthday girl.