Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to evoke an emotional cinematic experience through visual storytelling. The main purpose is to showcase the journey of a young Indian village boy, highlighting the themes of solitude and resilience against a backdrop of simple village life. The landing page will serve as a visual narrative, drawing in viewers with its compelling imagery and minimalist design.

## CORE FEATURES
1. **Hero Section**: A striking full-width image of the boy walking on the dusty road at sunrise, with an impactful tagline that captures the essence of the story.
2. **Story Narrative**: A section that describes the boy's journey, detailing his background and aspirations through engaging text and visuals.
3. **Visual Gallery**: A gallery showcasing various images that encapsulate the emotional mood and setting, allowing visitors to immerse themselves in the narrative.
4. **Call to Action (CTA)**: A prominent CTA section encouraging visitors to engage further, such as subscribing for updates or sharing the story on social media.
5. **Contact Information**: A simple contact form for visitors to reach out for inquiries or collaborations, promoting interaction and feedback.

## 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 include a full-width hero section at the top, followed by a narrative section with text and images, a visual gallery, a CTA section, and a footer with contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this simple landing page

## IMPLEMENTATION STEPS
1. **Set Up React Application**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and component usage.
3. **Create Component Structure**: Develop components for the Hero, Narrative, Gallery, CTA, and Contact sections.
4. **Design Layout**: Use Tailwind CSS classes to style each component according to the design specifications, ensuring a minimalist aesthetic.
5. **Implement Responsiveness**: Use responsive design techniques to ensure the landing page looks great on all devices.
6. **Add Interactivity**: Implement smooth scrolling to sections and hover effects for buttons using Tailwind CSS.
7. **Deploy**: Prepare the application for deployment on platforms like Vercel or Netlify.

## USER EXPERIENCE
Visitors will be greeted with a captivating hero image that sets the emotional tone of the landing page. As they scroll down, they will read about the boy's journey, viewing a gallery of images that deepen their understanding and connection to the story. The CTA will encourage them to engage further, while the contact section provides an easy way for them to reach out. The clean and minimalist design will ensure a seamless and immersive experience, allowing the story to shine through without distractions.