Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page for a dentist named Miltiadis Paraskevopoulos, aimed at optimizing sales through an engaging online presence. The website will showcase the dentist's services, patient testimonials, and provide an easy way for potential clients to contact the office, ultimately driving conversions and increasing patient bookings.

## CORE FEATURES
1. **Hero Section**: A visually striking introduction with a welcoming message, practice name, and a prominent call-to-action button to book an appointment.
2. **Services Offered**: A section detailing the various dental services provided, including descriptions and benefits for each service.
3. **Testimonials**: Highlight patient reviews to establish credibility and trust, showcasing positive experiences from satisfied clients.
4. **Contact Information**: A dedicated section with a simple contact form, phone number, and address, making it easy for potential patients to reach out.
5. **Location Map**: An embedded map showing the practice's location to facilitate easy navigation.
6. **Call to Action**: Multiple strategically placed buttons prompting users to book an appointment or call the office.

## 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 design with sections flowing vertically. The hero section at the top, followed by services, testimonials, and contact information, culminating in a footer with additional contact details.

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

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui for styling.
2. **Create the Hero Section**: Build a full-width hero section with a background image or color, practice name, tagline, and a call-to-action button.
3. **Develop the Services Section**: Create a responsive grid layout to showcase the services offered by the dentist, including icons or images for each service.
4. **Add Testimonials**: Implement a carousel or grid format to display patient testimonials with their names and star ratings.
5. **Implement Contact Information**: Design a contact form with fields for name, email, and message. Include the phone number and physical address prominently.
6. **Embed the Location Map**: Use a mapping service API to display the dentist's location on the page.
7. **Finalize the Design**: Ensure all elements are visually cohesive, utilizing the primary color, typography, and spacing guidelines. Test responsiveness across devices.
8. **Deploy the Website**: Use a hosting service to publish the landing page and ensure it is accessible to potential patients.

## USER EXPERIENCE
Users will have a seamless experience navigating through the website. They will be greeted with an inviting hero section, easily view the services offered, read testimonials that build trust, and find straightforward contact options. The design will emphasize clarity and simplicity, ensuring that potential patients can easily find the information they need and take action to book appointments. The responsive design will ensure that the site is accessible on both desktop and mobile devices, providing a consistent experience across platforms.