Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to showcase stunning videography of cars and nature shots, emphasizing a luxurious and animated aesthetic. The goal is to attract viewers and potential clients through a visually appealing and engaging experience while maintaining a minimalist design.

## CORE FEATURES
1. **Hero Section**: An animated hero banner showcasing captivating footage of cars and nature, with a strong call-to-action (CTA) button leading to the portfolio.
2. **Portfolio Gallery**: A visually striking gallery displaying video thumbnails with hover effects that play short clips, allowing viewers to engage with the content instantly.
3. **About Section**: A brief introduction to the videographer, highlighting their passion and expertise in videography, complemented by elegant typography and imagery.
4. **Testimonials**: A section featuring client testimonials that adds credibility and luxury appeal, using elegant animations to enhance user engagement.
5. **Contact Form**: A simple yet stylish contact form for inquiries, designed to encourage potential clients to reach out for collaborations.
6. **Newsletter Signup**: An optional section for users to subscribe to updates and exclusive content, keeping them connected with the brand.

## 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 should consist of a full-width hero section, followed by stacked sections for portfolio, about, testimonials, contact, and newsletter. Each section should have clear visual separation with ample white space.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Not required for this landing page but can use React Context for managing form state if needed.

## IMPLEMENTATION STEPS
1. **Set Up the Environment**: Initialize a new React project with TypeScript and install Tailwind CSS for styling.
2. **Design the Layout**: Create components for each section (Hero, Portfolio, About, Testimonials, Contact, Newsletter) using functional components.
3. **Implement Animation**: Use CSS animations or libraries like Framer Motion to create engaging transitions for the hero section and other interactive elements.
4. **Build the Portfolio Gallery**: Use a grid layout to display video thumbnails with hover effects that play short clips.
5. **Create the Contact Form**: Design a responsive contact form with validation and a submit button styled using Tailwind CSS.
6. **Test Responsiveness**: Ensure the design is responsive across various devices using Tailwind’s utility classes.

## USER EXPERIENCE
Users will land on an engaging hero section that captures their attention immediately with stunning visuals. They can easily navigate through the portfolio to view high-quality videography, read about the creator, and see testimonials that build trust. The contact form is straightforward, encouraging users to reach out, while the newsletter signup keeps them engaged with future content. The overall experience should feel luxurious, animated, and user-friendly, drawing viewers into the world of high-end videography.