Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project focuses on designing a landing page for a dental practice. The website aims to provide potential patients with essential information about the services offered, facilitate appointment booking, and highlight the practice's unique qualities. The minimalist approach ensures a clean, user-friendly experience that conveys professionalism and trust.

## CORE FEATURES
1. **Hero Section**: A visually appealing introduction with a clear headline, subheadline, and a call-to-action button for booking appointments.
2. **Services Overview**: A section outlining the various dental services provided, each with a brief description.
3. **Testimonials**: A carousel or grid displaying patient testimonials to build trust and credibility.
4. **Contact Information**: Easily accessible contact details, including a phone number, email address, and a map for location.
5. **Appointment Booking**: A simple form or button leading to an appointment scheduling tool.
6. **About Us**: A brief section introducing the dental team and their qualifications.

## 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 feature a single-scroll design, with sections stacked vertically—starting with the hero, followed by services, testimonials, contact, and about us, ensuring a seamless flow for users.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS for utility-first styling
- **UI Components**: shadcn/ui for pre-built components to enhance development speed
- **State Management**: Not required for this landing page but can be implemented if necessary for form handling

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create the Hero Section**: Develop a full-width hero area with a headline, subheadline, and CTA button styled as per the design specifications.
3. **Build the Services Section**: Create a grid or list layout to showcase services with appropriate spacing and typography.
4. **Add Testimonials**: Implement a testimonials section using either a carousel or grid layout to display reviews prominently.
5. **Design the Contact Section**: Include contact information that is easy to read, with a map integration if possible.
6. **Implement the Appointment Booking**: Create a simple form for appointment requests or link to an external scheduling tool.
7. **Final Touches**: Ensure responsive design principles are applied, test across devices, and make adjustments for optimal user experience.

## USER EXPERIENCE
Users will land on a visually striking hero section that immediately communicates the practice’s value proposition. They can scroll down to learn about services offered, view testimonials from satisfied patients, and easily find contact information or book an appointment. The minimalist design allows for easy navigation, ensuring that potential patients can find the information they need quickly and efficiently.