Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Create a highly converting landing page for Handyman of Dunedin, LLC, a family-owned business specializing in home improvement services. The primary goal is to showcase the business's offerings, highlight customer testimonials, and provide easy contact options, focusing on the local service areas in Pinellas County.

## CORE FEATURES
1. **Hero Section**: An engaging hero area featuring a brief introduction to Handyman of Dunedin, along with a clear call-to-action (CTA) button encouraging visitors to contact for quotes.
2. **Services Overview**: A succinct display of key services provided, such as general repairs, custom carpentry, and woodworking, tailored to attract local customers.
3. **Customer Testimonials**: A dedicated section showcasing real customer reviews to build trust and credibility, featuring highlighted quotes from satisfied clients.
4. **Service Areas**: A clear and informative section listing the primary service areas, emphasizing Pinellas County to improve local SEO.
5. **Contact Information**: A visible contact area displaying the phone number and email, ensuring visitors can easily reach out for inquiries or bookings.

## 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 single-page layout divided into distinct sections—hero, services, testimonials, service areas, and contact information—ensuring smooth scrolling and easy navigation.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this landing page

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Create a new React project using Create React App with TypeScript and install Tailwind CSS.
2. **Create the Layout**: Structure the landing page using functional components for each section: Hero, Services, Testimonials, Service Areas, and Contact.
3. **Integrate the Design Specifications**: Apply Tailwind CSS classes to achieve the minimalist design, ensuring the primary color, typography, and border radius are utilized consistently across the page.
4. **Add Content**: Populate each section with relevant content, including the business description, services, testimonials, and contact information.
5. **Optimize for SEO**: Implement metadata and structured data to enhance search visibility, particularly focusing on the service areas.
6. **Test Responsiveness**: Ensure the design is responsive across devices by testing on various screen sizes and making adjustments as necessary.

## USER EXPERIENCE
Visitors will first encounter the hero section, which will immediately convey the business's purpose and prompt them to contact for services. Scrolling down, they will find an overview of services offered, bolstered by real testimonials that enhance credibility. The service areas will be clearly listed to inform potential customers of availability, followed by easy-to-find contact information, facilitating quick inquiries or bookings. The overall experience will be smooth, intuitive, and visually appealing, encouraging conversions.