Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a premium Persian digital wedding invitation designed as a polished interactive experience. It aims to replicate the feel of a luxury handcrafted invitation while being delivered as a lightweight, fast-loading mini website optimized for mobile devices. The entire invitation will feature smooth animations and a minimalist luxury aesthetic.

## CORE FEATURES
1. **Full-Screen Digital Invitation**: Opens with a closed luxury invitation envelope that reveals a beautifully designed invitation card upon interaction.
2. **Background Music**: Automatically plays (if browser policies allow) with a floating play button for manual control.
3. **Countdown Timer**: Displays the time remaining until the wedding date, updating automatically.
4. **Wedding Details Section**: Presents essential information such as the wedding date, guest arrival time, and venue address, with a button linking to Google Maps.
5. **RSVP Section**: Simple response options for guests to confirm attendance without requiring personal information.
6. **Elegant Scroll Experience**: Smooth vertical scrolling with gentle fade-ins for each section, maintaining a luxurious feel throughout.

## 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 main layout will be a single-page format featuring a full-screen invitation envelope, followed by the opened invitation card, countdown timer, wedding details, closing message, and RSVP section, all designed to enhance user interaction and visual appeal.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required, as no backend or complex state management is needed.

## IMPLEMENTATION STEPS
1. **Set up the development environment**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create the main components**: Develop components for the closed envelope, opened invitation card, countdown timer, wedding details, closing message, and RSVP section.
3. **Implement the animation**: Use CSS animations to create the realistic envelope opening effect, ensuring smooth transitions.
4. **Integrate background music**: Set up an audio player that plays the provided background music, with controls for user interaction.
5. **Develop the countdown timer**: Write logic to calculate and display the countdown to the wedding date.
6. **Design the layout**: Use Tailwind CSS classes to implement the specified design, including responsiveness and the defined color palette.
7. **Test the application**: Ensure that all features work correctly across different devices and browsers, focusing on mobile responsiveness and loading speed.
8. **Deploy the application**: Publish the final version to a web hosting platform, ensuring it is SEO-friendly and optimized for performance.

## USER EXPERIENCE
Guests will experience a seamless interaction when accessing the digital invitation. Upon tapping the link, they will be greeted with a visually striking closed envelope that, when interacted with, opens to reveal the invitation card. The smooth scrolling experience will guide them through the details, with each section elegantly fading into view. The RSVP process is straightforward, allowing guests to confirm their attendance with a simple click, enhancing the overall user experience without unnecessary complexities.