Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a premium, elegant landing page designed as an e-invitation for an arranged Indian wedding. It aims to provide a luxurious digital experience that is respectful and culturally appropriate, effectively conveying essential details about the wedding while engaging guests emotionally.

## CORE FEATURES
1. **Hero Section**: A full-screen introduction featuring the couple's names and a tagline, highlighted wedding date, and soft decorative background to set a luxurious tone.
2. **Invitation Message**: A formal note from the families, clearly presented to convey respect and tradition.
3. **Couple Introduction**: A two-column layout that introduces the bride and groom along with their family names, providing a clean and balanced aesthetic.
4. **Wedding Details**: Clear display of the wedding date, time, venue name, and address in a structured format for high readability.
5. **Events Timeline**: A vertical timeline showcasing multiple events (Engagement, Mehendi, Wedding, Reception) with smooth animations on scroll.
6. **RSVP Section**: An easy-to-use form for guests to confirm their attendance, ensuring a seamless user experience.

## 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**: A single-page scrolling layout with sections arranged vertically, including soft transitions and animations for a smooth user experience.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not explicitly required, but can use React's Context API if needed

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and Tailwind CSS.
2. **Create Layout Components**: Develop reusable components for the hero section, invitation message, couple introduction, wedding details, events timeline, gallery, blessings, location, and RSVP.
3. **Implement Styling**: Use Tailwind CSS to achieve the minimalist design, ensuring generous white space and structured layouts.
4. **Add Smooth Scrolling and Animations**: Implement smooth scrolling for the single-page layout and add fade-in animations for each section as it comes into view.
5. **Integrate Google Maps**: Embed Google Maps in the location section for guests to easily find the venue.
6. **Set Up RSVP Form**: Create a simple RSVP form with fields for name, number of guests, and attendance confirmation, linking to Google Forms if needed.
7. **Test Responsiveness**: Ensure the website is fully responsive and optimized for mobile use, adjusting layouts and elements as necessary.

## USER EXPERIENCE
The website should provide a seamless and emotionally engaging experience for guests of all ages. Users will scroll through the sections, experiencing smooth transitions and subtle animations. The RSVP section will be straightforward, allowing guests to confirm their attendance easily. The overall design will evoke a sense of luxury and tradition, making the digital invitation feel special and inviting.