"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterMedia from '@/components/sections/footer/FooterMedia';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import SplitAbout from '@/components/sections/about/SplitAbout';
import ContactText from '@/components/sections/contact/ContactText';
import { MailCheck, HardHat, ClipboardList, Workflow } from 'lucide-react';

export default function LandingPage() {
  const navItems = [
    { name: "Home", id: "/" },
    { 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" },
    { name: "Employment", id: "/employment" }
  ];

  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={navItems}
            brandName="McCoy Heating and Air Conditioning"
            button={{ text: "Request Service", href: "/request-service" }}
          />
        </div>

        <div id="request-service-header" data-section="request-service-header">
          <SplitAbout
            textboxLayout="default"
            useInvertedBackground={false}
            title="Request HVAC Service"
            description="Need a repair, maintenance, or a new system estimate? Fill out the form below or give us a call, and our team will get back to you promptly."
            bulletPoints={[]}
            imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-talking-phone_23-2149235740.jpg"
            imageAlt="Customer calling to request service"
            mediaAnimation="opacity"
          />
        </div>

        <div id="service-process" data-section="service-process">
          <SplitAbout
            textboxLayout="default"
            useInvertedBackground={true}
            title="Our Service Request Process"
            description="We make it easy to get the HVAC help you need. Here's what to expect when you request service from McCoy Heating and Air Conditioning."
            bulletPoints={[
              { title: "Submit Request", description: "Tell us about your HVAC needs via phone or our online form.", icon: MailCheck },
              { title: "Expert Assessment", description: "Our certified technicians will diagnose the issue with precision.", icon: HardHat },
              { title: "Transparent Quote", description: "Receive a clear, honest quote before any work begins.", icon: ClipboardList },
              { title: "Quality Work", description: "We perform repairs, maintenance, or installations with the highest standards.", icon: Workflow }
            ]}
            imageSrc="http://img.b2bpic.net/free-photo/coworkers-servicing-hvac-system_482257-91024.jpg"
            imageAlt="HVAC technicians working on a system"
            mediaAnimation="opacity"
          />
        </div>

        <div id="contact-cta" data-section="contact-cta">
          <ContactText
            useInvertedBackground={false}
            background={{ variant: "downward-rays-animated" }}
            text="Ready to experience The Right Choice in HVAC service? Contact us today!"
            buttons={[{ text: "Call Us: 614-504-5911", href: "tel:6145045911" }, { text: "Send a Message", href: "mailto:office@mccoyheatingandair.com" }]}
          />
        </div>

        <div id="footer" data-section="footer">
            <FooterMedia
            imageSrc="http://img.b2bpic.net/free-photo/cityscape-through-window_23-2151975111.jpg?_wi=2"
            imageAlt="Modern city skyline with HVAC elements"
            logoText="McCoy Heating and Air Conditioning"
            columns={[
              {
                title: "Quick Links",                items: [
                  { label: "Home", href: "/" },
                  { label: "Services", href: "/services" },
                  { label: "Products", href: "/products" },
                  { label: "Comfort Contract", href: "/comfort-contract" },
                  { label: "Reviews", href: "/reviews" },
                  { label: "About", href: "/about" },
                  { label: "Contact", href: "/contact" },
                  { label: "Employment", href: "/employment" }
                ]
              },
              {
                title: "Contact",                items: [
                  { label: "231 Friend St, Plain City, OH", href: "https://www.google.com/maps/search/231+Friend+St,+Plain+City,+OH" },
                  { label: "Tel: 614-504-5911", href: "tel:6145045911" },
                  { label: "office@mccoyheatingandair.com", href: "mailto:office@mccoyheatingandair.com" },
                  { label: "Hours: Mon–Fri 8AM–5PM", href: "#" }
                ]
              },
              {
                title: "Trust",                items: [
                  { label: "BBB A-Rated & Accredited Business", href: "#" },
                  { label: "Authorized Lennox Dealer", href: "#" },
                  { label: "Financing Available", href: "#" },
                  { label: "Cash · Check · American Express", href: "#" },
                  { label: "Facebook", href: "https://facebook.com/McCoyHeatingandAir" }
                ]
              }
            ]}
            copyrightText="© 2026 McCoy Heating and Air Conditioning. All rights reserved."
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}