Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Create a premium cinematic Indian wedding invitation website designed in a vertical 9:16 format. The site will feature a smooth romantic storytelling flow that captures the essence of the wedding celebration, allowing users to elegantly present their invitation details in a minimalist and visually appealing manner.

## CORE FEATURES
1. **Hero Section**: A captivating introductory section with a high-quality background video or image that reflects the wedding theme, along with the couple's names and the event date.
2. **Storytelling Flow**: A narrative-driven layout that guides visitors through the couple's love story, featuring elegant transitions and animations to enhance the romantic feel.
3. **Event Details**: A dedicated section for event specifics, including date, time, venue, and RSVP options, presented in a clear and organized manner.
4. **Gallery**: A photo gallery showcasing pre-wedding events and memories, with smooth transitions for viewing images in a lightbox format.
5. **Contact Information**: An easy-to-use contact form for guests to reach out with questions or to RSVP, ensuring seamless communication.
6. **Shareable Link**: Option to generate a unique link that allows guests to easily share the invitation via social media or messaging apps.

## 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 be a single-column format that scrolls vertically, featuring full-width sections for each core feature, ensuring maximum visual impact and storytelling flow.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Not specified, as this project can manage state through React’s built-in state management for simplicity.

## IMPLEMENTATION STEPS
1. **Set up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui for UI components.
2. **Create the Hero Section**: Implement the hero section with a background video/image, couple’s names, and event date using Tailwind CSS for styling.
3. **Develop the Storytelling Flow**: Design a series of sections that narrate the couple's love story, utilizing smooth transitions and animations for a cinematic effect.
4. **Add Event Details Section**: Create a structured section for event details, ensuring the information is clear and easy to read.
5. **Implement the Gallery**: Build a responsive photo gallery with lightbox functionality, allowing users to view images in an elegant manner.
6. **Integrate Contact Form**: Develop a contact form that captures user inquiries and RSVPs, ensuring proper validation and submission handling.
7. **Generate Shareable Link**: Create a feature that generates a unique URL for guests to share the invitation easily.

## USER EXPERIENCE
The user experience will focus on a seamless and engaging interaction, where guests can easily navigate through the invitation. Users will be greeted with a stunning hero section that sets the mood, followed by an enticing storytelling flow that leads them through the couple's journey. Clear calls-to-action will prompt guests to view event details, browse the gallery, or reach out through the contact form, all within a responsive design that adapts beautifully to mobile devices.