Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a landing page designed to promote and sell AI voice and chat services tailored for gyms, sports centers, and functional fitness facilities. The landing page will focus on converting visitors into leads by highlighting the benefits of improving customer engagement through AI solutions, ultimately helping businesses manage their contacts more effectively.

## CORE FEATURES
1. **Hero Section**: A visually impactful introduction featuring a strong headline, a brief description of the services offered, and a prominent call-to-action (CTA) button that encourages users to learn more or schedule a demo.
2. **Service Overview**: A section detailing the AI voice and chat services, highlighting their benefits specifically for gyms and fitness centers, such as improved customer engagement and lead qualification.
3. **Testimonials**: A section showcasing positive feedback from existing customers who have benefited from the services, reinforcing trust and credibility.
4. **Feature Highlights**: A concise overview of key features, such as CRM integration, lead qualification, and scheduling capabilities, presented in an easily digestible format.
5. **Contact Form**: A simple and accessible contact form allowing interested users to reach out for more information or to schedule a consultation.
6. **CTA Section**: A closing section with a strong call-to-action encouraging visitors to take the next step, such as signing up for a newsletter or requesting a demo.

## 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 with distinct sections for the hero, service overview, testimonials, feature highlights, contact form, and CTA, ensuring a smooth scrolling experience.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for a landing page but can be incorporated if needed for form handling.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui for styling components.
2. **Create Components**: Build individual components for each section (Hero, Service Overview, Testimonials, Feature Highlights, Contact Form, CTA) using functional components.
3. **Style Components**: Apply Tailwind CSS classes to style each component according to the specified design specifications, ensuring consistency and responsiveness.
4. **Implement Navigation**: Add smooth scrolling navigation to allow users to jump to different sections of the landing page easily.
5. **Form Functionality**: Implement the contact form with basic validation and a submission handler that can send inquiries to an email or CRM system.
6. **Deploy the Landing Page**: Choose a hosting platform (like Vercel or Netlify) for deployment and ensure the landing page performs well across different devices and screen sizes.

## USER EXPERIENCE
Users will first encounter a compelling hero section that captures their attention and invites them to learn more. As they scroll, they will see detailed descriptions of the services offered, supported by testimonials that build trust. The layout will be intuitive, leading users to contact or engage with the services seamlessly through the strategically placed CTAs. The minimalist design will ensure that the focus remains on the content, enhancing user engagement and conversion rates.