Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to showcase a vibrant cinematic experience celebrating Indian culture through joyful dance in the rain. The primary purpose is to create an engaging visual presentation that captures the essence of a 90s Bollywood aesthetic, appealing to audiences interested in cultural celebrations and cinematic beauty.

## CORE FEATURES
1. **Hero Section**: A visually striking hero image featuring the joyful dance scene, accompanied by a catchy tagline and a call-to-action (CTA) button encouraging users to explore more.
2. **About Section**: A brief description of the cultural significance of the scene, highlighting the beauty of Indian traditions and the monsoon season.
3. **Gallery Section**: A grid layout showcasing high-quality images from the cinematic sequence, allowing users to immerse themselves in the visuals.
4. **Testimonials Section**: Candid quotes from viewers or cultural commentators reflecting on the impact of the dance and the celebration of life during the monsoon.
5. **Contact Section**: A simple contact form for inquiries or collaborations, encouraging user interaction.
6. **CTA Footer**: A persistent footer with a prominent call-to-action, directing users to follow on social media or sign up for updates.

## 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 layout with a vertical scroll, each section clearly defined with ample spacing to enhance readability and user engagement.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this landing page as it is primarily static content.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui for styling and components.
2. **Create Layout**: Develop the main layout structure using React components, ensuring to include sections for the hero, about, gallery, testimonials, contact, and CTA footer.
3. **Implement Styling**: Use Tailwind CSS to style each section according to the design specifications, ensuring the primary color and typography are applied consistently throughout.
4. **Add Content**: Populate each section with descriptive text, images, and CTAs as outlined in the core features.
5. **Optimize for Responsiveness**: Ensure that the layout is fully responsive, adjusting for different screen sizes and devices to maintain a clean and engaging user experience.
6. **Testing**: Conduct thorough testing to ensure all elements function as intended and that the design is visually appealing across various browsers and devices.

## USER EXPERIENCE
Users will be greeted with a captivating hero image that draws them into the joyful atmosphere of the dance. They can scroll down to learn more about the cultural significance, view a gallery of images, read testimonials, and easily contact for inquiries. The minimalist design will guide users smoothly through the content, creating an enjoyable and immersive experience that captures the essence of the celebration.