"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="compact"
        sizing="largeSmallSizeLargeTitles"
        background="blurBottom"
        cardStyle="gradient-bordered"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "Services",
          id: "/services",
        },
        {
          name: "Pricing",
          id: "/pricing",
        },
        {
          name: "Gallery",
          id: "/gallery",
        },
        {
          name: "About Us",
          id: "/about",
        },
        {
          name: "Book Now",
          id: "/contact",
        },
      ]}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EacLLOwCJ6u5eHAVgVH4WICx7g/uploaded-1780420801655-z3wm1p72.png"
      logoAlt="FADetailingLI Logo"
      brandName="FADetailingLI"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroOverlay
      title="Premium Mobile Car Detailing on Long Island"
      description="Experience unparalleled convenience, meticulous quality, and lasting protection. FADetailingLI brings luxury automotive care directly to you."
      buttons={[
        {
          text: "Book a Detail",
          href: "/contact",
        },
        {
          text: "View Services",
          href: "/services",
        },
      ]}
      buttonAnimation="slide-up"
      imageSrc="http://img.b2bpic.net/free-photo/black-car-garage_417767-26.jpg"
      imageAlt="Luxury sports car being detailed with electric blue glow effects"
      showDimOverlay={true}
      showBlur={true}
      textPosition="bottom"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/portrait-salesman-car-dealership_23-2148130098.jpg",
          alt: "Happy customer testimonial",
        },
        {
          src: "http://img.b2bpic.net/free-photo/happy-auto-repairman-handshaking-with-female-customer-workshop_637285-7684.jpg",
          alt: "Satisfied client testimonial",
        },
        {
          src: "http://img.b2bpic.net/free-photo/woman-happy-just-bought-her-new-car_1303-29669.jpg",
          alt: "Woman with new car",
        },
        {
          src: "http://img.b2bpic.net/free-photo/happy-man-car-dealership_23-2148130216.jpg",
          alt: "Man in car dealership",
        },
        {
          src: "http://img.b2bpic.net/free-photo/lovely-laughing-woman-standing-with-happy-look-door-car-ready-win-world_158595-1148.jpg",
          alt: "Smiling woman with car",
        },
      ]}
    />
  </div>

  <div id="why-choose-us" data-section="why-choose-us">
      <FeatureCardTwentyOne
      useInvertedBackground={true}
      title="Why Choose FADetailingLI?"
      description="We blend convenience with uncompromising quality, using only premium products and expert techniques to deliver a pristine finish every time."
      tag="Our Advantage"
      accordionItems={[
        {
          id: "1",
          title: "Mobile Convenience",
          content: "We bring our professional detailing services directly to your home or office, saving you time and hassle.",
        },
        {
          id: "2",
          title: "Premium Products",
          content: "Only the highest quality, professional-grade detailing products are used for superior results and lasting protection.",
        },
        {
          id: "3",
          title: "Meticulous Attention to Detail",
          content: "Our experts provide unparalleled precision, ensuring every inch of your vehicle receives a flawless finish.",
        },
        {
          id: "4",
          title: "Luxury Automotive Aesthetic",
          content: "We understand luxury vehicles and deliver a sleek, showroom-quality shine that enhances your car's appeal.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193625.jpg"
      imageAlt="Hands meticulously polishing a luxury car's surface"
      mediaAnimation="slide-up"
      mediaPosition="left"
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardTwo
      animationType="depth-3d"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        {
          id: "1",
          value: "1000+",
          description: "Cars Detailed",
        },
        {
          id: "2",
          value: "99%",
          description: "5-Star Reviews",
        },
        {
          id: "3",
          value: "85%",
          description: "Repeat Customers",
        },
      ]}
      title="Our Impact & Excellence"
      description="FADetailingLI is committed to delivering outstanding results and customer satisfaction across Long Island. See our achievements:"
      tag="Performance"
    />
  </div>

  <div id="testimonials-home" data-section="testimonials-home">
      <TestimonialCardSixteen
      animationType="scale-rotate"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",
          name: "Sarah Johnson",
          role: "CEO",
          company: "Long Island Auto Group",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-black-car-repairman-young-businessman-handshaking-auto-repair-shop_637285-4249.jpg",
        },
        {
          id: "2",
          name: "Michael Chen",
          role: "Real Estate Broker",
          company: "Suffolk Luxury Homes",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/experienced-tattoo-artist-working-client-tattoo_23-2149479238.jpg",
        },
        {
          id: "3",
          name: "Emily Rodriguez",
          role: "Entrepreneur",
          company: "Glamour & Glow Boutique",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/view-woman-with-car-gas-station_23-2150516410.jpg",
        },
        {
          id: "4",
          name: "David Kim",
          role: "Financial Advisor",
          company: "Coastal Wealth Management",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/friends-sitting-drinking-car-boot-tailgate-party_53876-132061.jpg",
        },
        {
          id: "5",
          name: "Jessica Lee",
          role: "Architect",
          company: "NY Modern Designs",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/man-looking-car-car-showroom_1303-14562.jpg",
        },
      ]}
      kpiItems={[
        {
          value: "5",
          label: "Star Rating",
        },
        {
          value: "99%",
          label: "Satisfaction",
        },
        {
          value: "Long Island",
          label: "Service Area",
        },
      ]}
      title="What Our Clients Say"
      description="Hear directly from satisfied luxury car owners across Long Island who trust FADetailingLI for their premium automotive care."
      tag="Client Feedback"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Porsche Owners Club LI",
        "Tesla Club NY",
        "BMW M Society",
        "Mercedes-Benz Fanatics",
        "Exotic Car Registry",
        "Classic Auto Revival",
        "Luxury Motors Inc.",
      ]}
      title="Trusted by Luxury Car Owners & Enthusiasts"
      description="FADetailingLI is the preferred choice for those who demand perfection for their vehicles."
      tag="Our Reputation"
      speed={60}
      showCard={true}
    />
  </div>

  <div id="book-now-cta" data-section="book-now-cta">
      <ContactCTA
      useInvertedBackground={true}
      background={{
        variant: "sparkles-gradient",
      }}
      tag="Convenience at Your Door"
      title="Ready for a Showroom Shine?"
      description="Book your premium mobile car detailing service with FADetailingLI today and experience the difference."
      buttons={[
        {
          text: "Book Your Detail Now",
          href: "/contact",
        },
      ]}
      buttonAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EacLLOwCJ6u5eHAVgVH4WICx7g/uploaded-1780420801655-z3wm1p72.png"
      logoAlt="FADetailingLI Logo"
      logoText="FADetailingLI"
      columns={[
        {
          title: "Services",
          items: [
            {
              label: "Exterior Detail",
              href: "/services#exterior-detail",
            },
            {
              label: "Interior Detail",
              href: "/services#interior-detail",
            },
            {
              label: "Full Detail",
              href: "/services#full-detail-basic",
            },
            {
              label: "Engine Bay Cleaning",
              href: "/services#engine-bay-cleaning",
            },
            {
              label: "Headlight Restoration",
              href: "/services#headlight-restoration",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "/about",
            },
            {
              label: "Pricing",
              href: "/pricing",
            },
            {
              label: "Gallery",
              href: "/gallery",
            },
            {
              label: "Book Now",
              href: "/contact",
            },
          ],
        },
        {
          title: "Contact",
          items: [
            {
              label: "(631)-766-4106",
              href: "tel:+16317664106",
            },
            {
              label: "fadetailingli@gmail.com",
              href: "mailto:fadetailingli@gmail.com",
            },
            {
              label: "Long Island, NY",
              href: "https://www.google.com/maps/search/car+detailing+long+island+ny",
            },
          ],
        },
        {
          title: "Social",
          items: [
            {
              label: "Instagram",
              href: "#",
            },
            {
              label: "TikTok",
              href: "#",
            },
            {
              label: "Facebook",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 FADetailingLI. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
