"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import AboutMetric from '@/components/sections/about/AboutMetric';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Smile, Award, Users, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="small"
      sizing="mediumLargeSizeMediumTitles"
      background="floatingGradient"
      cardStyle="outline"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Poona Dental Clinic"
          navItems={[
            { name: "Home", id: "#home" },
            { name: "About Us", id: "#about" },
            { name: "Services", id: "#services" },
            { name: "Our Team", id: "#team" },
            { name: "Testimonials", id: "#testimonials" },
            { name: "FAQs", id: "#faq" },
            { name: "Contact", id: "#contact" }
          ]}
          logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=os3d00"
          logoAlt="Poona Dental Clinic Logo"
          button={{
            text: "Book Appointment",            href: "#contact"
          }}
        />
      </div>
      <div id="home" data-section="home">
        <HeroBillboardScroll
          title="Your Brightest Smile Starts Here"
          description="Experience gentle, professional dental services at Poona Dental Clinic. From routine check-ups to advanced procedures, we prioritize your comfort and oral health."
          background={{
            variant: "radial-gradient"
          }}
          buttons={[
            { text: "Book an Appointment", href: "#contact" },
            { text: "Our Services", href: "#services" }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/goodlooking-female-dentist-posing-with-some-dental-instruments-her-hand-white-coat-modern-wellequipped-cabinet_627829-9797.jpg"
          imageAlt="Modern dental office interior, welcoming atmosphere"
          tag="Expert Care"
          tagIcon={Smile}
          tagAnimation="slide-up"
          buttonAnimation="slide-up"
        />
      </div>
      <div id="about" data-section="about">
        <AboutMetric
          title="Why Choose Poona Dental Clinic?"
          metrics={[
            { icon: Award, label: "Years of Experience", value: "10+" },
            { icon: Users, label: "Happy Patients", value: "2000+" },
            { icon: Star, label: "5-Star Reviews", value: "230+" }
          ]}
          metricsAnimation="blur-reveal"
          useInvertedBackground={true}
        />
      </div>
      <div id="services" data-section="services">
        <FeatureCardTwentyFour
          title="Comprehensive Dental Services"
          description="We offer a full range of dental treatments to meet the needs of your entire family, ensuring your comfort and health."
          features={[
            {
              id: "general-care",              title: "General & Preventive Care",              author: "Poona Dental Clinic Team",              description: "Maintain optimal oral health with routine check-ups, teeth cleaning, X-rays, fillings, sealants, mouth guards, and emergency care.",              tags: ["Routine Care", "Preventive", "Family Dentistry"],
              imageSrc: "http://img.b2bpic.net/free-photo/happy-family-enjoying-time-together_23-2149283568.jpg",              imageAlt: "Dentist examining patient's teeth"
            },
            {
              id: "restorative",              title: "Restorative & Surgical Solutions",              author: "Dr. Sarfaraz Shaikh",              description: "Restore function and aesthetics with veneers, crowns, dental implants, bridges, bonding, extractions, oral surgery, and root canal treatments.",              tags: ["Implants", "Crowns", "Oral Surgery"],
              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-dentist_1157-18598.jpg",              imageAlt: "Dental implant model"
            },
            {
              id: "cosmetic",              title: "Cosmetic & Orthodontic Enhancements",              author: "Poona Dental Clinic Team",              description: "Transform your smile with cosmetic procedures, teeth whitening, reshaping, aligners, and traditional braces for a confident new look.",              tags: ["Whitening", "Aligners", "Smile Makeover"],
              imageSrc: "http://img.b2bpic.net/free-photo/female-patient-receiving-dental-treatment_107420-65463.jpg",              imageAlt: "Teeth whitening procedure"
            },
            {
              id: "pediatric-emergency",              title: "Emergency & Pediatric Dentistry",              author: "Dr. Sarfaraz Shaikh",              description: "Receive immediate attention for dental emergencies and gentle, patient-focused care tailored for our youngest patients.",              tags: ["Kids Dentistry", "Urgent Care", "Gentle Approach"],
              imageSrc: "http://img.b2bpic.net/free-photo/dentist-doing-dental-treatment-boy-clinic_23-2147905995.jpg",              imageAlt: "Child smiling in a dental chair"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>
      <div id="team" data-section="team">
        <TeamCardEleven
          title="Meet Our Dedicated Team"
          description="Led by the highly skilled and patient-focused Dr. Sarfaraz Shaikh, our team is committed to providing compassionate and expert dental care."
          groups={[
            {
              id: "dentists",              groupTitle: "Our Expert Dentists",              members: [
                {
                  id: "dr-sarfaraz",                  title: "Dr. Sarfaraz Shaikh",                  subtitle: "Lead Dentist & Oral Surgeon",                  detail: "Known for his clinical precision, calm demeanor, and patient-focused approach, Dr. Sarfaraz ensures a painless and thorough treatment experience.",                  imageSrc: "http://img.b2bpic.net/free-photo/friendly-dentist_23-2148104952.jpg",                  imageAlt: "Dr. Sarfaraz Shaikh"
                },
                {
                  id: "dr-priya",                  title: "Dr. Priya Sharma",                  subtitle: "Dental Hygienist",                  detail: "Priya provides exceptional preventative care and patient education, ensuring every patient leaves with a brighter, healthier smile.",                  imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-dentist_1157-18600.jpg",                  imageAlt: "Dr. Priya Sharma, Dental Hygienist"
                }
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="What Our Patients Say"
          description="Real stories from our happy patients, reflecting our commitment to excellent dental care and patient comfort."
          testimonials={[
            {
              id: "1",              name: "Hameed Qazi",              role: "Local Guide",              company: "Pune",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-doctor-checking-patient_23-2149103569.jpg",              imageAlt: "Hameed Qazi, satisfied patient"
            },
            {
              id: "2",              name: "Shadab Mulla",              role: "Parent",              company: "Pune",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/person-getting-micro-needling-beauty-treatment_23-2149334270.jpg",              imageAlt: "Shadab Mulla, parent of a happy child patient"
            },
            {
              id: "3",              name: "Sayyed Umaid Inamdar",              role: "Patient",              company: "Pune",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/doctor-showing-her-patient-something-tablet_23-2148396131.jpg",              imageAlt: "Sayyed Umaid Inamdar, patient"
            },
            {
              id: "4",              name: "Husain Khan",              role: "Patient",              company: "Pune",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man-standing-front-keypad-his-home-alarm-system-smiling_662251-2823.jpg",              imageAlt: "Husain Khan, happy patient"
            },
            {
              id: "5",              name: "Ash Say",              role: "Patient",              company: "Pune",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/cheerful-doctor-shaking-hand-patient_23-2147896666.jpg",              imageAlt: "Ash Say, patient satisfied with root canal"
            },
            {
              id: "6",              name: "Naseer Shaikh",              role: "Patient",              company: "Pune",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/nurse-works-with-blood-sample_1398-1200.jpg",              imageAlt: "Naseer Shaikh, patient after dental cleaning"
            }
          ]}
          carouselMode="auto"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>
      <div id="faq" data-section="faq">
        <FaqSplitText
          faqs={[
            {
              id: "1",              title: "How do I book an appointment?",              content: "You can easily book an appointment by calling us at 095959 49150 during clinic hours or using our online dentist booking service through the contact form on this page."
            },
            {
              id: "2",              title: "What are your clinic hours?",              content: "Our clinic operates from 10 am–2 pm and 5:30–9 pm, Monday to Saturday. We are closed on Sundays."
            },
            {
              id: "3",              title: "Do you offer emergency dental care?",              content: "Yes, we provide emergency dental care. Please call us immediately if you require urgent attention, and we will do our best to accommodate you."
            },
            {
              id: "4",              title: "What cosmetic procedures do you provide?",              content: "We offer a range of cosmetic procedures including teeth whitening, veneers & crowns, teeth reshaping, bonding, aligners, and braces to enhance your smile."
            },
            {
              id: "5",              title: "Is the clinic child-friendly?",              content: "Absolutely! We specialize in paediatrics and take extra care to ensure children have a comfortable and positive experience. Our staff is trained to manage dental anxiety for all ages."
            }
          ]}
          sideTitle="Frequently Asked Questions"
          sideDescription="Find quick answers to common queries about our clinic, services, and appointment process."
          faqsAnimation="slide-up"
          textPosition="left"
          useInvertedBackground={true}
        />
      </div>
      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Book Your Appointment Today"
          description="Ready for a healthier, brighter smile? Contact us to schedule your visit. We're conveniently located at Kausar Baug, Kondhwa, Pune, and look forward to welcoming you for your next dental visit."
          inputs={[
            { name: "name", type: "text", placeholder: "Your Name", required: true },
            { name: "email", type: "email", placeholder: "Your Email", required: true },
            { name: "phone", type: "tel", placeholder: "Your Phone Number", required: true }
          ]}
          multiSelect={{
            name: "service",            label: "Preferred Service",            options: ["Emergency Care", "X-ray", "Online Dentist Booking", "Cosmetic Procedures", "Check-ups", "Veneers & Crowns", "Teeth Whitening", "Extractions", "Teeth Reshaping", "Dental Implants", "Dentures & Bridges", "Paediatrics", "Bonding", "Fillings and Sealants", "Mouth Guards", "Oral Surgery", "Root Canals", "Aligners", "Braces"]
          }}
          textarea={{
            name: "message",            placeholder: "Your Message",            rows: 4,
            required: false
          }}
          useInvertedBackground={false}
          buttonText="Send Message"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EvYekTTC6LCQtqRsXL1ZYkMmRA/uploaded-1781063660759-wkgk2ial.jpg"
        />
      </div>
      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Poona Dental Clinic"
          logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=os3d00"
          logoAlt="Poona Dental Clinic Logo"
          copyrightText="© 2024 Poona Dental Clinic. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}
