Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a dynamic landing page for Jorge Barros, a dentist, aimed at providing essential information about his dental practice. The website will focus on showcasing services, patient testimonials, and a strong call-to-action to encourage potential patients to book an appointment.

## CORE FEATURES
1. **Hero Section**: A visually appealing introduction with a brief overview of Dr. Jorge Barros' dental services and a prominent call-to-action button to schedule an appointment.
2. **Services Offered**: A section detailing the various dental services provided, such as check-ups, cosmetic dentistry, and orthodontics, with brief descriptions for each.
3. **Testimonials**: A dedicated area for patient reviews to build trust and credibility, featuring quotes and ratings from satisfied clients.
4. **Contact Information**: Easy access to contact details, including a phone number, email address, and a simple contact form for inquiries.
5. **Location Map**: An embedded Google Map showing the location of the dental practice for easy navigation.
6. **Call-to-Action Section**: A final section urging visitors to book an appointment with a clear and compelling button.

## 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 follow a single-page design with a fixed navigation bar at the top, scrolling sections for each feature, and smooth transitions between sections to enhance user experience.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Not specifically required for this static landing page.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Components**: Develop components for each section (Hero, Services, Testimonials, Contact, Map, CTA).
3. **Implement Routing**: Set up smooth scrolling navigation links to each section.
4. **Design Layout**: Use Tailwind CSS classes to style components according to the minimalist design specifications.
5. **Add Content**: Populate each section with relevant content, ensuring to maintain consistency in typography and color usage.
6. **Test Responsiveness**: Ensure the layout is responsive across different devices and screen sizes.
7. **Deploy**: Prepare the application for deployment and host it on a suitable platform.

## USER EXPERIENCE
Visitors to the landing page will first encounter a welcoming hero section that clearly outlines the services offered. The navigation bar will allow them to quickly access different sections of the page. As they scroll, they will find well-structured information about services, glowing testimonials, and easy-to-find contact details. The layout will be intuitive and user-friendly, encouraging visitors to engage and book appointments seamlessly. The use of white space will provide a clean, uncluttered experience, allowing users to focus on the content.