Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a modern, premium landing page for a freelance photographer and videographer specializing in event and motorsport coverage. The main purpose is to showcase high-quality visual storytelling through a well-structured portfolio, making it easy for potential clients to connect and inquire about services.

## CORE FEATURES
1. **Hero Section**: A visually striking hero area that introduces the photographer/videographer with a strong headline, location, and clear call-to-action buttons for inquiries.
2. **Selected Work/Portfolio**: An editorial-style gallery showcasing categorized photography and videography projects, allowing users to click through to detailed views of individual works.
3. **Services Overview**: A concise presentation of the three main service areas: Motorsport & Events, Corporate & Employer Branding, and Post-Production services, with easy-to-scan descriptions.
4. **About Me Section**: A personal narrative that highlights the photographer's background, emphasizing direct client interactions and a professional yet approachable tone.
5. **Contact Form**: Integrated inquiry forms placed throughout the site for easy access, allowing potential clients to submit project details directly via email.
6. **Responsive Design**: A fully responsive layout optimized for both desktop and mobile viewing to ensure a seamless experience across devices.

## 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 should be relatively narrow and structured, avoiding full-width sections. Each section should be visually contained, providing an editorial feel that highlights images and videos effectively.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and integrate Tailwind CSS for styling.
2. **Create Components**: Build individual components for each section: Hero, Portfolio, Services, About Me, Contact.
3. **Implement Navigation**: Set up smooth scrolling navigation links that guide users through the sections of the landing page.
4. **Design Hero Section**: Use a strong cinematic image or video, implement the headline, and add clear CTAs that prompt users to inquire.
5. **Build Portfolio Gallery**: Create a visually appealing grid layout for the portfolio, categorizing projects and allowing for click-throughs to detailed views.
6. **Develop Services Section**: Present the services offered in a clear, concise manner, ensuring descriptions are easy to scan.
7. **Craft About Me Section**: Personalize the narrative to reflect authenticity, ensuring it aligns with the overall tone of the website.
8. **Integrate Contact Forms**: Place short inquiry forms in logical sections and ensure that submitted forms send emails directly to the photographer.
9. **Optimize for Responsiveness**: Ensure that all components are responsive and maintain visual integrity across devices.
10. **Test and Launch**: Conduct thorough testing for usability, responsiveness, and functionality before launching the site.

## USER EXPERIENCE
The landing page will provide a seamless browsing experience, with clear visual cues guiding users through the content. The hero section will immediately capture attention, while the portfolio will showcase work in a cinematic manner. Contact opportunities will be readily available throughout the site, making it easy for potential clients to engage. The overall interaction design will focus on simplicity and clarity, ensuring that users can quickly understand who the photographer is, what services are offered, and how to initiate contact.