Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Create a modern web application for Bonita Valley Auto Care, aligning with their branding while preserving the exact wording and images from their current website. The primary purpose is to provide an educational, marketing, and user-friendly platform for vehicle owners to engage with their services and book appointments effortlessly.

## CORE FEATURES
1. **Homepage**: A welcoming landing page that highlights Bonita Valley Auto Care's unique selling points, including their three-year, 36,000-mile warranty and superior customer service.
2. **Services Page**: Detailed descriptions of all services offered, organized in a user-friendly layout that encourages engagement and exploration.
3. **Appointment Booking System**: A seamless, intuitive system for users to schedule appointments, enhancing user experience and convenience.
4. **Contact Information**: Easily accessible contact details and a form for users to reach out for inquiries or support.
5. **Terms and Conditions Page**: Clear presentation of terms regarding communication and privacy, ensuring transparency and fostering trust.
6. **Testimonials Section**: Showcase customer feedback to build credibility and reinforce the brand's trustworthy image.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean and simple design with ample white space to enhance readability and focus on key content.
- **Color Mode**: Light theme featuring dark text on light backgrounds to ensure clarity and ease of reading.
- **Layout**: A grid layout structure that organizes content into well-defined sections, allowing for easy navigation and a logical flow of information.
- **Typography**: Use a modern sans-serif font for body text to ensure legibility, with a bold variant for headings to establish a clear visual hierarchy.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for a robust and scalable application.
- **Styling**: Tailwind CSS for efficient and responsive design implementation.
- **UI Components**: Utilize shadcn/ui for ready-to-use components that align with the minimalist aesthetic.
- **State Management**: Implement state management as needed, possibly using React Context or Zustand for global state handling.

## IMPLEMENTATION STEPS
1. Set up a new React project using Create React App with TypeScript.
2. Install Tailwind CSS and configure it for the project.
3. Create the main layout components (Header, Footer, Main Content Area) and apply minimalist styling.
4. Develop the individual pages (Homepage, Services, Appointment Booking, Contact, Terms and Conditions, Testimonials).
5. Implement the appointment booking system using a form with validation.
6. Integrate responsive design principles to ensure the application functions well on both desktop and mobile devices.
7. Conduct user testing to ensure ease of navigation and satisfaction with the user experience.
8. Deploy the application to a hosting platform, ensuring all functionalities are operational.

## USER EXPERIENCE
Users will begin their journey on the homepage, greeted by a friendly and professional interface. They can easily navigate to the services offered, read about the warranty and customer service, and utilize the appointment booking system. Contact information and testimonials will be prominently displayed to reinforce trust and engagement. Throughout their interaction, the minimalist design will provide a clutter-free experience, allowing users to focus on the content that matters most.