"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll";
import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
import TeamCardTen from "@/components/sections/team/TeamCardTen";
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
import FaqDouble from "@/components/sections/faq/FaqDouble";
import ContactText from "@/components/sections/contact/ContactText";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import Link from "next/link";
import { Sparkles, CheckCircle, Star, ThumbsUp, Award, Zap, HelpCircle } from "lucide-react";

export default function HomePage() {
  const navItems = [
    { name: "Home", id: "home" },
    { name: "Services", id: "services" },
    { name: "About", id: "about" },
    { name: "Reviews", id: "reviews" },
    { name: "Contact", id: "contact" },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="largeSmallSizeLargeTitles"
      background="none"
      cardStyle="glass-depth"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Infinity Dental"
          navItems={navItems.map((item) => ({
            name: item.name,
            id: item.id,
          }))}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="Get a Confident Smile with Expert Dental Care"
          description="Infinity Dental Clinic in Vijay Nagar, Indore offers advanced, painless dental treatments with 4.9★ rating from 461 trusted patients. Experience premium care from Dr. Anmol Billore."
          tag="Advanced Dental Care"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          buttons={[
            {
              text: "Call Now",
              href: "tel:+919876543210",
            },
            {
              text: "Book Appointment",
              href: "/contact",
            },
          ]}
          buttonAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/dentist-inviting-senior-man-consultation-dental-room-while-nurse-giving-patient-form-fill-indicating-sit-chair-waiting-area-slow-motion-shot-crowded-professional-orthodontist-office_482257-3575.jpg?_wi=1"
          imageAlt="Infinity Dental Clinic Reception Area"
          background={{
            variant: "radial-gradient",
          }}
          ariaLabel="Hero section with dental clinic introduction"
        />
      </div>

      <div id="trust-metrics" data-section="trust-metrics">
        <MetricCardThree
          title="Trusted by Thousands of Satisfied Patients"
          description="Our commitment to excellence and patient care is reflected in these impressive numbers and patient testimonials."
          tag="Why Choose Us"
          tagIcon={CheckCircle}
          tagAnimation="slide-up"
          metrics={[
            {
              id: "rating",
              icon: Star,
              title: "Patient Rating",
              value: "4.9★",
            },
            {
              id: "reviews",
              icon: ThumbsUp,
              title: "Patient Reviews",
              value: "461+",
            },
            {
              id: "experience",
              icon: Award,
              title: "Years Experience",
              value: "15+",
            },
            {
              id: "treatments",
              icon: Zap,
              title: "Treatments",
              value: "8000+",
            },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Trust metrics section"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardNine
          title="Comprehensive Dental Services"
          description="From routine cleanings to advanced cosmetic procedures, we offer a full range of dental treatments using the latest technology."
          tag="Our Services"
          tagIcon={Zap}
          tagAnimation="slide-up"
          buttons={[
            {
              text: "View All Services",
              href: "/contact",
            },
          ]}
          buttonAnimation="slide-up"
          features={[
            {
              id: 1,
              title: "Dental Implants",
              description: "Permanent solution for missing teeth using advanced implant technology",
              buttons: [
                {
                  text: "Learn More",
                  href: "/contact",
                },
              ],
              phoneOne: {
                imageSrc: "http://img.b2bpic.net/free-photo/young-female-dentist-showing-patient-dental-xray-dentistry-concept_169016-66978.jpg?_wi=1",
              },
              phoneTwo: {
                imageSrc: "http://img.b2bpic.net/free-photo/female-patient-front-male-dentist-holding-dental-jaw_23-2147862031.jpg?_wi=1",
              },
            },
            {
              id: 2,
              title: "Root Canal Treatment",
              description: "Painless RCT to save infected teeth and eliminate discomfort",
              buttons: [
                {
                  text: "Learn More",
                  href: "/contact",
                },
              ],
              phoneOne: {
                imageSrc: "http://img.b2bpic.net/free-photo/dental-woman-nurse-applying-anesthesia-with-cotton-swab-before-stomatological-procedure-orthodontic-office-medical-team-discussing-treatment-against-caries-infection-dentistry-examination_482257-40994.jpg?_wi=1",
              },
              phoneTwo: {
                imageSrc: "http://img.b2bpic.net/free-photo/equipment-dental-instruments-dentist-s-office-tools-close-up_8353-1677.jpg?_wi=1",
              },
            },
            {
              id: 3,
              title: "Clear Aligners",
              description: "Invisible orthodontic solution for a perfect, straight smile",
              buttons: [
                {
                  text: "Learn More",
                  href: "/contact",
                },
              ],
              phoneOne: {
                imageSrc: "http://img.b2bpic.net/free-photo/dentist-showing-set-model-teeth-patient_107420-65670.jpg?_wi=1",
              },
              phoneTwo: {
                imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-happy-freckled-young-woman-posing-against-white-wall_273609-20837.jpg?_wi=1",
              },
            },
            {
              id: 4,
              title: "Cosmetic Dentistry",
              description: "Teeth whitening, veneers, and smile makeovers for confidence",
              buttons: [
                {
                  text: "Learn More",
                  href: "/contact",
                },
              ],
              phoneOne: {
                imageSrc: "http://img.b2bpic.net/free-photo/female-patient-receiving-dental-treatment_107420-65463.jpg?_wi=1",
              },
              phoneTwo: {
                imageSrc: "http://img.b2bpic.net/free-photo/patient-dentist_624325-1625.jpg?_wi=1",
              },
            },
          ]}
          showStepNumbers={true}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Dental services overview"
        />
      </div>

      <div id="doctor" data-section="doctor">
        <TeamCardTen
          title="Meet Our Expert"
          tag="Led by Excellence"
          tagAnimation="slide-up"
          membersAnimation="slide-up"
          members={[
            {
              id: "dr-anmol",
              name: "Dr. Anmol Billore",
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-proud-dentist-clinic_23-2148396169.jpg?_wi=1",
            },
          ]}
          memberVariant="card"
          useInvertedBackground={false}
          ariaLabel="Doctor introduction section"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="What Our Patients Say"
          description="Real experiences from our satisfied patients who trust Infinity Dental for their smile."
          testimonials={[
            {
              id: "1",
              name: "Priya Sharma",
              handle: "@priyasharma",
              testimonial: "Painless implant experience! Dr. Anmol is very professional and made me feel comfortable. The clinic is extremely hygienic and the staff is friendly. Highly recommended!",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-redhead-lady_23-2148339146.jpg?_wi=1",
            },
            {
              id: "2",
              name: "Rajesh Patel",
              handle: "@rajeshp",
              testimonial: "Best dental clinic in Indore. My root canal treatment was completed in just one session without any pain. Advanced equipment and expert doctors. Worth every penny!",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiley-handsome-man-posing_23-2148911842.jpg?_wi=1",
            },
            {
              id: "3",
              name: "Anjali Verma",
              handle: "@anjali_v",
              testimonial: "Got clear aligners done here and the results are amazing. The staff explained everything clearly and the treatment was smooth. Very happy with the transformation!",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-dressed-formally-office_273609-4635.jpg?_wi=1",
            },
            {
              id: "4",
              name: "Vikas Kumar",
              handle: "@vikaskumar",
              testimonial: "Emergency treatment done without appointment. Dr. Anmol handled my severe toothache with utmost care. Very impressed with the quick and effective solution!",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/businessman-leaning-wall-smiling_1139-654.jpg?_wi=1",
            },
            {
              id: "5",
              name: "Divya Singh",
              handle: "@divyasingh",
              testimonial: "My family visits Infinity Dental regularly. The hygiene standards are impeccable and the doctors are very welcoming. Best dental experience ever!",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-red-haired-businesswoman-wearing-formal-suit-standing-with-arms-folded-smiling_74855-10034.jpg?_wi=1",
            },
            {
              id: "6",
              name: "Arun Gupta",
              handle: "@arungupta",
              testimonial: "Teeth whitening treatment gave me a bright, confident smile. The entire process was comfortable and the results exceeded expectations. Excellent service!",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-outdoors-business-man-smiles_23-2148763856.jpg?_wi=1",
            },
          ]}
          showRating={true}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Patient testimonials section"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Find answers to common questions about our dental treatments and clinic."
          tag="Common Questions"
          tagIcon={HelpCircle}
          tagAnimation="slide-up"
          faqs={[
            {
              id: "1",
              title: "Are dental implants painful?",
              content: "No, implant procedures are performed under anesthesia. You won't feel pain during the procedure. Some mild discomfort may be experienced during healing, which is normal and manageable with prescribed pain relievers.",
            },
            {
              id: "2",
              title: "How long does root canal treatment take?",
              content: "Most RCT procedures can be completed in 1-2 sessions, each lasting 45-90 minutes. Our advanced equipment helps us complete treatment efficiently while ensuring complete infection removal.",
            },
            {
              id: "3",
              title: "Are clear aligners effective?",
              content: "Yes, clear aligners are very effective for straightening teeth. They work by gradually shifting teeth into proper alignment. Treatment typically takes 6-18 months depending on the complexity of misalignment.",
            },
            {
              id: "4",
              title: "How often should I visit the dentist?",
              content: "We recommend visiting your dentist every 6 months for regular checkups and cleaning. However, some patients may need more frequent visits depending on their oral health status.",
            },
            {
              id: "5",
              title: "What is your cancellation policy?",
              content: "We request at least 24 hours notice for appointment cancellations. Emergency appointments can be accommodated on short notice. Please call us directly to reschedule.",
            },
            {
              id: "6",
              title: "Do you treat emergency cases?",
              content: "Yes, we prioritize emergency dental cases. Please call us immediately if you have severe tooth pain or dental emergencies. We maintain flexible scheduling for urgent situations.",
            },
          ]}
          faqsAnimation="slide-up"
          textboxLayout="default"
          animationType="smooth"
          useInvertedBackground={false}
          ariaLabel="FAQ section"
        />
      </div>

      <div id="appointment-cta" data-section="appointment-cta">
        <ContactText
          text="Ready for Your Best Smile? Limited appointment slots available this week. Book now and get a complimentary smile consultation!"
          animationType="entrance-slide"
          buttons={[
            {
              text: "Call Now: +91-9876543210",
              href: "tel:+919876543210",
            },
            {
              text: "WhatsApp Us",
              href: "https://wa.me/919876543210",
            },
            {
              text: "Book Online",
              href: "/contact",
            },
          ]}
          background={{
            variant: "gradient-bars",
          }}
          useInvertedBackground={false}
          ariaLabel="Call to action for appointment booking"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Infinity Dental"
          leftLink={{
            text: "Privacy Policy",
            href: "#",
          }}
          rightLink={{
            text: "Contact Us",
            href: "/contact",
          }}
          ariaLabel="Site footer"
        />
      </div>
    </ThemeProvider>
  );
}