"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import TextAbout from '@/components/sections/about/TextAbout';
import { Camera, Car, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="mediumLarge"
        sizing="largeSmallSizeMediumTitles"
        background="noiseDiagonalGradient"
        cardStyle="layered-gradient"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",          id: "hero"},
        {
          name: "Services",          id: "services"},
        {
          name: "Gallery",          id: "gallery"},
        {
          name: "Booking",          id: "booking"},
        {
          name: "Contact",          id: "contact"},
      ]}
      brandName="Let It Shine"
      button={{
        text: "Book Now",        href: "#booking"}}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogo
      logoText="Let Your Car Shine Anywhere"
      logoClassName="text-5xl md:text-7xl"
      description="Professional mobile car detailing brought straight to your driveway."
      buttons={[
        {
          text: "Book Now",          href: "#booking"},
        {
          text: "View Services",          href: "#services"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-using-smartphone-outdoors_23-2150747683.jpg?_wi=1"
      imageAlt="freshly detailed luxury car driveway"
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={false}
      title="We deliver dealership-quality detailing right to your door, saving you time without compromising on the deep, showroom-worthy clean your vehicle deserves."
      tag="About Us"
    />
  </div>

  <div id="services" data-section="services">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",          name: "Exterior Wash",          price: "From $50",          imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2787.jpg?_wi=1"},
        {
          id: "p2",          name: "Interior Detail",          price: "From $80",          imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-male-eyeglasses-with-tattoo-his-arm-using-portable-tablet-pc-back-seat-car_613910-12288.jpg?_wi=1"},
        {
          id: "p3",          name: "Full Detail Package",          price: "From $150",          imageSrc: "http://img.b2bpic.net/free-photo/man-polishing-car-with-orbital-applicator_1303-30574.jpg?_wi=1"},
        {
          id: "p4",          name: "Paint Protection",          price: "From $120",          imageSrc: "http://img.b2bpic.net/free-photo/man-painting-car-side-view_23-2149714348.jpg?_wi=1"},
      ]}
      title="Our Services"
      description="Premium detailing packages to keep your car looking like new."
    />
  </div>

  <div id="why-choose-us" data-section="why-choose-us">
      <FeatureCardSix
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          title: "Mobile Convenience",          description: "We come directly to your home or office.",          imageSrc: "http://img.b2bpic.net/free-photo/man-car-clean-using-brush-clean-up-all-details-inside-vehicle_1303-30584.jpg"},
        {
          title: "Professional Results",          description: "Expert techniques for a showroom finish.",          imageSrc: "http://img.b2bpic.net/free-photo/man-washing-his-car-garage_1157-26071.jpg"},
        {
          title: "Easy Booking",          description: "Schedule in minutes from anywhere.",          imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-32025.jpg"},
      ]}
      title="Why Choose Us?"
      description="We treat every car as if it were our own."
    />
  </div>

  <div id="gallery" data-section="gallery">
      <MetricCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",          title: "Before/After",          value: "See Work",          icon: Camera,
        },
        {
          id: "m2",          title: "Shine Guarantee",          value: "100%",          icon: Sparkles,
        },
        {
          id: "m3",          title: "Happy Cars",          value: "500+",          icon: Car,
        },
      ]}
      title="Gallery"
      description="See the results of our professional detailing."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Sarah Miller",          date: "2024-05",          title: "Repeat Customer",          quote: "Excellent work and so convenient!",          tag: "Detailing",          avatarSrc: "http://img.b2bpic.net/free-photo/woman-charging-her-car-looking-cherger-bher-phone_1303-20222.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-using-smartphone-outdoors_23-2150747683.jpg?_wi=2",          imageAlt: "happy customer car mobile detailing"},
        {
          id: "2",          name: "Mark D.",          date: "2024-04",          title: "Daily Driver",          quote: "My car hasn't looked this good in years.",          tag: "Detailing",          avatarSrc: "http://img.b2bpic.net/free-photo/mid-adult-man-pointing-vehicle-hood-while-talking-car-mechanic-auto-repair-shop_637285-7702.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2787.jpg?_wi=2",          imageAlt: "happy customer car mobile detailing"},
        {
          id: "3",          name: "Jana K.",          date: "2024-03",          title: "Busy Parent",          quote: "The mobile service is a lifesaver.",          tag: "Detailing",          avatarSrc: "http://img.b2bpic.net/free-photo/showroom-salesman-showing-driving-metrics-graphs-green-screen-tablet_482257-118248.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-male-eyeglasses-with-tattoo-his-arm-using-portable-tablet-pc-back-seat-car_613910-12288.jpg?_wi=2",          imageAlt: "happy customer car mobile detailing"},
        {
          id: "4",          name: "Ben T.",          date: "2024-02",          title: "Car Enthusiast",          quote: "Professional, careful, and detailed.",          tag: "Detailing",          avatarSrc: "http://img.b2bpic.net/free-photo/woman-happy-just-bought-her-new-car_1303-29661.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/man-polishing-car-with-orbital-applicator_1303-30574.jpg?_wi=2",          imageAlt: "happy customer car mobile detailing"},
        {
          id: "5",          name: "Emily R.",          date: "2024-01",          title: "Value Client",          quote: "Great service at a fair price.",          tag: "Detailing",          avatarSrc: "http://img.b2bpic.net/free-photo/experienced-tattoo-artist-working-client-tattoo_23-2149479238.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/man-painting-car-side-view_23-2149714348.jpg?_wi=2",          imageAlt: "happy customer car mobile detailing"},
      ]}
      title="What Our Clients Say"
      description="Don't just take our word for it—see what our satisfied customers are saying."
    />
  </div>

  <div id="booking" data-section="booking">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "gradient-bars"}}
      tag="Booking"
      title="Ready to Make Your Car Shine?"
      description="Book your mobile detail today and let us handle the rest."
    />
  </div>

  <div id="contact" data-section="contact">
      <TextAbout
      useInvertedBackground={false}
      title="Get in Touch: (555) 123-4567 | info@letitshine.com"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Let It Shine Mobile Detailing"
      columns={[
        {
          title: "Company",          items: [
            {
              label: "About",              href: "#about"},
            {
              label: "Services",              href: "#services"},
          ],
        },
        {
          title: "Support",          items: [
            {
              label: "Booking",              href: "#booking"},
            {
              label: "Contact",              href: "#contact"},
          ],
        },
      ]}
      copyrightText="© 2025 Let It Shine Mobile Detailing. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}