"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
import MediaAbout from "@/components/sections/about/MediaAbout";
import ProductCardFour from "@/components/sections/product/ProductCardFour";
import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import { Award, Shield, Stethoscope, Zap, Sparkles, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="mediumSmall"
      sizing="mediumLarge"
      background="grid"
      cardStyle="gradient-mesh"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Saini Dental"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Services", id: "services" },
            { name: "About", id: "credentials" },
            { name: "Technology", id: "technology" },
            { name: "Reviews", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Book Appointment", href: "#contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardGallery
          title="Your Smile Deserves a Specialist"
          description="Led by Dr Varun Saini — MDS Prosthodontics with 15+ years of clinical experience and certifications from Stanford University & University of Hong Kong."
          tag="Vidhyadhar Nagar's Most Trusted Dental Clinic"
          tagIcon={Shield}
          tagAnimation="slide-up"
          buttons={[
            { text: "Book Free Consultation", href: "#contact" },
            { text: "View Our Work", href: "#results" }
          ]}
          buttonAnimation="slide-up"
          mediaItems={[
            { imageSrc: "http://img.b2bpic.net/free-photo/view-futuristic-high-tech-classroom-students_23-2150906200.jpg", imageAlt: "Modern dental clinic interior with advanced equipment" },
            { imageSrc: "http://img.b2bpic.net/free-photo/senior-doctor-sitting-office_23-2147896126.jpg?_wi=1", imageAlt: "Dr Varun Saini - MDS Prosthodontics" },
            { imageSrc: "http://img.b2bpic.net/free-photo/medical-dentistry-staff-with-ppe-suits-using-modern-technology-while-consulting-patient-with-oral-care-issues-stomatologist-dental-nurse-looking-teeth-animation-model-implant_482257-28617.jpg?_wi=1", imageAlt: "Dental implant restoration illustration" },
            { imageSrc: "http://img.b2bpic.net/free-photo/dentist-showing-denture-model-patient_107420-65322.jpg?_wi=1", imageAlt: "Professional teeth whitening treatment" },
            { imageSrc: "http://img.b2bpic.net/free-photo/happy-young-caucasian-woman-bursting-with-joy-pleasure-beautiful-girl-with-blue-eyes-doubles-her-fists-winning-mindset-smiling-with-open-wide-mouth-showing-her-perfect-white-teeth_273609-5724.jpg?_wi=1", imageAlt: "Clear aligners orthodontic treatment" },
            { imageSrc: "http://img.b2bpic.net/free-photo/young-female-dentist-work-dentistry-treatment-childrens-teeth_169016-67303.jpg?_wi=1", imageAlt: "Dental crown restoration prosthetics" }
          ]}
          mediaAnimation="slide-up"
          background="gradient-bars"
        />
      </div>

      <div id="credentials" data-section="credentials">
        <MediaAbout
          title="Why Patients Choose Us"
          description="Expertise You Can Trust, Care You Can Feel. Dr Varun Saini brings international training, advanced technology, and 15+ years of specialist expertise to every patient interaction."
          tag="Credentials & Expertise"
          tagIcon={Award}
          tagAnimation="slide-up"
          buttons={[{ text: "Book with Dr Varun", href: "#contact" }]}
          imageSrc="http://img.b2bpic.net/free-photo/senior-doctor-sitting-office_23-2147896126.jpg?_wi=2"
          imageAlt="Dr Varun Saini - MDS Prosthodontics"
          useInvertedBackground={false}
        />
      </div>

      <div id="services" data-section="services">
        <ProductCardFour
          title="Our Services"
          description="360° Dental Care Under One Roof. Every treatment performed by an MDS specialist."
          tag="Comprehensive Care"
          tagIcon={Stethoscope}
          tagAnimation="slide-up"
          buttons={[{ text: "Schedule Your Visit", href: "#contact" }]}
          buttonAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          products={[
            { id: "implants", name: "Dental Implants", price: "Permanent Solution", variant: "Missing Teeth Replacement", imageSrc: "http://img.b2bpic.net/free-photo/medical-dentistry-staff-with-ppe-suits-using-modern-technology-while-consulting-patient-with-oral-care-issues-stomatologist-dental-nurse-looking-teeth-animation-model-implant_482257-28617.jpg?_wi=2", imageAlt: "Dental implant restoration illustration" },
            { id: "whitening", name: "Teeth Whitening", price: "30-Minute Session", variant: "Pola Certified Treatment", imageSrc: "http://img.b2bpic.net/free-photo/dentist-showing-denture-model-patient_107420-65322.jpg?_wi=2", imageAlt: "Professional teeth whitening treatment" },
            { id: "aligners", name: "Clear Aligners", price: "Invisible Correction", variant: "AI-Enabled Scanning", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-caucasian-woman-bursting-with-joy-pleasure-beautiful-girl-with-blue-eyes-doubles-her-fists-winning-mindset-smiling-with-open-wide-mouth-showing-her-perfect-white-teeth_273609-5724.jpg?_wi=2", imageAlt: "Clear aligners orthodontic treatment" },
            { id: "rct", name: "Painless Root Canal", price: "Single Visit", variant: "Advanced Rotary Therapy", imageSrc: "http://img.b2bpic.net/free-photo/dentist-treats-childs-tooth-using-rubber-dam-closeup-tooth-treatment_169016-67029.jpg", imageAlt: "Root canal therapy procedure" },
            { id: "crowns", name: "Crowns & Bridges", price: "Natural Looking", variant: "Zirconia & PFM", imageSrc: "http://img.b2bpic.net/free-photo/young-female-dentist-work-dentistry-treatment-childrens-teeth_169016-67303.jpg?_wi=2", imageAlt: "Dental crown restoration prosthetics" },
            { id: "veneers", name: "Dental Veneers", price: "Smile Transformation", variant: "Ceramic Custom Design", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-urban-woman_23-2148012819.jpg", imageAlt: "Ceramic veneers cosmetic dentistry" },
            { id: "gum", name: "Gum Treatment", price: "Periodontist-Led", variant: "Cleaning & Surgery", imageSrc: "http://img.b2bpic.net/free-photo/cleaning-medical-polish-equipment-uniform_1303-518.jpg", imageAlt: "Periodontal gum disease treatment" },
            { id: "extraction", name: "Tooth Extraction", price: "Painless Procedure", variant: "Maxillofacial Surgeon", imageSrc: "http://img.b2bpic.net/free-photo/female-patient-having-procedure-done-dentist_23-2148985831.jpg", imageAlt: "Wisdom tooth extraction surgery" }
          ]}
        />
      </div>

      <div id="technology" data-section="technology">
        <FeatureCardSixteen
          title="Advanced Technology"
          description="A Centre for Advanced Dental Care. World-class equipment for precise, comfortable, and predictable outcomes."
          tag="Cutting-Edge Innovation"
          tagIcon={Zap}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          negativeCard={{ items: ["Traditional messy putty impressions", "Uncertain treatment outcomes", "High radiation exposure", "Manual root canal procedures"] }}
          positiveCard={{ items: ["AI Intra-Oral Scanner - Digital impressions in seconds. Precise 3D models for perfect fitting restorations.", "Digital Smile Design - See your new smile before treatment begins. 100% personalised digital preview.", "Digital X-Rays - 90% less radiation than film X-rays. Instant, high-definition diagnostic images.", "Rotary Root Canal - Computerised Apex Locators + Endomotors. Surgical precision. Virtually painless."] }}
        />
      </div>

      <div id="results" data-section="results">
        <ProductCardFour
          title="Real Results"
          description="Smiles We've Transformed. Every result you see below was achieved right here in Jaipur."
          tag="Before & After"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          products={[
            { id: "result-veneers", name: "Ceramic Veneers", price: "Complete Smile Makeover", variant: "Full-mouth transformation in 3 visits", imageSrc: "http://img.b2bpic.net/free-photo/afro-woman-gnashing-her-teeth-camera_1153-9440.jpg", imageAlt: "Dental veneer transformation before and after" },
            { id: "result-whitening", name: "Teeth Whitening", price: "Instant Brightening", variant: "Fluorosis stains removed in 30 minutes", imageSrc: "http://img.b2bpic.net/free-photo/smiling-attractive-woman-white-robe-standing-bathroom_7502-7480.jpg", imageAlt: "Professional teeth whitening results" },
            { id: "result-crown", name: "Zirconia Crown Bridge", price: "Natural Restoration", variant: "Anterior bridge, same-day fit and finish", imageSrc: "http://img.b2bpic.net/free-photo/dentist-examining-female-patient-with-teeth-shades_107420-65410.jpg", imageAlt: "Dental crown bridge restoration results" }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="Patient Stories"
          description="What Our Patients Say"
          tag="Real Reviews"
          tagIcon={Star}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          testimonials={[
            { id: "testimonial-kamlesh", name: "Kamlesh Kumar Sharma", handle: "Patient since 2021", testimonial: "I am visiting Saini Dental Clinic from last three years for dental care of self, wife and my grandson. Dr Varun and his team is thoroughly professional with good experience. He takes good care of dental problems with complete dedication.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg?_wi=1", imageAlt: "Kamlesh Kumar Sharma - Long-time patient", icon: Star },
            { id: "testimonial-implant", name: "Rajesh Patel", handle: "Dental Implant Patient", testimonial: "Dr Varun's expertise in implants is unmatched. I was nervous, but the treatment was completely painless. My implant looks exactly like a natural tooth and feels perfect.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-therapy_23-2148928886.jpg?_wi=1", imageAlt: "Rajesh Patel - Dental implant patient", icon: Star },
            { id: "testimonial-whitening", name: "Priya Singh", handle: "Teeth Whitening Patient", testimonial: "Got my teeth whitened in just 30 minutes with the Pola system. The results were stunning and immediate. No one could believe I hadn't always had this smile!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-sad-woman-therapy_23-2148928879.jpg?_wi=1", imageAlt: "Priya Singh - Teeth whitening patient", icon: Star },
            { id: "testimonial-aligners", name: "Amit Sharma", handle: "Clear Aligners Patient", testimonial: "The AI-scanned clear aligners were a game-changer. No wires, no discomfort, and my teeth are perfectly straight now. Highly recommend Dr Varun!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg?_wi=2", imageAlt: "Amit Sharma - Clear aligners patient", icon: Star },
            { id: "testimonial-rct", name: "Neha Verma", handle: "Root Canal Patient", testimonial: "I dreaded root canal treatment, but Dr Varun completed it in a single visit with zero pain. His rotary technique is truly advanced and professional.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-therapy_23-2148928886.jpg?_wi=2", imageAlt: "Neha Verma - Root canal patient", icon: Star },
            { id: "testimonial-gum", name: "Vikram Singh", handle: "Gum Treatment Patient", testimonial: "My gum health improved dramatically after treatment. Dr Varun's periodontal expertise and compassionate care made all the difference.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-sad-woman-therapy_23-2148928879.jpg?_wi=2", imageAlt: "Vikram Singh - Gum treatment patient", icon: Star }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Book Your Appointment Today"
          description="Same-day appointments available. No long waits. Your comfort is our priority."
          inputs={[
            { name: "fullName", type: "text", placeholder: "Full Name", required: true },
            { name: "phone", type: "tel", placeholder: "+91 9460006343", required: true },
            { name: "service", type: "select", placeholder: "Service of Interest", required: true },
            { name: "date", type: "date", placeholder: "Preferred Date", required: true }
          ]}
          textarea={{ name: "message", placeholder: "Any specific concerns or questions?", rows: 3, required: false }}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-vector/hand-drawn-map-india_23-2148198051.jpg"
          imageAlt="Saini Dental Clinic location in Vidyadhar Nagar, Jaipur"
          mediaAnimation="slide-up"
          mediaPosition="right"
          buttonText="Request Appointment"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Saini Dental Clinic"
          leftLink={{ text: "Privacy Policy", href: "#" }}
          rightLink={{ text: "© 2025 All Rights Reserved", href: "#" }}
        />
      </div>
    </ThemeProvider>
  );
}