Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project aims to create a landing page for dental clinics, providing an informative and engaging online presence. The website will serve as a marketing tool to attract new patients, showcasing the clinic's services, expertise, and contact information in a clean and minimalist design.

## CORE FEATURES
1. **Hero Section**: A visually appealing introduction with a concise tagline, clinic logo, and a call-to-action button to schedule an appointment.
2. **Services Overview**: A section detailing the dental services offered, such as general dentistry, orthodontics, cosmetic dentistry, etc., with brief descriptions and icons for each service.
3. **Testimonials**: A carousel or grid displaying patient testimonials to build trust and credibility.
4. **Contact Information**: A dedicated section with phone numbers, email, address, and a contact form for inquiries.
5. **Location Map**: An embedded map showing the clinic's location for easy navigation.
6. **Call-to-Action**: Clear and persuasive buttons throughout the page encouraging users to schedule an appointment or contact the clinic.

## 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 sections stacked vertically; each section is clearly defined with ample spacing to enhance readability and navigation.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Not required for this 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 reusable components for the hero section, services overview, testimonials, contact form, and location map.
3. **Design Layout**: Utilize Tailwind CSS to style components according to the design specifications, ensuring a minimalist aesthetic.
4. **Implement Routing**: Use React Router if needed for smooth navigation (even for a single-page application).
5. **Embed Map**: Integrate a mapping service (e.g., Google Maps) to display the clinic’s location.
6. **Test Responsiveness**: Ensure the design is responsive and works well on various devices and screen sizes.
7. **Optimize Performance**: Minimize load times and optimize images for a better user experience.

## USER EXPERIENCE
The landing page will provide a seamless user experience, guiding visitors through the information with clear navigation and engaging visuals. Users will easily find services, read testimonials, and contact the clinic through a straightforward and intuitive interface. The primary call-to-action buttons will be prominently displayed, encouraging users to schedule appointments or get in touch, ultimately enhancing conversion rates.