Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is to create a landing page for "ÖZEL KENT AĞIZ VE DİŞ SAĞLIĞI POLİKLİNİĞİ," a dental clinic's website aimed at generating leads through Google Ads. The primary focus will be on ensuring a fast loading speed with a PageSpeed score of 90+ while providing essential information about the clinic.

## CORE FEATURES
1. **Hero Section**: A visually appealing introduction featuring the clinic's logo and a clear call-to-action (CTA) button for scheduling appointments.
2. **About Us**: A brief description of the clinic and its mission, highlighting the quality of dental care provided.
3. **Services Offered**: A section outlining the various dental services available, encouraging visitors to explore options.
4. **Contact Information**: Easy access to the clinic's address, phone number, and working hours, ensuring users can contact or visit the clinic without difficulty.
5. **Testimonials**: A section to showcase patient reviews to build trust and credibility.
6. **Appointment Booking CTA**: Prominent buttons throughout the page to facilitate quick appointment scheduling.

## 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 in a single-page format: the hero section at the top, followed by the about us section, services, testimonials, and finally the contact information with a CTA button for booking appointments.

## 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 using Create React App or a similar tool.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui components to the project.
3. **Create the Layout**: Develop the main layout structure as outlined in the design specifications.
4. **Implement the Hero Section**: Add the clinic's logo, a brief introduction, and a CTA button for appointments.
5. **Build the About Us Section**: Include a short description of the clinic's mission and values.
6. **Develop Services Offered Section**: List the various dental services with brief descriptions.
7. **Create the Testimonials Section**: Implement a slider or grid to showcase patient reviews.
8. **Add Contact Information**: Clearly display the clinic's address, phone number, and working hours.
9. **Optimize for Performance**: Ensure images are optimized and the structure is conducive to a PageSpeed score of 90+.
10. **Testing and Deployment**: Test the landing page for responsiveness and performance before deploying it to a web server.

## USER EXPERIENCE
The landing page will provide a seamless user experience focused on clarity and ease of navigation. Users will be able to quickly find information about the clinic, view services, read testimonials, and easily contact the clinic or book appointments through prominently placed CTAs. The minimalist design will ensure that users are not overwhelmed with information, allowing for a smooth and engaging experience.