Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a landing page for Jayco Insurance Services, an insurance agency aiming to attract more customers and increase sales. The landing page will provide essential information about their services, customer reviews, and a clear call to action, emphasizing a clean and minimalist design.

## CORE FEATURES
1. **Hero Section**: A prominent introductory section that includes the agency name, a brief tagline, and a call-to-action button leading to a quote request or contact form.
2. **Services Overview**: A section detailing the various insurance services offered, including Auto, Health, Life, and Home Insurance, presented in a visually appealing layout.
3. **Customer Reviews**: A showcase of client testimonials highlighting the agency's 5-star rating to build trust and credibility.
4. **Contact Information**: Clear display of contact details including phone number, email, and address, along with a map integration for easy navigation.
5. **Call to Action**: A strong call-to-action section prompting visitors to get a quote or contact the agency, designed to convert visitors into leads.
6. **Business Hours**: A section displaying the operating hours of the agency for customer convenience.

## 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 will be a single-page design with a vertical flow, consisting of sections for the hero, services, reviews, contact information, and call-to-action.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS for responsive and utility-first styling.
- **UI Components**: shadcn/ui for pre-built components that align with the minimalist design.
- **State Management**: Not required for this landing page.

## 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 and shadcn/ui to the project for styling and components.
3. **Create the layout structure**: Develop a single-page layout using functional components for each section (Hero, Services, Reviews, Contact, CTA).
4. **Implement the hero section**: Design a striking hero section with engaging text and a clear call-to-action button.
5. **Detail the services section**: Create a visually appealing grid or list to display the various insurance services offered by Jayco Insurance Services.
6. **Showcase customer reviews**: Integrate a testimonials slider or grid to feature customer reviews prominently.
7. **Set up contact information**: Include a map showing the location and display the contact details clearly.
8. **Finalize the call to action**: Ensure the CTA section stands out and encourages user engagement, linking to a quote request form or contact page.
9. **Test for responsiveness**: Ensure the design is mobile-friendly and looks great on various devices.
10. **Deploy the landing page**: Choose a hosting platform to deploy the completed landing page for public access.

## USER EXPERIENCE
The user experience will focus on easy navigation and intuitive interactions. Users will be greeted with a welcoming hero section, followed by a clear presentation of services. Testimonials will reinforce trust, while contact information will facilitate easy communication. The prominent call-to-action will guide users toward obtaining a quote, ensuring a seamless journey from visitor to potential customer.