"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { Award, Clock, Sparkles, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="smallMedium"
        sizing="mediumLargeSizeMediumTitles"
        background="grid"
        cardStyle="gradient-mesh"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "#hero",
        },
        {
          name: "Services",
          id: "#services",
        },
        {
          name: "Why Us",
          id: "#why-us",
        },
        {
          name: "Testimonials",
          id: "#reviews",
        },
        {
          name: "Location",
          id: "#location",
        },
      ]}
      brandName="Alior Dental Care"
      button={{
        text: "Book Appointment",
        href: "#contact",
      }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDoubleCarousel
      background={{
        variant: "gradient-bars",
      }}
      title="Where Beautiful Smiles Begin"
      description="Painless, modern dental care in the heart of Doddanekkundi, Bengaluru."
      leftCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-vector/dental-care-clinic-logo-template_742173-32500.jpg",
          imageAlt: "Healthy smile",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/illustration-dental-care-application-laptop_53876-124350.jpg",
          imageAlt: "Healthy smile",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-vector/clean-clean-dental-clinic-logo-template_742173-32506.jpg",
          imageAlt: "Healthy smile",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/abstract-combination-facial-features_23-2150038584.jpg",
          imageAlt: "Healthy smile",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/dental-hygiene-concept-with-blue-background_23-2150312449.jpg",
          imageAlt: "Healthy smile",
        },
      ]}
      rightCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/dental-hygiene-concept-with-tooth_23-2150273606.jpg",
          imageAlt: "Clinical excellence",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-vector/teeth-flat-outline-glyph_78370-4789.jpg",
          imageAlt: "Clinical excellence",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/green-background-with-isometric-lizard_23-2148183435.jpg",
          imageAlt: "Clinical excellence",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/dental-hygiene-concept-with-blue-background_23-2150312451.jpg",
          imageAlt: "Clinical excellence",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-vector/dental-health-caries-teeth-healthcare-instruments-dent-protection-flat-icons-set-isolated-vector-illustration_1284-2950.jpg",
          imageAlt: "Clinical excellence",
        },
      ]}
      tag="4.9 ⭐ Rated on Google"
      buttons={[
        {
          text: "Book Appointment",
          href: "#contact",
        },
        {
          text: "Call Us Now",
          href: "tel:07204903801",
        },
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",
          alt: "Portrait of smiley business woman",
        },
        {
          src: "http://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg",
          alt: "Business woman banner concept",
        },
        {
          src: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",
          alt: "Positive confident businesswoman",
        },
        {
          src: "http://img.b2bpic.net/free-photo/smiling-african-american-girl-sitting-cafe_1262-3083.jpg",
          alt: "Smiling African American girl",
        },
        {
          src: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg",
          alt: "Smiling African American man",
        },
      ]}
      avatarText="Trusted by 500+ happy patients"
      marqueeItems={[
        {
          type: "text",
          text: "Modern Equipment",
        },
        {
          type: "text",
          text: "Painless Procedures",
        },
        {
          type: "text",
          text: "Evening Appointments",
        },
        {
          type: "text",
          text: "Expert Care",
        },
        {
          type: "text",
          text: "Hygienic Environment",
        },
      ]}
    />
  </div>

  <div id="trust" data-section="trust">
      <AboutMetric
      useInvertedBackground={false}
      title="The Alior Promise"
      metrics={[
        {
          icon: Sparkles,
          label: "Painless Treatment",
          value: "✓",
        },
        {
          icon: Zap,
          label: "Modern Equipment",
          value: "✓",
        },
        {
          icon: Award,
          label: "Expert Dentists",
          value: "✓",
        },
        {
          icon: Clock,
          label: "Open Until 8PM",
          value: "✓",
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="services" data-section="services">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "s1",
          name: "Root Canal",
          price: "Expert Care",
          imageSrc: "http://img.b2bpic.net/free-photo/dental-tools-equipment-white-background_1232-4361.jpg",
        },
        {
          id: "s2",
          name: "Dental Implants",
          price: "Lifetime Smile",
          imageSrc: "http://img.b2bpic.net/free-vector/set-dental-problem-implant-icons-flat-style_1166-74.jpg",
        },
        {
          id: "s3",
          name: "Teeth Cleaning",
          price: "Daily Freshness",
          imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-3d-cinema-glasses-blue-background_23-2148188141.jpg",
        },
        {
          id: "s4",
          name: "Whitening",
          price: "Bright Smiles",
          imageSrc: "http://img.b2bpic.net/free-photo/medicine-uniform-healthcare-medical-workers-day-space-text_185193-110686.jpg",
        },
        {
          id: "s5",
          name: "Aligners",
          price: "Perfect Fit",
          imageSrc: "http://img.b2bpic.net/free-photo/switzerland-globe_187299-32817.jpg",
        },
        {
          id: "s6",
          name: "Emergency Care",
          price: "Always Ready",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cdtgva",
        },
      ]}
      title="Everything Your Smile Deserves"
      description="Comprehensive dental care tailored to your comfort and health."
    />
  </div>

  <div id="why-us" data-section="why-us">
      <FeatureCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      negativeCard={{
        items: [
          "No waiting times",
          "No hidden costs",
          "No painful procedures",
        ],
      }}
      positiveCard={{
        items: [
          "Painless Procedures",
          "Modern Technology",
          "Patient-First Care",
          "Evening Appointments",
        ],
      }}
      title="Why Bengaluru Trusts Alior Dental"
      description="Excellence in every interaction, ensuring you feel completely at ease."
    />
  </div>

  <div id="reviews" data-section="reviews">
      <TestimonialCardFive
      textboxLayout="split"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",
          name: "Rolan Mascarenhas",
          date: "Jan 2025",
          title: "Great Experience",
          quote: "The doctor explained my teeth condition clearly and made sure I understood the entire procedure.",
          tag: "Google Review",
          avatarSrc: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",
          imageSrc: "http://img.b2bpic.net/free-vector/dental-care-clinic-logo-template_742173-32500.jpg",
          imageAlt: "happy patient portrait",
        },
        {
          id: "t2",
          name: "Dhanush Kumar",
          date: "Dec 2024",
          title: "Root Canal Expert",
          quote: "Excellent experience for root canal and dental implant. Staff was friendly.",
          tag: "Google Review",
          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-doctor-female-nurse-personal-protective-equipment-looking-confident-professional_1258-121436.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/dental-tools-equipment-white-background_1232-4361.jpg",
          imageAlt: "happy patient portrait",
        },
        {
          id: "t3",
          name: "Malavika Mohan",
          date: "Nov 2024",
          title: "Hygienic Clinic",
          quote: "The clinic has such good aesthetics with well maintained equipment. Highly recommend.",
          tag: "Google Review",
          avatarSrc: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg",
          imageSrc: "http://img.b2bpic.net/free-vector/set-dental-problem-implant-icons-flat-style_1166-74.jpg",
          imageAlt: "happy patient portrait",
        },
        {
          id: "t4",
          name: "John Doe",
          date: "Oct 2024",
          title: "Very Reassuring",
          quote: "Professional and reassuring. Made me feel at ease during the whole visit.",
          tag: "Google Review",
          avatarSrc: "http://img.b2bpic.net/free-photo/smiling-young-doctor-wearing-medical-gown-wearing-stethoscope-bite-tongue-green-wall_141793-26995.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-3d-cinema-glasses-blue-background_23-2148188141.jpg",
          imageAlt: "happy patient portrait",
        },
        {
          id: "t5",
          name: "Jane Smith",
          date: "Sep 2024",
          title: "Modern & Clean",
          quote: "Best dental clinic in Doddanekkundi. Very modern equipment and friendly staff.",
          tag: "Google Review",
          avatarSrc: "http://img.b2bpic.net/free-photo/happy-african-american-healthcare-expert-looking-camera_637285-11471.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/illustration-dental-care-application-laptop_53876-124350.jpg",
          imageAlt: "happy patient portrait",
        },
      ]}
      title="Smiles That Speak For Themselves"
      description="Rated 4.9 ⭐ by our valued patients."
    />
  </div>

  <div id="location" data-section="location">
      <FaqDouble
      textboxLayout="split"
      useInvertedBackground={false}
      faqs={[
        {
          id: "f1",
          title: "Clinic Address",
          content: "First Floor, Sachi Apartment, Basavanagar Main Rd, Opposite Shell Petrol Pump, Doddanekkundi, Bengaluru 560037",
        },
        {
          id: "f2",
          title: "Operating Hours",
          content: "Open Daily until 8:00 PM.",
        },
        {
          id: "f3",
          title: "Contact Details",
          content: "Phone: 072049 03801 | WhatsApp: 917204903801",
        },
      ]}
      title="Visit Alior Dental"
      description="Find us in Doddanekkundi, Bengaluru."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="appointment-banner" data-section="appointment-banner">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "sparkles-gradient",
      }}
      tag="Book Now"
      title="Your Healthiest Smile is One Call Away"
      description="Evening slots available — Open until 8 PM daily."
      buttons={[
        {
          text: "Call 072049 03801",
          href: "tel:07204903801",
        },
      ]}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Let's Talk"
      title="Ready to Start Your Journey?"
      description="Contact us today for a seamless booking experience."
      buttons={[
        {
          text: "WhatsApp Us",
          href: "https://wa.me/917204903801",
        },
        {
          text: "Call Now",
          href: "tel:07204903801",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "#",
            },
            {
              label: "Services",
              href: "#services",
            },
          ],
        },
        {
          title: "Support",
          items: [
            {
              label: "Contact Us",
              href: "#contact",
            },
            {
              label: "WhatsApp",
              href: "https://wa.me/917204903801",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
          ],
        },
      ]}
      logoText="Alior Dental Care"
      copyrightText="© 2025 Alior Dental Care. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
