Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
MotorMatters is a web application designed to simplify car care for busy owners. It offers quick and convenient services, including foam washing, vacuuming, and emergency mechanical assistance, ensuring that users can keep their cars in top shape without hassle. The app connects users to services that arrive at their doorstep within minutes, enhancing the overall vehicle maintenance experience.

## CORE FEATURES
1. **On-Demand Car Cleaning**: Schedule foam washing and interior vacuuming services that arrive at your location within 20 minutes.
2. **Emergency Breakdown Assistance**: Access immediate help if your car breaks down, with mechanical experts dispatched to your location within 30 minutes.
3. **Service Tracking**: Real-time updates on service status and estimated time of arrival for all booked services.
4. **User Profiles**: Create and manage personalized profiles to save vehicle details, service history, and preferred service times.
5. **Payment Integration**: Securely process payments through various methods, including credit cards and digital wallets.
6. **Feedback & Ratings**: After each service, users can rate their experience and provide feedback to improve service quality.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - The design will be clean and simple, utilizing ample white space to enhance readability and focus on content.
- **Color Mode**: Light theme with dark text on light backgrounds, ensuring a comfortable and accessible reading experience.
- **Layout**: A single-page layout with a prominent hero section at the top, followed by core features, user testimonials, and a call-to-action button for service booking. Each section will be well-spaced to avoid clutter.
- **Typography**: Use a modern sans-serif font for headings (e.g., Montserrat) and a legible serif font for body text (e.g., Roboto). Establish a clear hierarchy with larger font sizes for headings and appropriate line spacing for readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript to ensure type safety and a robust architecture.
- **Styling**: Tailwind CSS for efficient and responsive design, allowing for quick adjustments and a consistent style.
- **UI Components**: Utilize shadcn/ui for pre-built components that align with the minimalist design.
- **State Management**: Use React Context API or Redux for managing application state effectively.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript template.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project for styling and UI components.
3. **Create Components**: Develop reusable components for the header, service cards, user profile, and feedback forms.
4. **Implement Routing**: Use React Router for navigation between different sections of the app if necessary.
5. **Build Core Functionality**: Implement features for scheduling services, tracking requests, and handling payments.
6. **Design Layout**: Use Tailwind CSS to structure the layout based on design specifications, ensuring mobile responsiveness.
7. **Testing**: Conduct thorough testing across devices and browsers to ensure functionality and user experience.

## USER EXPERIENCE
Users will land on a visually appealing homepage that introduces MotorMatters and its services. They can easily navigate to schedule a cleaning or emergency service with prominent call-to-action buttons. The booking process will be streamlined, requiring minimal input for maximum efficiency. Once a service is booked, users will receive notifications and updates via the app, enhancing their experience and ensuring they feel supported every step of the way. 

This comprehensive prompt provides a clear path for developing the MotorMatters web application, focusing on user needs and seamless design.