"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import { Car } from "lucide-react";

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="about-us" data-section="about-us">
      <TestimonialAboutCard
      useInvertedBackground={true}
      tag="Our Story"
      title="FADetailingLI: Long Island's Premier Mobile Car Detailing"
      description="Born from a passion for automotive excellence and a commitment to convenience, FADetailingLI delivers unparalleled mobile detailing services across Long Island. We bring the luxury car wash experience directly to your driveway."
      subdescription="Our highly skilled technicians use state-of-the-art equipment and premium, eco-friendly products to ensure every vehicle receives a meticulous, showroom-quality finish."
      icon={Car}
      imageSrc="http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193587.jpg"
      imageAlt="Mobile detailing specialist working on a luxury car"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="about-metrics" data-section="about-metrics">
      <MetricCardTwo
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      animationType="depth-3d"
      metrics={[
        {
          id: "1",          value: "5+",          description: "Years of Experience"},
        {
          id: "2",          value: "100%",          description: "Eco-Friendly Products"},
        {
          id: "3",          value: "24/7",          description: "Online Booking"},
      ]}
      title="Our Commitment to Excellence"
      description="At FADetailingLI, our numbers reflect our dedication to quality, customer satisfaction, and a superior detailing experience."
      tag="Values"
    />
  </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>
  );
}
