"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SplitAbout from '@/components/sections/about/SplitAbout';

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="products-intro" data-section="products-intro">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={false}
      title="Trusted HVAC Equipment"
      description="We install and service trusted, high-efficiency HVAC equipment. As an Authorized Lennox Dealer, we offer quality systems backed by expert installation and support."
      imageSrc="http://img.b2bpic.net/free-photo/front-view-abandoned-house-with-fence_23-2149454799.jpg"
      imageAlt="Outdoor air conditioning unit"
      mediaAnimation="opacity"
      bulletPoints={[]}
    />
  </div>

  <div id="product-categories" data-section="product-categories">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={false}
      products={[
        {
          id: "products-furnaces",          name: "Furnaces",          price: "Efficient & Warm",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-pressing-heater-button_23-2149308950.jpg",          imageAlt: "Modern gas furnace",          priceButtonProps: {
            text: "Learn More",            href: "/products#furnaces-details"},
        },
        {
          id: "products-air-conditioners",          name: "Air Conditioners",          price: "Cool & Reliable",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-heat-pump-outside-home_23-2149250248.jpg",          imageAlt: "Outdoor air conditioner unit",          priceButtonProps: {
            text: "Learn More",            href: "/products#air-conditioners-details"},
        },
        {
          id: "products-air-handlers",          name: "Air Handlers",          price: "Clean Airflow",          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-ventilation-system_23-2149281308.jpg",          imageAlt: "Indoor air handler unit",          priceButtonProps: {
            text: "Learn More",            href: "/products#air-handlers-details"},
        },
        {
          id: "products-heat-pumps",          name: "Heat Pumps",          price: "Year-Round Comfort",          imageSrc: "http://img.b2bpic.net/free-photo/japanese-culture-house-entrance-with-plants_23-2149301092.jpg",          imageAlt: "Outdoor heat pump unit",          priceButtonProps: {
            text: "Learn More",            href: "/products#heat-pumps-details"},
        },
      ]}
      title="Explore Our Product Range"
      description="Click on a product type to learn more about its benefits and options for your home."
    />
  </div>

  <div id="products-cta" data-section="products-cta">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "sparkles-gradient"}}
      text="Ready for an upgrade? Get a free in-home estimate on your new HVAC system today."
      buttons={[
        {
          text: "Request a Free Estimate",          href: "/request-service"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/cityscape-through-window_23-2151975111.jpg"
      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>
  );
}
