Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a minimalist landing page for a baby shower invitation website, designed to offer an engaging and interactive experience for users. The website will feature essential information such as names, venue, date, and the soon-to-be grandparents, all presented with tap-to-interaction elements and visually appealing animations. The aim is to create a memorable experience that impresses visitors at first glance.

## CORE FEATURES
1. **Hero Section**: A visually captivating introduction that includes the main event title, a beautiful background animation, and a call-to-action button inviting users to RSVP.
2. **Event Details**: A dedicated section displaying the names of the parents-to-be, venue, and date, presented in a clear and attractive format.
3. **Interactive Buttons**: A series of buttons after each screen for easy navigation and interactions, allowing users to RSVP or learn more about the event.
4. **Gallery Section**: A visually interactive gallery showcasing baby shower themes, helping users visualize potential decorations and setups.
5. **Contact Information**: A simple form for users to submit questions or send messages, ensuring they can easily reach out to the hosts.

## 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 include a full-width hero section, followed by stacked sections for event details, interactive buttons, gallery, and contact information, all designed for tap interactions.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not specifically needed for this project as it is primarily informational and interactive.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using TypeScript and install Tailwind CSS for styling.
2. **Create Components**: Develop components for the hero section, event details, interactive buttons, gallery, and contact information.
3. **Style Components**: Apply Tailwind CSS classes to achieve the minimalist aesthetic, ensuring the primary color and typography specifications are met.
4. **Add Animations**: Integrate CSS animations for background effects and transitions between screens to enhance user engagement.
5. **Implement Tap Interactions**: Ensure all buttons and interactive elements are optimized for tap functionality, with clear feedback on user interactions.
6. **Test Responsiveness**: Verify that the layout is fully responsive for mobile devices, ensuring a seamless experience across different screen sizes.

## USER EXPERIENCE
Users will be greeted with a dynamic hero section that invites them to learn more about the baby shower. They can easily navigate through essential details and respond to the invitation with intuitive buttons that offer immediate interaction. The visual elements and animations will create a delightful experience, encouraging users to share the invitation with others and engage with the content presented. The overall flow will be smooth, ensuring that all interactions are quick and satisfying without scrolling effects, just taps.