"use client";

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

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="contact-booking" data-section="contact-booking">
      <ContactCTA
      useInvertedBackground={true}
      background={{
        variant: "downward-rays-animated-grid",
      }}
      tag="Book Your Next Detail"
      title="Get Your Free Quote Today!"
      description="Ready to revitalize your vehicle? Fill out the form below to schedule your premium mobile car detailing service. We proudly serve all of Long Island, NY. \n\nCall us: (631)-766-4106 | Email: fadetailingli@gmail.com\n\n[Placeholder for integrated booking form with fields: Name, Phone, Email, Vehicle Make/Model, Service Requested, Preferred Date, Additional Notes. Also, Placeholder for Google Maps embed showing Long Island service area.]"
      buttons={[
        {
          text: "Submit Booking Request",
        },
      ]}
      buttonAnimation="slide-up"
    />
  </div>

  <div id="booking-faqs" data-section="booking-faqs">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "1",
          title: "How do I book an appointment?",
          content: "You can book directly using the form on this page or by calling us at (631)-766-4106.",
        },
        {
          id: "2",
          title: "What areas do you serve?",
          content: "We proudly offer mobile detailing services across all of Long Island, NY.",
        },
        {
          id: "3",
          title: "What payment methods do you accept?",
          content: "We accept major credit cards and other convenient payment options. Details will be provided upon booking confirmation.",
        },
        {
          id: "4",
          title: "What if it rains on my appointment day?",
          content: "In case of inclement weather, we will happily reschedule your appointment at no extra charge. We will contact you to make arrangements.",
        },
      ]}
      sideTitle="Booking & Service Questions"
      sideDescription="Find quick answers to common questions about scheduling, our process, and what we need from you."
      faqsAnimation="opacity"
      textPosition="right"
      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>
  );
}
