Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Serve Cleaning Services is a landing page designed to promote window cleaning, power washing, and maid services. The website aims to provide potential customers with clear information about services offered, showcase testimonials, and encourage visitors to contact for quotes, all while maintaining a clean and minimalist aesthetic.

## CORE FEATURES
1. **Hero Section**: A visually striking hero area featuring a clear value proposition, a call-to-action (CTA) button for requesting a quote, and engaging imagery related to cleaning services.
  
2. **Services Overview**: A concise section detailing the various services provided, including window cleaning, power washing, and maid services, with brief descriptions and icons for visual appeal.

3. **Testimonials**: A section showcasing customer testimonials to build trust and credibility with potential clients, featuring rotating quotes or a static grid.

4. **Contact Form**: An easy-to-use contact form for inquiries and quote requests that collects user information such as name, email, service type, and message.

5. **About Us**: A brief description of the company, its mission, and the team behind Serve Cleaning Services to establish a personal connection with users.

6. **Footer**: A comprehensive footer including social media links, contact information, and links to privacy policy or terms of service.

## 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**: The main layout structure includes a full-width hero section, followed by stacked sections for services, testimonials, about us, and a contact form, all spaced evenly with ample white space to enhance readability and user experience.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required, as the landing page does not require complex state management solutions.

## IMPLEMENTATION STEPS
1. **Set up the Project**: Initialize a new React project using Create React App with TypeScript template.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and components.
3. **Create Components**: Develop React components for the Hero, Services, Testimonials, About Us, Contact Form, and Footer sections.
4. **Apply Styles**: Use Tailwind CSS classes to implement the design specifications, ensuring to use the primary color and typography as specified.
5. **Set Up Routing**: Although this is a single-page site, ensure smooth scrolling to sections using React Router or simple anchor links.
6. **Implement Contact Form**: Use controlled components for the contact form to handle user input effectively.
7. **Test Responsiveness**: Ensure the design is responsive across different devices and screen sizes, making adjustments as necessary.

## USER EXPERIENCE
Key interactions include a prominent CTA in the hero section that encourages users to request a quote, easy navigation through scrolling to different sections, and a straightforward contact form that simplifies inquiries. The minimalist design promotes focus on content, making it easy for users to understand the services and engage with the company. The overall experience is designed to be intuitive and user-friendly, encouraging conversion through clear information and accessible contact options.