Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project aims to create a landing page that offers automotive security services, specifically focusing on GPS alarm installations and related services at home. The page will feature a streamlined user experience, encouraging potential customers to contact the service provider directly via a WhatsApp button.

## CORE FEATURES
1. **Hero Section**: A visually appealing introduction with a headline that communicates the service's value proposition, a brief description, and a prominent "Contact Us on WhatsApp" button.
2. **Services Offered**: A section highlighting the various automotive security services available, such as GPS alarm installations and additional offerings, with brief descriptions and icons.
3. **Testimonials**: A carousel or grid showcasing customer reviews to build trust and credibility.
4. **Contact Section**: An easy-to-use contact form for inquiries, along with the integrated WhatsApp button for direct communication.
5. **Call to Action (CTA)**: Clear and compelling CTAs throughout the page to encourage visitors to take action, such as contacting the provider or requesting a quote.

## 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 layout will be a single-page scroll structure with sections for the hero, services, testimonials, and contact, providing a smooth navigation experience.

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

## IMPLEMENTATION STEPS
1. **Set up the React Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS, shadcn/ui, and any other necessary packages.
3. **Create Components**:
   - Build a `Hero` component with a headline, description, and WhatsApp button.
   - Develop a `Services` component to list the offered services with icons.
   - Create a `Testimonials` component to display customer reviews.
   - Implement a `Contact` component with a form and WhatsApp link.
4. **Implement Routing**: Although a single page, set up smooth scrolling navigation between sections.
5. **Style Components**: Use Tailwind CSS to style each component according to the design specifications.
6. **Optimize for Mobile**: Ensure responsive design for different screen sizes.

## USER EXPERIENCE
Users will land on a clean and minimalist page that clearly outlines the automotive security services offered. They will be able to scroll through the sections easily, read testimonials to build trust, and contact the provider directly via the WhatsApp button or the contact form. The overall experience is designed to be intuitive and straightforward, encouraging potential customers to engage with the service provider.