"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="medium"
        sizing="medium"
        background="circleGradient"
        cardStyle="glass-elevated"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",          id: "#hero"},
        {
          name: "About",          id: "#about"},
        {
          name: "Features",          id: "#features"},
        {
          name: "Reviews",          id: "#reviews"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="LENSPEX"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardRotatedCarousel
      background={{
        variant: "gradient-bars"}}
      title="See the World Clearly with Lenspex"
      description="Your premier destination for high-quality eyewear, precision eye exams, and expert style guidance in Nashik."
      buttons={[
        {
          text: "Book an  spectale ",          href: "#contact"},
      ]}
      carouselItems={[
        { id: "1", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-boy-standing-together-optics-showroom_23-2148241477.jpg", imageAlt: "Collection 1" },
        { id: "2", imageSrc: "http://img.b2bpic.net/free-photo/women-happily-shopping-buying-consumer-products-customer-day_23-2151623376.jpg", imageAlt: "Collection 2" },
        { id: "3", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-scene-from-ordinary-mall-america_23-2151564091.jpg", imageAlt: "Collection 3" },
        { id: "4", imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-woman-makes-some-notes-sitting-cafe_8353-1393.jpg", imageAlt: "Collection 4" },
        { id: "5", imageSrc: "http://img.b2bpic.net/free-photo/woman-buys-dishes-store_1157-36693.jpg", imageAlt: "Collection 5" },
        { id: "6", imageSrc: "http://img.b2bpic.net/free-photo/excited-young-woman-talking-mobile-phone-front-laptop-sitting-kitchen-with-happy-face_1258-202447.jpg", imageAlt: "Collection 6" }
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={false}
      title="Your Vision is Our Priority"
      description="Lenspex brings a personal touch to eyewear. From eye testing to the latest frames, we ensure every customer leaves fully satisfied with their perfect pair."
      metrics={[
        { value: "4.9/5", title: "Customer Rating" },
        { value: "915+", title: "Happy Reviews" }
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/doctor-preparing-ophthalmologist-s-office_23-2150917651.jpg"
      imageAlt="Our clinic team providing service"
      mediaAnimation="slide-up"
      metricsAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwelve
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          id: "1",          label: "Quality",          title: "Top-Notch Materials",          items: [
            "Premium frames",            "Durable lenses",            "Solid construction"],
        },
        {
          id: "2",          label: "Care",          title: "Expert Guidance",          items: [
            "Patient consultation",            "Frame fitting",            "Vision assessment"],
        },
        {
          id: "3",          label: "Speed",          title: "Timely Delivery",          items: [
            "Quick turnaround",            "Reliable scheduling",            "On-time delivery"],
        },
      ]}
      title="Why Choose Lenspex?"
      description="We blend quality, style, and professional care."
    />
  </div>

  <div id="reviews" data-section="reviews">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      testimonials={[
        { id: "1", name: "Pratik Devadiga", role: "Client", company: "Nashik", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-wearing-eyeglasses_273609-14948.jpg" },
        { id: "2", name: "Nabraj Bhatta", role: "Client", company: "Nashik", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-looking-new-glasses-optometrist_23-2148196767.jpg" },
        { id: "3", name: "Shital C Patil", role: "Client", company: "Nashik", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/timid-young-pleased-freckled-female-closes-eyes-has-broad-smile-imagines-something-fantastic-has-relaxed-expression-dreams-about-new-romantic-relationships-isolated-white-wall_273609-15782.jpg" },
        { id: "4", name: "Anil K", role: "Client", company: "Nashik", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/photo-glad-mixed-race-women-look-with-joyful-expressions_273609-28700.jpg" },
        { id: "5", name: "Neha S", role: "Client", company: "Nashik", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-casual-hipster-girl-cap-glasses-jeans-wear-listening-music-from-headphones-mobile-phone-against-large-graffiti-wall_627829-7735.jpg" }
      ]}
      kpiItems={[
        { value: "4.9", label: "Average Rating" },
        { value: "915", label: "Reviews" },
        { value: "100%", label: "Satisfaction" }
      ]}
      title="Trusted by Nashik"
      description="Our customers are our biggest advocates."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      tag="Get in touch"
      title="Visit Us Today"
      description="Located near Krishna Ice-cream, Shrijay Nagar, Indira Nagar, Nashik. We are open and ready to serve you until 9pm."
      buttons={[
        {
          text: "Get Directions",          href: "#"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="LENSPEX"
      columns={[
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "#about"},
            {
              label: "Reviews",              href: "#reviews"},
          ],
        },
        {
          title: "Contact",          items: [
            {
              label: "Directions",              href: "#contact"},
            {
              label: "Call: 096898 91815",              href: "tel:09689891815"},
          ],
        },
      ]}
      copyrightText="© 2025 Lenspex | Nashik"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}