Lovable Prompt Creator - AI Prompt Generator

# LOVABLE PROMPT FOR ERIK BARTHEL'S LANDING PAGE

## APPLICATION OVERVIEW
This project is a modern, high-quality landing page for Erik Barthel, a freelance photographer and videographer based in Mannheim, Germany. The purpose of the landing page is to showcase Erik's professional services, portfolio, and personal brand while facilitating easy customer inquiries.

## CORE FEATURES
1. **Hero Section**: Prominently display Erik's name, profession, and location with a strong statement and an impactful background image or video loop from his portfolio.
   
2. **Portfolio Showcase**: Highlight selected projects with large visuals categorized into Motorsport, Corporate/Employer Branding, and Events, allowing users to view high-quality images and videos.

3. **About Me**: A brief personal introduction section that highlights Erik's background, experience, and the unique value he offers to clients.

4. **Services Overview**: Clearly defined sections for each service area (Motorsport, Corporate/Employer Branding, Events) with descriptions and clear calls to action.

5. **Multiple Call-to-Actions**: Strategically placed CTAs throughout the page to encourage users to inquire about projects or services.

6. **Contact Form**: A straightforward contact form for users to submit inquiries directly, ensuring a seamless communication process.

## 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 narrow, concentrated layout with ample dark whitespace, large visuals, and a clear structure that emphasizes strong imagery over text.

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

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui for UI components.
   
2. **Create Hero Section**: Design the hero section with Erik's name, profession, and a striking background image or video loop. Implement a prominent CTA button labeled "PROJEKT ANFRAGEN".

3. **Build Portfolio Section**: Develop a portfolio section that dynamically displays selected works categorized into Motorsport, Corporate, and Events. Ensure each item has a large visual representation.

4. **Add About Me Section**: Create a concise introduction for Erik that includes his background, emphasizing his technical and professional experience.

5. **Define Services Section**: Structure the services overview with distinct areas for each service type, ensuring each section has a brief description and a CTA.

6. **Implement Contact Form**: Design a simple contact form that captures user information (Name, Email, Company, Message) with an option to specify the project type. Ensure submissions are sent directly via email.

7. **Optimize for Mobile**: Verify the design is fully responsive, particularly for mobile users coming from social media platforms.

8. **SEO Optimization**: Integrate relevant keywords naturally throughout the site to improve search visibility.

## USER EXPERIENCE
The landing page should provide a smooth and engaging experience with quick load times and easy navigation. Users should be able to immediately understand who Erik is and what services he offers. The visual focus on high-quality images and video content will create a strong impression while multiple CTAs will guide users to reach out for inquiries effectively. The contact form should be accessible at any point in the user journey to encourage direct communication without hassle. 

This fully functional minimalist light application will resonate with Erik's vision as a professional photographer and videographer, establishing a strong online presence that attracts potential clients.