Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a landing page designed to replace the existing website for Audibem, an auditory healthcare provider. The primary purpose of this landing page is to present the services offered by Audibem, engage visitors with testimonials, and drive conversions through a clear call-to-action.

## CORE FEATURES
1. **Hero Section**: Engaging headline with a brief description of Audibem's mission and services, alongside a prominent call-to-action button encouraging visitors to book a consultation or learn more.
2. **About Us**: A concise overview of Audibem, highlighting its values, experience, and commitment to auditory health.
3. **Services Offered**: A section detailing the various services provided, such as hearing tests, consultations, and hearing aid fittings, each accompanied by brief descriptions and icons.
4. **Testimonials**: A rotating carousel of customer testimonials to build trust and showcase the positive impact of Audibem's services.
5. **Contact Information**: Easy-to-find contact details, including phone number, email, and a simple contact form for inquiries.
6. **Footer**: Links to social media profiles and other relevant resources to encourage 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, maintaining the existing color palette from the current website.
- **Layout**: A single-page scroll layout that flows from the hero section down through about, services, testimonials, and contact information.
- **Typography**: Use a clean sans-serif font for headings (e.g., Montserrat) and a legible serif or sans-serif font for body text (e.g., Open Sans), establishing a clear visual hierarchy through size and weight differences.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS for utility-first styling approach
- **UI Components**: Utilize shadcn/ui for modern and accessible components
- **State Management**: Not required for this landing page as it is primarily informational

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install Tailwind CSS along with necessary dependencies.
2. **Create Layout**: Build the main layout structure using Tailwind CSS to ensure responsiveness across devices.
3. **Implement Hero Section**: Develop the hero section with a prominent headline, description, and call-to-action button, ensuring it's visually appealing.
4. **Add About Us Section**: Create a section that succinctly describes Audibem, integrating visual elements that align with the brand's identity.
5. **Develop Services Offered Section**: List the services with icons and descriptions, maintaining a consistent design with the rest of the page.
6. **Incorporate Testimonials**: Utilize a carousel component to showcase testimonials, ensuring smooth transitions and legible text.
7. **Setup Contact Information**: Design a contact section that includes a simple form and clear contact details for user inquiries.
8. **Finalize Footer**: Create a footer that includes links to social media and other relevant resources.
9. **Test Responsiveness**: Ensure the landing page is responsive and visually coherent on different screen sizes.

## USER EXPERIENCE
The landing page is designed for ease of navigation, allowing users to quickly find information about Audibem's services and contact options. Key interactions include clicking the call-to-action button to book a consultation, scrolling through the testimonials for social proof, and filling out the contact form for inquiries, all optimized for a seamless user experience.