Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Create a high-converting multi-page website for HD Auto Detailing, focusing on showcasing services, customer testimonials, and a clear call to action. The website will serve as a marketing tool to attract potential customers and provide essential information about auto detailing services.

## CORE FEATURES
1. **Hero Section**: A visually striking introduction with a compelling tagline, high-quality images of auto detailing services, and a prominent call-to-action button.
2. **Services Overview**: A detailed section highlighting the various auto detailing services offered, including descriptions and pricing.
3. **Testimonials**: A dedicated area for customer reviews and testimonials to build credibility and trust with potential clients.
4. **Service Request Form**: A simple, user-friendly form for visitors to request services or get quotes directly from the website.
5. **Contact Information**: Easy access to contact details, including phone number, email, and location, along with an embedded Google Map for directions.
6. **Blog Section**: An optional area for sharing tips, news, and insights related to auto detailing to engage visitors and improve SEO.

## 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 multi-page layout with a navigation bar at the top, sections for each core feature, and a footer with additional contact and social media information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (if necessary for managing form states or other shared data)

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui for styling components.
2. **Create the Layout**: Develop a responsive navigation bar that links to each section of the website. Implement a footer with contact information.
3. **Build the Hero Section**: Design the hero section with a background image, a catchy tagline, and a call-to-action button styled with the primary color.
4. **Develop Services Overview**: Create a page or section that lists all services with descriptions and pricing. Use cards or grid layout for better visual appeal.
5. **Testimonials Section**: Implement a carousel or grid to display customer testimonials with a clean design.
6. **Service Request Form**: Build a form that captures user input for service requests. Ensure proper UI feedback and validation.
7. **Contact Information**: Add a contact section with a Google Map embed, phone number, and email.
8. **Blog Section (Optional)**: Create a blog page to share articles related to auto detailing, enhancing engagement and SEO.
9. **Testing & Optimization**: Test the website for responsiveness across devices, optimize loading times, and ensure secure form submissions.
10. **Deployment**: Deploy the website on a hosting platform, ensuring all links and forms work correctly.

## USER EXPERIENCE
The website should provide a seamless browsing experience, with intuitive navigation, quick access to information, and visually appealing content. Users should easily find the services they need, read testimonials to build trust, and complete the request form without any hassle. The clean design and minimalist approach will enhance readability and engagement, encouraging visitors to take action.