"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { Award, Star, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="smallMedium"
        sizing="mediumLargeSizeLargeTitles"
        background="noiseDiagonalGradient"
        cardStyle="inset"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "Services",
          id: "services",
        },
        {
          name: "Testimonials",
          id: "testimonials",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="Divya Dental Care"
      button={{
        text: "Book Appointment",
        href: "#contact",
      }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboard
      background={{
        variant: "radial-gradient",
      }}
      title="Expert Dental Care for Your Perfect Smile"
      description="At Divya Dental Care, we combine advanced dental technology with a gentle touch to provide exceptional care for you and your family. Your oral health is our priority."
      buttons={[
        {
          text: "Book Appointment",
          href: "#contact",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/dentist-standing-with-his-arms-crossed_107420-65262.jpg"
      imageAlt="Professional dentist consultation"
      mediaAnimation="blur-reveal"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/dentist-checking-x-ray-report-while-talking-mobile-phone_107420-65653.jpg",
          alt: "Patient",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-happy-dentist-with-eyeglasses_23-2147862084.jpg",
          alt: "Patient",
        },
        {
          src: "http://img.b2bpic.net/free-photo/male-dentist-room-with-medical-equipment-background_613910-15248.jpg",
          alt: "Patient",
        },
        {
          src: "http://img.b2bpic.net/free-photo/joyful-female-dentist-male-patient-sitting-dental-office_651396-2610.jpg",
          alt: "Patient",
        },
        {
          src: "http://img.b2bpic.net/free-photo/dentist-standing-with-his-arms-crossed_107420-65262.jpg",
          alt: "Dentist",
        },
      ]}
      avatarText="Trusted by 140+ patients"
      marqueeItems={[
        {
          type: "text",
          text: "State-of-the-art Technology",
        },
        {
          type: "text",
          text: "Compassionate Staff",
        },
        {
          type: "text",
          text: "Hygienic Environment",
        },
        {
          type: "text",
          text: "Pain-free Procedures",
        },
        {
          type: "text",
          text: "Family Friendly",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={true}
      title="Caring for Your Oral Health"
      description="Our clinic in Kuppichipalayam offers professional dental services, from routine check-ups to complex procedures. We ensure each patient receives attention, expertise, and kind support in a clean, modern setting."
      imageSrc="http://img.b2bpic.net/free-photo/full-equiped-medical-cabinet_1303-23918.jpg?_wi=1"
      imageAlt="Modern dental care facility"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardEight
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Teeth Whitening",
          description: "Professional brightening for a confident, radiant smile.",
          imageSrc: "http://img.b2bpic.net/free-photo/man-dentist-s-appointment_1321-4592.jpg",
        },
        {
          title: "Root Canal Treatment",
          description: "Expert precision for pain relief and tooth preservation.",
          imageSrc: "http://img.b2bpic.net/free-photo/equipment-dental-instruments-dentist-s-office-tools-close-up_8353-1677.jpg",
        },
        {
          title: "Cosmetic Procedures",
          description: "Reshaping and veneers for the smile you deserve.",
          imageSrc: "http://img.b2bpic.net/free-photo/faucet-sink-dental-chair_140725-7698.jpg",
        },
        {
          title: "Dental Implants",
          description: "Durable, natural-looking tooth replacements.",
          imageSrc: "http://img.b2bpic.net/free-photo/goodlooking-female-dentist-posing-white-coat-modern-wellequipped-cabinet_627829-9793.jpg",
        },
        {
          title: "General Check-ups",
          description: "Comprehensive routine care and dental cleanings.",
          imageSrc: "http://img.b2bpic.net/free-photo/full-equiped-medical-cabinet_1303-23918.jpg?_wi=2",
        },
        {
          title: "Oral Surgery",
          description: "Safe and effective surgical dental interventions.",
          imageSrc: "http://img.b2bpic.net/free-photo/dentist-checking-x-ray-report-while-talking-mobile-phone_107420-65653.jpg",
        },
      ]}
      title="Our Dental Services"
      description="We offer a wide range of procedures tailored to your dental needs, ensuring comfort and long-term oral hygiene."
    />
  </div>

  <div id="stats" data-section="stats">
      <MetricCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        {
          id: "m1",
          icon: Star,
          title: "Google Rating",
          value: "4.9+",
        },
        {
          id: "m2",
          icon: Users,
          title: "Happy Patients",
          value: "140+",
        },
        {
          id: "m3",
          icon: Award,
          title: "Years Experience",
          value: "10+",
        },
      ]}
      title="Why Choose Us"
      description="Trusted by our community for consistent care."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFifteen
      useInvertedBackground={false}
      testimonial="The best dentist I have ever met. I did two root canal treatments and am perfectly doing well. The diagnosis, treatment plan and follow up are really appreciable."
      rating={5}
      author="Sathish Kumar"
      avatars={[
        {
          src: "asset://avatar-1",
          alt: "Patient",
        },
        {
          src: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-talking-doctor_107420-65663.jpg",
          alt: "Patient",
        },
        {
          src: "http://img.b2bpic.net/free-photo/dentist-showing-dental-jaw-female-patient-clinic_23-2147862036.jpg",
          alt: "Patient",
        },
        {
          src: "http://img.b2bpic.net/free-photo/female-patient-front-male-dentist-holding-dental-jaw_23-2147862031.jpg",
          alt: "Patient",
        },
        {
          src: "http://img.b2bpic.net/free-photo/dentistry-team-explaining-radiography-sick-patient-doing-oral-care-examination-cure-toothache-stomatologist-assistant-consulting-x-ray-results-dental-drill-procedure_482257-32294.jpg",
          alt: "Patient",
        },
      ]}
      ratingAnimation="blur-reveal"
      avatarsAnimation="blur-reveal"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="split"
      useInvertedBackground={true}
      faqs={[
        {
          id: "f1",
          title: "Do you accept new patients?",
          content: "Yes, we are always accepting new patients at our clinic.",
        },
        {
          id: "f2",
          title: "What procedures do you offer?",
          content: "We provide everything from cleaning and whitening to root canals and implants.",
        },
        {
          id: "f3",
          title: "How can I book an appointment?",
          content: "You can call us directly at 095669 63859 or walk in during our opening hours.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/beautiful-girl-sitting-dentist-s-office_1157-29158.jpg"
      mediaAnimation="slide-up"
      title="Frequently Asked Questions"
      description="Learn more about our dental procedures."
      faqsAnimation="blur-reveal"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "gradient-bars",
      }}
      text="Visit Divya Dental Care today for expert advice and gentle dental care. We are open until 9 PM."
      buttons={[
        {
          text: "Call Now: 095669 63859",
          href: "tel:09566963859",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Divya Dental Care"
      columns={[
        {
          title: "Address",
          items: [
            {
              label: "No.11/44, Road, opp. Sunday Market, near Police Station, Kuppichipalayam, Periyanaickenpalayam, TN 641020",
              href: "#",
            },
          ],
        },
        {
          title: "Contact",
          items: [
            {
              label: "095669 63859",
              href: "tel:09566963859",
            },
            {
              label: "Book Appointment",
              href: "#contact",
            },
          ],
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
