"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
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="gallery-showcase" data-section="gallery-showcase">
      <ProductCardFour
      animationType="scale-rotate"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={true}
      products={[
        {
          id: "gallery-item-1",
          name: "Luxury Sedan Detail",
          price: "Before/After",
          variant: "Full Interior & Exterior",
          imageSrc: "http://img.b2bpic.net/free-photo/red-pads-pedal-wheel-car_114579-4035.jpg",
          imageAlt: "Before and after detailing of a luxury sedan",
        },
        {
          id: "gallery-item-2",
          name: "Sports Car Restoration",
          price: "Deep Clean",
          variant: "Paint Correction",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193584.jpg",
          imageAlt: "Before and after detailing of a sports car",
        },
        {
          id: "gallery-item-3",
          name: "Executive SUV Ceramic Coating",
          price: "Premium Protection",
          variant: "Ceramic Coating",
          imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-car_74190-1937.jpg",
          imageAlt: "Executive SUV with ceramic coating",
        },
        {
          id: "gallery-item-4",
          name: "Classic Car Interior",
          price: "Interior Renewal",
          variant: "Vintage Detail",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194141.jpg",
          imageAlt: "Restored classic car interior",
        },
        {
          id: "gallery-item-5",
          name: "Performance Coupe Polish",
          price: "Mirror Finish",
          variant: "Exterior Enhancement",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-engine_1170-1500.jpg",
          imageAlt: "Polished performance coupe",
        },
        {
          id: "gallery-item-6",
          name: "Headlight Restoration",
          price: "Clarity & Safety",
          variant: "Before & After",
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-headlights-gray-car-with-man_158538-8150.jpg",
          imageAlt: "Restored headlights before and after",
        },
      ]}
      title="Our Work: Before & After"
      description="Witness the FADetailingLI transformation. A visual showcase of our meticulous craftsmanship on luxury vehicles across Long Island."
      tag="Gallery"
    />
  </div>

  <div id="gallery-testimonials" data-section="gallery-testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Mark D.",
          role: "Car Collector",
          company: "Long Island",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-enjoying-road-trip-her-car_23-2148801471.jpg",
        },
        {
          id: "2",
          name: "Sophia G.",
          role: "Luxury Sedan Owner",
          company: "Huntington, NY",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-outdoors_23-2149042133.jpg",
        },
        {
          id: "3",
          name: "Chris P.",
          role: "Sports Car Enthusiast",
          company: "Garden City, NY",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/man-white-shirt-wipes-car-car-wash_1157-27342.jpg",
        },
        {
          id: "4",
          name: "Laura H.",
          role: "SUV Owner",
          company: "Manhasset, NY",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-man-car-dealership_23-2148130234.jpg",
        },
        {
          id: "5",
          name: "Tom R.",
          role: "Executive",
          company: "Syosset, NY",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/man-polish-car-garage_1157-36591.jpg",
        },
      ]}
      kpiItems={[
        {
          value: "Stunning",
          label: "Visuals",
        },
        {
          value: "Flawless",
          label: "Results",
        },
        {
          value: "Unmatched",
          label: "Quality",
        },
      ]}
      title="Clients Love Our Gallery Transformations"
      description="Our work speaks for itself, and our clients' reactions confirm the FADetailingLI difference."
      tag="Visual Proof"
    />
  </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>
  );
}
