"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroSplitDualMedia from "@/components/sections/hero/HeroSplitDualMedia";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import TextAbout from "@/components/sections/about/TextAbout";
import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
import ProductCardOne from "@/components/sections/product/ProductCardOne";
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
import ContactCenter from "@/components/sections/contact/ContactCenter";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import { Heart, Smile, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="small"
      sizing="medium"
      background="grid"
      cardStyle="subtle-shadow"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="John Merrick Dental"
          navItems={[
            { name: "About", id: "about" },
            { name: "Services", id: "services" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Book Appointment",            href: "#contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitDualMedia
          title="Exceptional Dental Care, Built on Trust"
          description="Caring for generations of patients with precision, comfort, and a truly personal approach."
          tag="Over 40 years of trusted care · Loved by families across Dublin"
          background={{ variant: "grid" }}
          buttons={[
            { text: "Book Appointment", href: "#contact" },
            { text: "Emergency Visit", href: "#contact" }
          ]}
          mediaItems={[
            {
              imageSrc: "http://img.b2bpic.net/free-photo/two-smiling-businesswoman-sitting-meeting-office_23-2147955152.jpg",              imageAlt: "Modern dental office welcoming clinic"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-couple-posing_23-2149042149.jpg",              imageAlt: "Happy family with healthy smiles"
            }
          ]}
          rating={5}
          ratingText="Trusted by families for 40+ years"
          mediaAnimation="slide-up"
          tagAnimation="slide-up"
          buttonAnimation="slide-up"
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          names={[
            "Trusted care provider",            "Emergency availability",            "Nervous patient specialists",            "Family-focused practice",            "40+ years experience",            "Compassionate team",            "Multi-generational patients"
          ]}
          title="What Our Patients Say"
          description="The best dentist I have ever attended. 15+ years a patient — I brought my whole family. Perfect for nervous patients. Emergency appointment when no one else would help."
          useInvertedBackground={false}
          textboxLayout="default"
          showCard={true}
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          tag="Our Philosophy"
          title="Dentistry That Puts You at Ease"
          useInvertedBackground={false}
          buttons={[{ text: "Learn More", href: "#why-choose" }]}
          tagAnimation="slide-up"
          buttonAnimation="slide-up"
        />
      </div>

      <div id="why-choose" data-section="why-choose">
        <FeatureCardMedia
          title="Why Patients Stay With Us for Life"
          description="Four decades of consistent, trusted care built on genuine connection and clinical excellence."
          tag="Our Promise"
          tagIcon={Heart}
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          tagAnimation="slide-up"
          features={[
            {
              id: "gentle-care",              title: "Gentle, Reassuring Care",              description: "We specialise in helping nervous patients feel completely at ease. Every step is explained, every concern is heard.",              tag: "Comfort First",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-patient-gesturing-ok-sign-front-two-male-dentist_23-2147862057.jpg",              imageAlt: "Dentist providing caring patient support"
            },
            {
              id: "decades-experience",              title: "Decades of Experience",              description: "Many of our patients have been with us for 10, 20, even 40+ years — a testament to consistent, trusted care.",              tag: "40+ Years",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-patient_23-2148396133.jpg",              imageAlt: "Calm relaxed patient in comfortable dental environment"
            },
            {
              id: "personal-approach",              title: "A Truly Personal Approach",              description: "You're not just another appointment. We take time to understand your needs and build lasting relationships.",              tag: "Individual Care",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-patient-gesturing-ok-sign-front-two-male-dentist_23-2147862057.jpg",              imageAlt: "Professional dentist with compassionate patient interaction"
            },
            {
              id: "emergency-care",              title: "Emergency Appointments Available",              description: "When you need help, we're here — even when other practices aren't. Your urgent dental needs matter to us.",              tag: "Always Available",              imageSrc: "http://img.b2bpic.net/free-photo/doctor-writing-clipboard-while-patient-lying-dental-bed_107420-74188.jpg",              imageAlt: "Emergency dental care rapid professional treatment"
            }
          ]}
        />
      </div>

      <div id="services" data-section="services">
        <ProductCardOne
          title="Complete Dental Care Under One Roof"
          description="From routine care to emergency support, we provide comprehensive dental services tailored to your needs."
          tag="Our Services"
          tagIcon={Smile}
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          tagAnimation="slide-up"
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "general-dentistry",              name: "General Dentistry",              price: "Starting from €70",              imageSrc: "http://img.b2bpic.net/free-photo/dentist-treats-childs-tooth-using-rubber-dam-closeup-tooth-treatment_169016-66870.jpg",              imageAlt: "Professional dental checkup and examination"
            },
            {
              id: "cosmetic-dentistry",              name: "Cosmetic Dentistry",              price: "Customized pricing",              imageSrc: "http://img.b2bpic.net/free-photo/caries-beauty-adult-background-canal_1303-1838.jpg",              imageAlt: "Cosmetic dental procedures smile enhancement"
            },
            {
              id: "orthodontics",              name: "Orthodontics",              price: "Treatment plans available",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-sensual-tender-african-american-girlfriend-with-blond-haircut-making-soft-lovely-gazed-smiling-lovely-looking-down-shy-as-if-seducing-touching-face-white-wall_176420-35305.jpg",              imageAlt: "Orthodontic braces teeth straightening treatment"
            },
            {
              id: "emergency-care",              name: "Emergency Care",              price: "Urgent availability",              imageSrc: "http://img.b2bpic.net/free-photo/doctor-writing-clipboard-while-patient-lying-dental-bed_107420-74188.jpg",              imageAlt: "Emergency dental care rapid professional help"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSixteen
          title="What Our Patients Say"
          description="Real stories from patients who have experienced our caring approach and exceptional care."
          tag="Patient Voices"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          tagAnimation="slide-up"
          testimonials={[
            {
              id: "testimonial-1",              name: "Sarah Johnson",              role: "Patient",              company: "Dublin Family",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/front-view-doctor-wearing-lab-coat_23-2149551157.jpg",              imageAlt: "Sarah Johnson, satisfied dental patient"
            },
            {
              id: "testimonial-2",              name: "Michael Chen",              role: "Long-time Patient",              company: "15+ Years",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/cute-hipster-woman-taking-photos-retro-camera_176420-16728.jpg",              imageAlt: "Michael Chen, loyal dental patient"
            },
            {
              id: "testimonial-3",              name: "Emily Rodriguez",              role: "Nervous Patient",              company: "Now Confident",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/aspirated-confident-businesswoman-looking-forward_1262-4679.jpg",              imageAlt: "Emily Rodriguez, comfortable dental patient"
            },
            {
              id: "testimonial-4",              name: "David Kim",              role: "Emergency Care",              company: "Grateful Patient",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/studio-shot-successful-blonde-middle-aged-female-therapist-posing-isolated-with-broad-happy-smile-wearing-white-medical-gown-stethoscope-around-her-neck_343059-2253.jpg",              imageAlt: "David Kim, emergency care patient"
            }
          ]}
          kpiItems={[
            { value: "40+", label: "Years in Practice" },
            { value: "1000s", label: "Happy Families" },
            { value: "24/7", label: "Emergency Care" }
          ]}
        />
      </div>

      <div id="nervous-patients" data-section="nervous-patients">
        <FaqSplitText
          sideTitle="Nervous About Visiting the Dentist?"
          sideDescription="You're not alone — and you're in the right place. Many of our patients come to us feeling anxious or unsure. Our calm, patient-first approach is designed to make your experience as comfortable and stress-free as possible."
          buttons={[{ text: "Book Your First Appointment", href: "#contact" }]}
          useInvertedBackground={false}
          textPosition="left"
          faqsAnimation="slide-up"
          buttonAnimation="slide-up"
          faqs={[
            {
              id: "explained",              title: "We Explain Everything Clearly",              content: "Every procedure is explained in simple terms before we begin. You'll understand exactly what's happening and why, removing the uncertainty that often causes anxiety."
            },
            {
              id: "pace",              title: "We Move at Your Pace",              content: "There's no rush. We work at a speed that feels comfortable for you, and you can ask us to pause at any time. Your comfort is our priority."
            },
            {
              id: "never-judged",              title: "You'll Never Feel Judged",              content: "We've cared for thousands of nervous patients. We understand your concerns and approach every patient with empathy and respect, never judgment."
            },
            {
              id: "gentle-hands",              title: "Gentle Hands, Gentle Care",              content: "Our team is trained in nervous patient care. We use the gentlest techniques and take time to ensure you feel supported throughout your visit."
            }
          ]}
        />
      </div>

      <div id="final-cta" data-section="final-cta">
        <ContactCenter
          tag="Ready to Experience Better Dental Care?"
          title="Experience Dentistry Done Differently"
          description="Join the hundreds of patients who trust John Merrick Dental for reliable, compassionate care. Whether it's your first visit or you're looking for a better experience, we're here to help."
          background={{ variant: "grid" }}
          useInvertedBackground={false}
          inputPlaceholder="Enter your email to book"
          buttonText="Book Appointment"
          termsText="By booking, you agree to our appointment terms and privacy policy."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="John Merrick Dental"
          leftLink={{ text: "Privacy Policy", href: "#" }}
          rightLink={{ text: "Contact Us", href: "tel:+353-1-XXXX-XXXX" }}
        />
      </div>
    </ThemeProvider>
  );
}