Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project aims to create a streamlined and optimized landing page for a vehicle appraisal service, inspired by the existing site (its for the same client kfz-gutachter-tk.de <<<< this site). The primary focus will be on enhancing SEO, improving the design with a minimalist aesthetic, and ensuring a user-friendly experience that encourages conversions.

## CORE FEATURES
1. **Hero Section**: An engaging hero area featuring a compelling headline, subheadline, and a primary call-to-action button that encourages visitors to request an appraisal.
2. **Services Overview**: A section detailing the services offered, including descriptions and benefits, designed to instill trust and clarity for potential clients.
3. **Testimonials**: A dedicated area showcasing client testimonials to build credibility and trustworthiness.
4. **Contact Form**: A user-friendly contact form for inquiries, designed to capture leads effectively.
5. **SEO Optimized Content**: Strategically crafted content throughout the site to enhance search visibility and drive organic traffic.
6. **Responsive Design**: A design that adapts seamlessly across devices, ensuring an optimal experience on desktops, tablets, and mobile phones.

## 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 divided into distinct sections (hero, services, testimonials, contact) with clear navigation and ample whitespace for readability.

## 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 Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Components**:
   - Build the Hero component with a headline, subheadline, and CTA button.
   - Develop a Services component that lists the services offered.
   - Create a Testimonials component to display client feedback.
   - Set up a Contact Form component that captures user details and inquiries.
3. **Layout Structure**: Use a main App component to structure the layout and integrate all the individual components.
4. **Styling**: Apply Tailwind CSS classes to ensure the minimalist design is implemented effectively.
5. **SEO Optimization**: Integrate meta tags and schema markup to enhance visibility on search engines.
6. **Testing**: Thoroughly test the landing page on various devices to ensure responsiveness and functionality.

## USER EXPERIENCE
Users will land on a visually appealing hero section, which captures their attention with a clear value proposition. They will easily navigate through the services offered, read testimonials from satisfied clients, and fill out the contact form. The clean design and organized layout will ensure a smooth and engaging user journey, encouraging them to take action and request an appraisal.

This prompt provides a complete framework to create a successful landing page that aligns with the user’s vision while focusing on SEO and user engagement.