Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to convert leads for a consulting service aimed at helping independent professionals scale their businesses. The landing page will effectively communicate the value proposition, outline services, and encourage potential clients to schedule a consultation, all while reflecting a clean and professional aesthetic.

## CORE FEATURES
1. **Hero Section**: A visually compelling introduction that captures attention with a strong headline, subheadline, and a clear call-to-action button encouraging users to schedule a consultation.
2. **Service Offerings**: A detailed section outlining the three main services offered (Strategy, Branding, and Web Development) with brief descriptions of each, emphasizing the benefits.
3. **Client Testimonials**: A section dedicated to showcasing testimonials from satisfied clients, building trust and credibility.
4. **FAQ Section**: Addressing common concerns and questions potential clients may have about the services offered, enhancing transparency and reducing hesitation.
5. **Contact Form**: An easy-to-use contact form for visitors to submit inquiries or schedule a consultation, integrated with calendar functionalities.
6. **Call to Action**: Repeated throughout the page, clear and engaging CTAs guiding users to take action.

## 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 scroll design with distinct sections for the hero, services, testimonials, FAQ, and contact. Each section will be visually separated by ample spacing and subtle background changes.

## 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**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Components**: Develop individual components for the Hero, Services, Testimonials, FAQ, and Contact sections.
3. **Design the Layout**: Use Tailwind CSS classes to structure the layout, ensuring responsiveness and adherence to the minimalist design.
4. **Integrate Google Fonts**: Include the Inter font in the project for both headings and body text.
5. **Implement the Call to Action**: Ensure all CTAs are prominent and linked to the contact form or scheduling system.
6. **Test Responsiveness**: Ensure the landing page looks good on all device sizes and browsers.
7. **Deploy**: Use a hosting service to deploy the landing page and ensure all functionalities are working as intended.

## USER EXPERIENCE
Key user interactions will include a smooth scrolling experience between sections, easy navigation through CTAs to schedule consultations, and an intuitive contact form. Users will experience a clear and professional presentation of the services, encouraging them to take the next step in engaging with the consulting services offered. The design will focus on minimizing distractions and maximizing clarity, ensuring users can easily understand the value proposition and make informed decisions.