"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterBase from '@/components/sections/footer/FooterBase';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import { CalendarCheck, LifeBuoy, Smile, Sparkles, Wrench } 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="request-service-form" data-section="request-service-form">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Request Your HVAC Service Today"
      description="Need a repair, maintenance, or a new installation? Fill out our service request form, and our team will schedule a convenient time for you."
      inputs={[
        {
          name: "serviceType",
          type: "text",
          placeholder: "Type of Service Needed",
          required: true,
        },
        {
          name: "preferredDate",
          type: "date",
          placeholder: "Preferred Date",
          required: true,
        },
        {
          name: "preferredTime",
          type: "time",
          placeholder: "Preferred Time",
          required: true,
        },
        {
          name: "name",
          type: "text",
          placeholder: "Your Full Name",
          required: true,
        },
        {
          name: "email",
          type: "email",
          placeholder: "Your Email",
          required: true,
        },
        {
          name: "phone",
          type: "tel",
          placeholder: "Your Phone Number",
          required: true,
        },
      ]}
      textarea={{
        name: "details",
        placeholder: "Please describe your service needs in detail.",
        rows: 5,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/professional-looking-freon-levels_482257-90904.jpg"
      imageAlt="Professional looking at freon levels in an HVAC unit."
      mediaPosition="right"
      buttonText="Submit Service Request"
    />
  </div>

  <div id="service-process" data-section="service-process">
      <FeatureCardTen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Schedule & Confirm",
          description: "Easily request service online or by phone. We'll confirm your appointment details promptly.",
          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/close-up-skillful-technician-commissioned-outside-hvac-system-routine-maintenance-looking-refrigerant-issues-meticulous-mechanic-doing-air-conditioner-inspection-writing-data-tablet_482257-66265.jpg",
            imageAlt: "Technician checking HVAC system",
          },
          items: [
            {
              icon: CalendarCheck,
              text: "Online Booking",
            },
            {
              icon: MailCheck,
              text: "Instant Confirmation",
            },
          ],
          reverse: false,
        },
        {
          title: "Expert Diagnosis",
          description: "Our certified technicians arrive on time, diagnose the issue, and provide clear solutions.",
          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/mechanic-getting-rid-hvac-system-dirt_482257-91994.jpg",
            imageAlt: "Mechanic getting rid of hvac system dirt",
          },
          items: [
            {
              icon: HardHat,
              text: "Certified Experts",
            },
            {
              icon: ClipboardList,
              text: "Transparent Estimates",
            },
          ],
          reverse: true,
        },
        {
          title: "Efficient Repair & Installation",
          description: "We perform services with precision, using quality parts and industry best practices.",
          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/coworkers-refill-air-conditioner-freon_482257-90737.jpg",
            imageAlt: "Coworkers refill air conditioner freon",
          },
          items: [
            {
              icon: Wrench,
              text: "Quality Workmanship",
            },
            {
              icon: Sparkles,
              text: "Lasting Solutions",
            },
          ],
          reverse: false,
        },
        {
          title: "Follow-Up & Satisfaction",
          description: "We ensure you're completely satisfied and offer ongoing support and maintenance plans.",
          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/professional-repairmen-enlisted-air-conditioner-check-refilling-freon-expert-african-american-mechanic-colleague-using-manometers-precisely-measure-pressure-condenser_482257-65757.jpg",
            imageAlt: "Professional repairmen refilling freon",
          },
          items: [
            {
              icon: Smile,
              text: "Customer Satisfaction",
            },
            {
              icon: LifeBuoy,
              text: "Ongoing Support",
            },
          ],
          reverse: true,
        },
      ]}
      title="Our Seamless Service Process"
      description="From your initial request to project completion, we ensure a smooth, transparent, and efficient service experience."
      tag="Our Process"
      tagIcon={Workflow}
    />
  </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>
  );
}
