Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to serve as a sales funnel for an AI Voice agent targeting HVAC companies. The purpose of the landing page is to attract potential clients by showcasing the benefits and features of the AI Voice agent, ultimately leading to conversions through CTAs.

## CORE FEATURES
1. **Hero Section**: A visually appealing introduction with a compelling headline, subheadline, and a prominent CTA button encouraging users to learn more or schedule a demo.
2. **Features Overview**: A section highlighting the key features of the AI Voice agent, such as enhanced customer engagement, 24/7 availability, and integration capabilities with HVAC systems.
3. **Testimonials**: A section displaying client testimonials and success stories to build trust and credibility among potential customers.
4. **CTA Section**: A strategically placed call-to-action prompting users to sign up for a demo or request more information.
5. **Contact Information**: A footer section with contact details and links to social media profiles for further engagement.

## 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 consist of a vertically stacked format with a hero section at the top, followed by features, testimonials, CTA, and contact information, ensuring a clear flow for users to navigate.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui for consistent and customizable components.
- **State Management**: Not required for a landing page but can be added if needed for dynamic elements.

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project using Create React App with TypeScript template.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui components to the project.
3. **Create Components**: Develop individual components for the Hero Section, Features Overview, Testimonials, CTA, and Contact Information.
4. **Implement Styling**: Use Tailwind CSS classes to style components according to the design specifications.
5. **Add Responsiveness**: Ensure all sections are responsive and adjust gracefully on different screen sizes.
6. **Testing and Deployment**: Test the landing page for usability and bugs, then deploy to a suitable hosting platform.

## USER EXPERIENCE
Users will land on the page and immediately see the hero section, capturing their attention. As they scroll, they will encounter the features that highlight the AI Voice agent's capabilities. Testimonials will provide social proof, and the CTA will guide them towards taking action—either signing up for a demo or contacting for more information. The overall experience will be smooth and intuitive, with clear navigation and prompts.