"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 FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Award, CheckCircle, Clock, MapPin, Phone, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="compact"
        sizing="medium"
        background="grid"
        cardStyle="glass-elevated"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Services",
          id: "#services",
        },
        {
          name: "Smile Gallery",
          id: "#gallery",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="Elara Rose"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroCarouselLogo
      logoText="Luxury Dentistry Designed Around Your Perfect Smile"
      description="Elara Rose blends advanced cosmetic dentistry with a refined luxury experience to create confident, radiant smiles."
      buttons={[
        {
          text: "Book Consultation",
          href: "#contact",
        },
        {
          text: "View Smile Transformations",
          href: "#gallery",
        },
      ]}
      slides={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/winter-season-lodging-entrance_482257-103218.jpg",
          imageAlt: "luxury clinic interior",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-mask-dentistry-concept-dental-treatment_169016-67127.jpg",
          imageAlt: "elegant smiling woman",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/happy-male-dentist-holding-big-teeth-model-clinic_23-2147879129.jpg",
          imageAlt: "modern dental treatment room",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-happy-woman-daydreams-with-closed-eyes-smiles-toothily-keeps-palms-near-face-recalls-lovely-moment-feels-glad-poses-indoor-people-pleasant-feelings-emotions-concept_273609-58258.jpg",
          imageAlt: "perfect white smile",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/young-pregnant-woman-work_23-2149292845.jpg",
          imageAlt: "patient experience clinic",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/medical-instruments_1157-18593.jpg",
          imageAlt: "advanced dental equipment",
        },
      ]}
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwentyFive
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "Porcelain Veneers",
          description: "Custom hand-crafted veneers for a naturally perfect appearance.",
          icon: Sparkles,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/female-model-with-fresh-daily-makeup_158538-10310.jpg",
              imageAlt: "dental veneers cosmetic",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/blend-minimal-nordic-interior-design-with-japanese-wabi-sabi-style_23-2151160088.jpg",
              imageAlt: "minimal interior design",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/winter-season-lodging-entrance_482257-103218.jpg",
          imageAlt: "dental veneers cosmetic",
        },
        {
          title: "Smile Makeovers",
          description: "Comprehensive design planning for a total aesthetic transformation.",
          icon: Award,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/knead-clay-dough-with-sculpting-tools-against-blue-background_23-2148164388.jpg",
              imageAlt: "smile makeover cosmetic",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-delivery-guy-holding-order-with-copy-space_23-2148577008.jpg",
              imageAlt: "clinical detail modern",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-mask-dentistry-concept-dental-treatment_169016-67127.jpg",
          imageAlt: "dental veneers cosmetic",
        },
        {
          title: "Invisalign",
          description: "Discreet, modern orthodontic solutions for a straighter, confident smile.",
          icon: CheckCircle,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/dentist-examining-woman-teeth-with-braces_651396-1904.jpg",
              imageAlt: "invisalign treatment",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/jar-cotton-rolls-orthodontic-instruments-dental-procedure_651396-3108.jpg",
              imageAlt: "cosmetic dental tool",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/happy-male-dentist-holding-big-teeth-model-clinic_23-2147879129.jpg",
          imageAlt: "dental veneers cosmetic",
        },
      ]}
      title="Elite Cosmetic Services"
      description="Transforming lives through precise artistry and medical expertise."
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={false}
      title="Dr. Elara Rose"
      description="With a vision to redefine dental aesthetics, Dr. Rose combines surgical precision with artistic passion. Each treatment is tailored to honor the unique facial harmony of her patients."
      metrics={[
        {
          value: "2,000+",
          title: "Smiles Transformed",
        },
        {
          value: "98%",
          title: "Satisfaction Rate",
        },
        {
          value: "15+",
          title: "Years Experience",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/view-futuristic-high-tech-classroom-students_23-2150906200.jpg"
      mediaAnimation="blur-reveal"
      metricsAnimation="slide-up"
      imageAlt="cosmetic dentist portrait"
    />
  </div>

  <div id="gallery" data-section="gallery">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={true}
      products={[
        {
          id: "1",
          name: "Veneers Transformation",
          price: "Patient Case #1",
          imageSrc: "http://img.b2bpic.net/free-photo/female-patient-looking-radiography-her-teeth-with-dentist_23-2148985760.jpg",
          imageAlt: "smile transformation before after",
        },
        {
          id: "2",
          name: "Full Smile Makeover",
          price: "Patient Case #2",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-posing_23-2149265857.jpg",
          imageAlt: "smile aesthetic makeover",
        },
        {
          id: "3",
          name: "Teeth Whitening",
          price: "Patient Case #3",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-caucasian-woman-with-blue-eyeliner_23-2149089061.jpg",
          imageAlt: "teeth whitening result",
        },
        {
          id: "4",
          name: "Invisalign Correction",
          price: "Patient Case #4",
          imageSrc: "http://img.b2bpic.net/free-photo/caucasian-preteen-girl-with-braces-her-teeth-looking-mirror_169016-38012.jpg",
          imageAlt: "orthodontic alignment before after",
        },
        {
          id: "5",
          name: "Implants Restoration",
          price: "Patient Case #5",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-happy-beautiful-girl-listens-music-wireless-headphones-shows-peace-vsign_1258-201754.jpg",
          imageAlt: "dental implants restoration",
        },
        {
          id: "6",
          name: "Facial Harmony Design",
          price: "Patient Case #6",
          imageSrc: "http://img.b2bpic.net/free-photo/positive-dreamy-young-lady-with-hand-cheek_23-2148054963.jpg",
          imageAlt: "facial harmony makeover",
        },
      ]}
      title="Smile Gallery"
      description="Witness the confidence inspired by professional cosmetic artistry."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",
          name: "Sophia V.",
          handle: "@sophiav",
          testimonial: "The most professional, elegant dental experience of my life. My smile is perfect.",
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-smart-curious-goodlooking-clever-woman-dark-curly-hairstyle-touch-chin-smiling-satisfied-hearing-interesting-idea-pondering-decision-look-thoughtful-delighted-white-background_176420-50599.jpg",
          imageAlt: "happy dental patient",
        },
        {
          id: "t2",
          name: "James L.",
          handle: "@jamesl",
          testimonial: "Dr. Rose is an artist. I couldn't be happier with the veneers.",
          imageSrc: "http://img.b2bpic.net/free-photo/doctor-preparing-consult_23-2149309927.jpg",
          imageAlt: "professional patient portrait",
        },
        {
          id: "t3",
          name: "Elena M.",
          handle: "@elenam",
          testimonial: "A relaxing environment that feels more like a spa than a clinic.",
          imageSrc: "http://img.b2bpic.net/free-photo/attractive-brunette-woman-smiling-looking-camera_197531-33823.jpg",
          imageAlt: "relaxed patient portrait",
        },
        {
          id: "t4",
          name: "Robert B.",
          handle: "@robertb",
          testimonial: "Invisalign treatment was flawless. Highly recommended.",
          imageSrc: "http://img.b2bpic.net/free-photo/diversion-gente-alegria-felicidad-mujer_1301-1617.jpg",
          imageAlt: "bright smile portrait",
        },
        {
          id: "t5",
          name: "Chloe T.",
          handle: "@chloet",
          testimonial: "Pure luxury and care. I feel so confident smiling now.",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021814.jpg",
          imageAlt: "lifestyle smile portrait",
        },
      ]}
      title="Patient Stories"
      description="Experience our white-glove dental care."
    />
  </div>

  <div id="experience" data-section="experience">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "q1",
          title: "Luxury Concierge Care",
          content: "Our dedicated team ensures your entire visit is comfortable and personalized.",
        },
        {
          id: "q2",
          title: "Advanced Technology",
          content: "We utilize the latest cosmetic imaging and digital dental technology.",
        },
        {
          id: "q3",
          title: "Private Environment",
          content: "Designed to provide a calming, private atmosphere for every procedure.",
        },
        {
          id: "q4",
          title: "Tailored Smile Design",
          content: "Precision-crafted results specific to your unique facial structure.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/modern-office-lobby-with-reception-desk_23-2152005586.jpg"
      title="Why Elara Rose?"
      description="Your comfort and aesthetic results are our highest priorities."
      faqsAnimation="blur-reveal"
      imageAlt="luxury patient lounge"
    />
  </div>

  <div id="cta" data-section="cta">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "sparkles-gradient",
      }}
      text="Your Dream Smile Starts Here. Schedule your private consultation and begin your transformation today."
      buttons={[
        {
          text: "Schedule Consultation",
          href: "#contact",
        },
        {
          text: "Call Clinic",
          href: "tel:5550123",
        },
      ]}
    />
  </div>

  <div id="contact" data-section="contact">
      <MetricCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        {
          id: "c1",
          icon: MapPin,
          title: "Location",
          value: "Beverly Hills, CA",
        },
        {
          id: "c2",
          icon: Phone,
          title: "Phone",
          value: "(555) 0123",
        },
        {
          id: "c3",
          icon: Clock,
          title: "Mon-Fri",
          value: "9AM - 6PM",
        },
      ]}
      title="Visit Us"
      description="Centrally located in Beverly Hills."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Clinic",
          items: [
            {
              label: "About",
              href: "#about",
            },
            {
              label: "Services",
              href: "#services",
            },
            {
              label: "Gallery",
              href: "#gallery",
            },
          ],
        },
        {
          title: "Information",
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
            {
              label: "Careers",
              href: "#",
            },
          ],
        },
        {
          title: "Connect",
          items: [
            {
              label: "Instagram",
              href: "#",
            },
            {
              label: "Facebook",
              href: "#",
            },
            {
              label: "LinkedIn",
              href: "#",
            },
          ],
        },
      ]}
      bottomLeftText="© 2024 Elara Rose Dental"
      bottomRightText="All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
