Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application will be a web app designed for Dentics Cosmetic Dental Clinic, providing essential information and services to users seeking cosmetic dental treatments in Hyderabad, Telangana. The main purpose is to create an online presence that allows potential clients to learn about services, view reviews, and easily contact the clinic.

## CORE FEATURES
1. **Home Page**: A welcoming landing page featuring a brief overview of the clinic, its mission, and an inviting call-to-action.
2. **Services Offered**: A detailed section outlining the cosmetic dental services available, complete with descriptions and images.
3. **Reviews Section**: A dedicated area showcasing user reviews and testimonials to build trust and credibility with potential clients.
4. **Contact Information**: Clear display of the clinic’s address, phone number, and integrated Google Maps for directions.
5. **Appointment Scheduling**: A user-friendly interface for clients to request appointments with preferred time slots.
6. **Photo Gallery**: An interactive gallery displaying high-quality images of the clinic, staff, and successful dental transformations.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist design with a focus on clean lines, ample white space, and a minimal color palette emphasizing typography.
- **Color Mode**: Light theme featuring dark text on light backgrounds for optimal readability and a fresh, inviting atmosphere.
- **Layout**: A single-column layout for the main content, with a fixed header for easy navigation. Sections will be clearly defined with generous spacing for a clean look.
- **Typography**: Use of a modern sans-serif font (e.g., Montserrat or Open Sans) for headings and body text. Headings should be bold with larger sizes to create a clear hierarchy, while body text will be regular weight for easy reading.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for robust and maintainable code.
- **Styling**: Tailwind CSS for a responsive, utility-first approach to styling.
- **UI Components**: Utilize shadcn/ui for pre-built components that align with the minimalist design.
- **State Management**: Implement React's Context API or Zustand for managing application state.

## IMPLEMENTATION STEPS
1. **Set Up the Development Environment**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project for styling and UI components.
3. **Create Layout Components**: Develop the header, footer, and main content area components, ensuring they follow the specified design.
4. **Build Core Features**: 
   - Implement the home page with a brief overview and call-to-action.
   - Create the services page with detailed descriptions and images.
   - Develop the reviews section that dynamically displays testimonials.
   - Set up the contact information section with Google Maps integration.
   - Build the appointment scheduling form with validation.
   - Design the photo gallery with responsive images.
5. **Style Components**: Apply Tailwind CSS classes to ensure all components follow the minimalist design and maintain consistency.
6. **Test and Optimize**: Conduct usability testing to ensure a seamless user experience across devices and browsers.

## USER EXPERIENCE
Users will land on a clean and welcoming home page that introduces them to Dentics Cosmetic Dental Clinic. They can easily navigate to the services page to explore treatment options, read through authentic reviews to build trust, and contact the clinic via the provided information for inquiries or to schedule appointments. The overall experience will be intuitive, with a focus on clarity and ease of access to information, ensuring that users feel comfortable and informed while interacting with the application.