Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Clínica Costa Odontologia is a single-page institutional website designed to showcase the dental clinic's services, professionalism, and welcoming environment. The site targets local patients in Joanópolis, SP, providing essential information and facilitating appointment scheduling.

## CORE FEATURES
- **Hero Section**: Engaging introduction with a strong headline, subheading, and clear call-to-action buttons for scheduling appointments and exploring services.
- **Differentials Section**: Highlighting the clinic's unique offerings through visually appealing cards that feature icons and brief descriptions.
- **Services Section**: A grid layout displaying the dental services provided, each with an icon, title, and short description for easy navigation.
- **Before and After Carousel**: A visually dynamic section showcasing successful treatments with before and after images in a smooth carousel format.
- **Testimonials Section**: Displaying client reviews in a clean, organized manner to build trust and social proof.
- **Contact and Location Section**: A simple contact form for inquiries and clear display of contact information, including a WhatsApp button for easy communication.

## 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 layout will be structured as a single-page site with smooth scrolling between sections, maintaining a cohesive and intuitive flow.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for basic functionality

## IMPLEMENTATION STEPS
1. **Set Up the Project**:
   - Create a new React project with TypeScript.
   - Install Tailwind CSS and configure it for the project along with shadcn/ui.
   
2. **Header Component**:
   - Implement a fixed header with the logo and navigation links.
   - Add a CTA button for "Agendar Consulta" with the primary color.

3. **Hero Section**:
   - Create a hero component with a background image and gradient fallback.
   - Include the main headline, subheading, and two action buttons. Use Framer Motion for smooth animation on entry.

4. **Differentials Section**:
   - Develop a card layout featuring the three differentials with icons, titles, and brief descriptions.

5. **Services Section**:
   - Implement a grid of service cards (3x2) that includes icons, titles, and short descriptions.

6. **About Section**:
   - Design a two-column layout with text and an image placeholder detailing the clinic's mission and services.

7. **Before and After Carousel**:
   - Create a carousel component that divides each slide into "Before" and "After" sections, with smooth transitions.

8. **Testimonials Section**:
   - Add a section with testimonial cards showcasing client reviews in a clean layout.

9. **Contact and Location Section**:
   - Implement a contact form with necessary fields and a section showing the clinic's contact details and a Google Maps link.

10. **Footer Component**:
   - Design a footer that includes the logo, quick links, address, and copyright information.

11. **Responsive Design**:
   - Ensure the website is fully responsive and provides a smooth user experience on all devices.

## USER EXPERIENCE
Users will engage with the site through a smooth scrolling experience that guides them from the hero section to services, testimonials, and contact information. The clear navigation and CTA buttons facilitate easy access to important information, while the visually appealing layout enhances overall user satisfaction. Users can quickly schedule appointments or learn more about the clinic's offerings in a professional and welcoming environment.