"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import TeamCardTen from '@/components/sections/team/TeamCardTen';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { CheckCircle } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="mediumLarge"
        sizing="largeSmallSizeLargeTitles"
        background="grid"
        cardStyle="glass-depth"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",          id: "hero"},
        {
          name: "Services",          id: "features"},
        {
          name: "Team",          id: "team"},
        {
          name: "Pricing",          id: "pricing"},
        {
          name: "Contact",          id: "contact"},
      ]}
      brandName="iSmile Dental"
      button={{
        text: "Book Now",        href: "#contact"}}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDoubleCarousel
      background={{
        variant: "gradient-bars"}}
      title="Your Healthier Smile Starts Here"
      description="Comprehensive dental care from routine cleanings to advanced cosmetic treatments. Experienced team, modern technology, patient-centered approach."
      leftCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stylish-white-office-successful-doctor_8353-9587.jpg?_wi=1",          imageAlt: "Dental chair"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/dentist-examining-woman-teeth-with-diagnostic-microscope_651396-2214.jpg?_wi=1",          imageAlt: "Tools"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/attractive-patient-redviolet-dress-laying-dental-chair-while-female-dentist-treating-her-teeth-with-special-instruments_627829-9758.jpg?_wi=1",          imageAlt: "Dentist"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/dental-cabinet-with-various-medical-equipment_140725-7679.jpg?_wi=1",          imageAlt: "Smile"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-female-dentist-standing-by-teenage-girl-clinic_662251-2519.jpg?_wi=1",          imageAlt: "Kids"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/she-s-looking-forward-day-spa_637285-9501.jpg",          imageAlt: "Clinic"},
      ]}
      rightCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/luxury-modern-apartment-boasts-elegant-furniture-design-generated-by-ai_188544-26999.jpg",          imageAlt: "Clinic"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/dentist-doing-dental-treatment-boy-clinic_23-2147905995.jpg",          imageAlt: "Kids"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-testing-colours_23-2150538710.jpg",          imageAlt: "Smile"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/nobody-architectural-office-with-building-model-maquette-design-property-real-estate-empty-space-plan-construction-layout-structure-with-blueprints-urban-sketch_482257-38861.jpg",          imageAlt: "Dentist"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/girl-dentists-office-dentist-examining-child-patients-teeth-dentistry-concept_169016-67168.jpg",          imageAlt: "Tools"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/equipment-dental-instruments-dentist-s-office-tools-close-up_8353-1676.jpg",          imageAlt: "Dental chair"},
      ]}
      buttons={[
        {
          text: "Book Your Appointment",          href: "#contact"},
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/thoughtful-woman-going-through-medical-test-results-with-her-doctor-clinic_637285-1779.jpg",          alt: "Patient 1"},
        {
          src: "http://img.b2bpic.net/free-photo/cheerful-doctor-shaking-hand-patient_23-2147896666.jpg",          alt: "Patient 2"},
        {
          src: "http://img.b2bpic.net/free-photo/high-angle-smiley-doctor-explaining-anatomy_23-2149389043.jpg",          alt: "Patient 3"},
        {
          src: "http://img.b2bpic.net/free-photo/close-up-smiley-doctor-patient_23-2149103572.jpg",          alt: "Patient 4"},
        {
          src: "http://img.b2bpic.net/free-photo/happy-doctor-holding-medical-paperwork-while-communicating-with-patient-medical-appointment-hospital_637285-1422.jpg",          alt: "Patient 5"},
      ]}
      avatarText="Join 10,000+ satisfied patients"
      marqueeItems={[
        {
          type: "text",          text: "Advanced Care"},
        {
          type: "text",          text: "Modern Technology"},
        {
          type: "text",          text: "Patient-Focused"},
        {
          type: "text",          text: "Friendly Service"},
        {
          type: "text",          text: "Trusted Experts"},
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTen
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          title: "Preventive Care",          description: "Routine cleanings and exams to ensure lasting health.",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/stomatologist-pointing-digital-screen-explaining-x-ray-woman-sitting-chair-waiting-room-stomatological-clinic-doctor-working-modern-dental-clinic-examining-showing-radiography_482257-3676.jpg",            imageAlt: "Preventive care"},
          items: [
            {
              icon: CheckCircle,
              text: "Bi-annual Exams"},
            {
              icon: CheckCircle,
              text: "Digital X-rays"},
            {
              icon: CheckCircle,
              text: "Professional Cleaning"},
          ],
          reverse: false,
        },
        {
          title: "Pediatric Dentistry",          description: "Creating a friendly, gentle environment for our young patients.",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/pediatric-dentist-little-girl-reception-dentist_1321-3218.jpg",            imageAlt: "Kids dental"},
          items: [
            {
              icon: CheckCircle,
              text: "Early Dental Visits"},
            {
              icon: CheckCircle,
              text: "Fluoride Treatments"},
            {
              icon: CheckCircle,
              text: "Educational Coaching"},
          ],
          reverse: true,
        },
        {
          title: "Cosmetic Makeovers",          description: "Transform your smile with professional cosmetic solutions.",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-manicure-close-up_23-2149311613.jpg",            imageAlt: "Cosmetic smile"},
          items: [
            {
              icon: CheckCircle,
              text: "Teeth Whitening"},
            {
              icon: CheckCircle,
              text: "Veneers"},
            {
              icon: CheckCircle,
              text: "Bonding"},
          ],
          reverse: false,
        },
      ]}
      title="Our Clinical Services"
      description="We offer a wide spectrum of dental services designed for your long-term oral health."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardTwo
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={true}
      plans={[
        {
          id: "basic",          badge: "Essential",          price: "$129",          subtitle: "New Patient Exam & X-rays",          buttons: [
            {
              text: "Book Now",              href: "#contact"},
          ],
          features: [
            "Full Exam",            "Radiographs",            "Oral Cancer Screening"],
        },
        {
          id: "pro",          badge: "Popular",          price: "$189",          subtitle: "Professional Cleaning & Exam",          buttons: [
            {
              text: "Book Now",              href: "#contact"},
          ],
          features: [
            "Everything in Basic",            "Pro-Cleaning",            "Consultation"],
        },
      ]}
      title="Transparent Pricing"
      description="Accessible dental care with no surprises."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardSeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",          value: "10k+",          title: "Happy Patients",          items: [
            "Patients served",            "Smiles created"],
        },
        {
          id: "m2",          value: "20",          title: "Years Experience",          items: [
            "Clinical expertise",            "Dentistry excellence"],
        },
        {
          id: "m3",          value: "5/5",          title: "Patient Rating",          items: [
            "Highly recommended",            "Trusted care"],
        },
      ]}
      title="Our Impact"
      description="Thousands of smiles transformed with our expert care."
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardTen
      useInvertedBackground={true}
      title="Our Experienced Team"
      tag="Qualified Professionals"
      membersAnimation="slide-up"
      members={[
        {
          id: "t1",          name: "Dr. Sarah Miller",          imageSrc: "http://img.b2bpic.net/free-photo/handsome-male-dentist-room-with-medical-equipment-background_613910-15260.jpg",          imageAlt: "Dr Miller"},
        {
          id: "t2",          name: "Dr. James Chen",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-revealing-shot-medical-dental-tools-ready-stomatology-teeth-surgery_482257-15350.jpg",          imageAlt: "Dr Chen"},
        {
          id: "t3",          name: "Elena Rodriguez, RDH",          imageSrc: "http://img.b2bpic.net/free-photo/pediatric-dentist-talking-with-little-girl-dental-office_651396-2539.jpg",          imageAlt: "Elena"},
      ]}
      memberVariant="card"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Sarah J.",          date: "Oct 2023",          title: "Wonderful Service",          quote: "iSmile made my dentist experience painless and comfortable.",          tag: "Cleaning",          avatarSrc: "http://img.b2bpic.net/free-photo/thank-you-your-visit-my-office_329181-2204.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stylish-white-office-successful-doctor_8353-9587.jpg?_wi=2",          imageAlt: "happy adult patient sitting at clinic"},
        {
          id: "2",          name: "Michael C.",          date: "Sept 2023",          title: "Great Staff",          quote: "The entire team is so welcoming and highly professional.",          tag: "Checkup",          avatarSrc: "http://img.b2bpic.net/free-photo/happy-healthcare-worker-communicating-with-senior-man-pointing-him-while-being-home-visit_637285-1380.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/dentist-examining-woman-teeth-with-diagnostic-microscope_651396-2214.jpg?_wi=2",          imageAlt: "happy adult patient sitting at clinic"},
        {
          id: "3",          name: "Emily R.",          date: "Aug 2023",          title: "Amazing Results",          quote: "I am so happy with my new smile after the whitening.",          tag: "Cosmetic",          avatarSrc: "http://img.b2bpic.net/free-photo/nurse-preparing-consult_23-2149309928.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/attractive-patient-redviolet-dress-laying-dental-chair-while-female-dentist-treating-her-teeth-with-special-instruments_627829-9758.jpg?_wi=2",          imageAlt: "happy adult patient sitting at clinic"},
        {
          id: "4",          name: "David K.",          date: "July 2023",          title: "Highly Recommend",          quote: "Everything was efficient, clean, and extremely professional.",          tag: "Exam",          avatarSrc: "http://img.b2bpic.net/free-photo/senior-woman-having-dental-treatment-dentist-s-office-woman-is-being-treated-teeth_1157-42149.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/dental-cabinet-with-various-medical-equipment_140725-7679.jpg?_wi=2",          imageAlt: "happy adult patient sitting at clinic"},
        {
          id: "5",          name: "Jessica L.",          date: "June 2023",          title: "Gentle Care",          quote: "They are perfect for kids too, my children love it here.",          tag: "Pediatric",          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-taking-face-mask-off_23-2148665443.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-female-dentist-standing-by-teenage-girl-clinic_662251-2519.jpg?_wi=2",          imageAlt: "happy adult patient sitting at clinic"},
      ]}
      title="Patient Experiences"
      description="Hear what our local community says about iSmile Dental Clinic."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "q1",          title: "How often should I have an exam?",          content: "We recommend bi-annual exams for long-term oral health."},
        {
          id: "q2",          title: "Do you accept new patients?",          content: "Yes, we are always accepting new patients in our local community."},
        {
          id: "q3",          title: "Is my insurance covered?",          content: "We accept major insurance plans and offer flexible financing options."},
      ]}
      title="Common Questions"
      description="Answers to your most frequent dental care questions."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient"}}
      tag="Get in Touch"
      title="Book Your Appointment"
      description="Start your journey toward a healthier smile today. Call us or book online."
      buttons={[
        {
          text: "Call Now",          href: "tel:+15550123456"},
        {
          text: "Email Us",          href: "mailto:hello@ismile-dental.com"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="iSmile Dental Clinic"
      columns={[
        {
          title: "Services",          items: [
            {
              label: "Preventive",              href: "#features"},
            {
              label: "Pediatric",              href: "#features"},
            {
              label: "Cosmetic",              href: "#features"},
          ],
        },
        {
          title: "Clinic",          items: [
            {
              label: "Team",              href: "#team"},
            {
              label: "Pricing",              href: "#pricing"},
            {
              label: "FAQs",              href: "#faq"},
          ],
        },
        {
          title: "Contact",          items: [
            {
              label: "123 Smile Way",              href: "#"},
            {
              label: "(555) 012-3456",              href: "tel:+15550123456"},
          ],
        },
      ]}
      copyrightText="© 2024 iSmile Dental Clinic LLC. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}