Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a high-converting landing page for a business website redesign, aimed at increasing leads, calls, and bookings. The focus is on delivering a modern, trust-building online presence that effectively communicates the business's services and value propositions to local customers.

## CORE FEATURES
1. **Hero Section**: Engaging headline and strong call-to-action (CTA) to capture visitor attention immediately.
2. **About the Business**: A concise overview that establishes credibility and connects with the target audience.
3. **Core Services/Offers**: Highlighting the main services provided, with clear descriptions and benefits.
4. **Testimonials/Reviews**: Social proof through client testimonials to build trust and credibility.
5. **Contact Options**: Easy-to-access contact form, click-to-call button, and WhatsApp CTA for immediate communication.
6. **FAQ Section**: Addressing common questions to alleviate concerns and help in decision-making.

## 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-column structure for mobile-first design, with sections stacked vertically for ease of navigation. Each section should be distinct and visually separate, with ample spacing in between.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this landing page, but could be incorporated if needed for dynamic features.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using TypeScript and install Tailwind CSS.
2. **Create Layout Structure**: Develop the main layout with a header, body sections, and footer.
3. **Design Hero Section**: Implement the hero section with a compelling headline and CTA button styled with the primary color.
4. **Build About Section**: Craft the about section with a brief business description, utilizing the clean typography.
5. **Add Core Services Section**: List and describe core services using cards or simple text blocks.
6. **Integrate Testimonials**: Create a visually appealing section for testimonials, featuring client quotes and ratings.
7. **Implement Contact Options**: Develop the contact form, click-to-call button, and WhatsApp CTA, ensuring visibility.
8. **Create FAQ Section**: Structure the FAQ section to address common customer queries effectively.
9. **Optimize for SEO**: Use appropriate headings and keywords that reflect local SEO practices.
10. **Testing & Responsiveness**: Ensure the landing page is responsive and functions well on various devices.

## USER EXPERIENCE
The landing page will guide users through a smooth flow, starting from the eye-catching hero section to detailed service offerings and trust-building testimonials. Users can easily navigate to the contact options, ensuring they feel encouraged to engage with the business. The minimalist design focuses on clarity and simplicity, making the information easy to digest and the desired actions straightforward to complete.