"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="compact"
        sizing="largeSmall"
        background="fluid"
        cardStyle="gradient-bordered"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "Services",
          id: "/services",
        },
        {
          name: "Gallery",
          id: "/gallery",
        },
        {
          name: "Schedule",
          id: "/schedule",
        },
        {
          name: "Reviews",
          id: "/reviews",
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/motorcycle-badges-retro-style_23-2147563435.jpg"
      logoAlt="Apex Auto Solutions Logo"
      brandName="Apex Auto Solutions"
      bottomLeftText="Your Trusted Auto Partner"
      bottomRightText="info@apexauto.com"
      button={{
        text: "Call Now",
        href: "tel:+18001234567",
      }}
    />
  </div>

  <div id="schedule-types" data-section="schedule-types">
      <FeatureCardTwelve
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "sch1",
          label: "Routine Maintenance",
          title: "Oil Change, Tires & Fluids",
          items: [
            "Express service",
            "Full inspection",
            "Quick turnaround",
          ],
        },
        {
          id: "sch2",
          label: "Diagnostic Services",
          title: "Check Engine Light & Issues",
          items: [
            "Advanced diagnostics",
            "Troubleshooting",
            "Expert analysis",
          ],
        },
        {
          id: "sch3",
          label: "Major Repairs",
          title: "Brakes, Engine & Transmission",
          items: [
            "Detailed assessment",
            "Quality parts",
            "Guaranteed work",
          ],
        },
      ]}
      title="Book Your Service with Ease"
      description="Choose the service type that fits your needs. Our online booking system makes scheduling your visit quick and convenient."
    />
  </div>

  <div id="schedule-contact" data-section="schedule-contact">
      <ContactSplit
      useInvertedBackground={true}
      background={{
        variant: "plain",
      }}
      tag="Ready to Book?"
      title="Make an Appointment"
      description="Use our simple form to book your car's service appointment. Select your preferred date and time, and we'll confirm shortly."
      imageSrc="http://img.b2bpic.net/free-photo/male-car-mechanic-using-tablet-device-car-repair-shop_23-2150367549.jpg"
      imageAlt="online car service booking calendar"
      mediaAnimation="opacity"
      inputPlaceholder="Your preferred service (e.g., 'Oil Change')"
      buttonText="Request Appointment"
      termsText="We will contact you to confirm your appointment time."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="Apex Auto Solutions"
      columns={[
        {
          title: "Services",
          items: [
            {
              label: "Engine Diagnostics",
              href: "/services#diagnostics",
            },
            {
              label: "Brake Repair",
              href: "/services#brakes",
            },
            {
              label: "Oil Change",
              href: "/services#oil",
            },
            {
              label: "Tire Services",
              href: "/services#tires",
            },
            {
              label: "AC & Heating",
              href: "/services#ac",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "/about",
            },
            {
              label: "Our Work",
              href: "/gallery",
            },
            {
              label: "Reviews",
              href: "/reviews",
            },
            {
              label: "Contact",
              href: "/contact",
            },
          ],
        },
        {
          title: "Resources",
          items: [
            {
              label: "Blog",
              href: "/blog",
            },
            {
              label: "FAQ",
              href: "/faq",
            },
            {
              label: "Schedule Online",
              href: "/schedule",
            },
            {
              label: "Privacy Policy",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 Apex Auto Solutions. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
