"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBase from '@/components/sections/footer/FooterBase';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import { Phone } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="mediumSmall"
        sizing="largeSmallSizeMediumTitles"
        background="aurora"
        cardStyle="glass-elevated"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Services",
          id: "/services",
        },
        {
          name: "Products",
          id: "/products",
        },
        {
          name: "Comfort Contract",
          id: "/comfort-contract",
        },
        {
          name: "Reviews",
          id: "/reviews",
        },
        {
          name: "About",
          id: "/about",
        },
        {
          name: "Contact",
          id: "/contact",
        },
      ]}
      brandName="McCoy Heating and Air Conditioning"
      button={{
        text: "Request Service",
        href: "/request-service",
      }}
    />
  </div>

  <div id="contact-form" data-section="contact-form">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Get In Touch With Our Team"
      description="Have questions or need a quote? Fill out the form below and we'll get back to you promptly. Your comfort is our priority."
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "Your Name",
          required: true,
        },
        {
          name: "email",
          type: "email",
          placeholder: "Your Email",
          required: true,
        },
        {
          name: "phone",
          type: "tel",
          placeholder: "Phone Number (Optional)",
        },
      ]}
      textarea={{
        name: "message",
        placeholder: "How can we help you today?",
        rows: 5,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/bold-metro-station-chatelet-paris_23-2148232435.jpg"
      imageAlt="Google Map of Plain City Ohio"
      mediaPosition="right"
      buttonText="Send Message"
    />
  </div>

  <div id="contact-cta" data-section="contact-cta">
      <ContactCTA
      useInvertedBackground={true}
      background={{
        variant: "radial-gradient",
      }}
      tag="Ready to Talk?"
      tagIcon={Phone}
      title="We're Here to Help!"
      description="Whether it's an urgent repair or a question about a new system, our expert team is just a call or click away. Reach out today!"
      buttons={[
        {
          text: "Call Us Now",
          href: "tel:+18001234567",
        },
        {
          text: "Email Support",
          href: "mailto:support@business.com",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "/about",
            },
            {
              label: "Employment",
              href: "/employment",
            },
            {
              label: "Contact",
              href: "/contact",
            },
          ],
        },
        {
          title: "Services",
          items: [
            {
              label: "HVAC Repair",
              href: "/services/repair",
            },
            {
              label: "Installations",
              href: "/services/installation",
            },
            {
              label: "Maintenance",
              href: "/services/maintenance",
            },
          ],
        },
        {
          title: "Resources",
          items: [
            {
              label: "Blog",
              href: "/blog",
            },
            {
              label: "FAQs",
              href: "/faqs",
            },
          ],
        },
      ]}
      logoText="Business"
      copyrightText="© 2024 Business. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
