"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardFour from '@/components/sections/product/ProductCardFour';

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="services-list" data-section="services-list">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "exterior-detail",
          name: "Basic Exterior Detail",
          price: "$40.00",
          variant: "Starting At",
          imageSrc: "http://img.b2bpic.net/free-photo/blue-pigment-white-foam_23-2147798183.jpg",
          imageAlt: "Glossy car exterior after detailing",
        },
        {
          id: "interior-detail",
          name: "Basic Interior Detail",
          price: "$50.00",
          variant: "Starting At",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194086.jpg",
          imageAlt: "Clean car interior dashboard",
        },
        {
          id: "full-detail-basic",
          name: "Basic Full Detail (Interior & Exterior)",
          price: "$80.00",
          variant: "Starting At",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-cleaning-car-rims_23-2148194143.jpg",
          imageAlt: "Full car detail before and after",
        },
        {
          id: "premium-exterior",
          name: "Premium Exterior Detail",
          price: "$100.00",
          variant: "Starting At",
          imageSrc: "http://img.b2bpic.net/free-photo/details-car-standing-car-showroom_1303-29468.jpg",
          imageAlt: "Premium exterior car detail",
        },
        {
          id: "premium-interior",
          name: "Premium Interior Detail",
          price: "$125.00",
          variant: "Starting At",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-interior-clean-up-service_23-2149212258.jpg",
          imageAlt: "Premium interior car detail",
        },
        {
          id: "premium-full",
          name: "Premium Full Detail (Interior & Exterior)",
          price: "$200.00",
          variant: "Starting At",
          imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22299.jpg",
          imageAlt: "Luxury full car detail",
        },
      ]}
      title="Our Premium Detailing Services"
      description="Explore our comprehensive range of services designed to restore and protect your vehicle, inside and out."
      tag="Services"
    />
  </div>

  <div id="service-faqs" data-section="service-faqs">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "1",
          title: "How long does a typical detail take?",
          content: "The duration varies by service. A basic detail might take 1-2 hours, while a full premium detail can take 3-5 hours or more.",
        },
        {
          id: "2",
          title: "What products do you use?",
          content: "We exclusively use premium, professional-grade detailing products that are safe for your vehicle and deliver superior results.",
        },
        {
          id: "3",
          title: "Do I need to provide anything?",
          content: "No, our mobile unit is fully equipped with water, power, and all necessary detailing supplies. Just provide access to your vehicle.",
        },
      ]}
      sideTitle="Questions About Our Services?"
      sideDescription="Find answers to the most common inquiries regarding our detailing processes and what to expect."
      faqsAnimation="opacity"
      textPosition="left"
      showCard={true}
    />
  </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>
  );
}
