"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
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="comfort-contract-headline" data-section="comfort-contract-headline">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={false}
      title="The Comfort Contract — Worry-Free Comfort, Year-Round"
      description="Our Comfort Contract maintenance plan keeps your heating and cooling systems running at peak efficiency, helps prevent unexpected breakdowns, and extends the life of your equipment. Regular tune-ups mean lower energy bills, fewer surprises, and priority service when you need it."
      imageSrc="http://img.b2bpic.net/free-photo/plumber-doing-surprise-gesture_1368-571.jpg"
      imageAlt="Maintenance plan icon"
      mediaAnimation="opacity"
      bulletPoints={[]}
    />
  </div>

  <div id="contract-inclusions" data-section="contract-inclusions">
      <FeatureCardTwentyEight
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "contract-tune-ups",          title: "Seasonal Tune-ups",          subtitle: "Comprehensive checks for both heating and cooling systems to ensure optimal performance.",          category: "Benefit",          value: "Year-round"},
        {
          id: "contract-priority",          title: "Priority Scheduling",          subtitle: "Jump to the front of the line for service appointments, especially during peak seasons.",          category: "Benefit",          value: "Exclusive"},
        {
          id: "contract-discounts",          title: "Discounts on Repairs",          subtitle: "Receive preferred pricing on any necessary repairs, saving you money.",          category: "Benefit",          value: "Savings"},
        {
          id: "contract-no-overtime",          title: "No Overtime Charges",          subtitle: "Never pay extra for after-hours or weekend service calls.",          category: "Benefit",          value: "Flat Rate"},
      ]}
      title="What's Included in Your Comfort Contract?"
      description="Our Comfort Contract is designed to give you peace of mind with comprehensive benefits."
    />
  </div>

  <div id="comfort-contract-cta" data-section="comfort-contract-cta">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient"}}
      text="Ready for worry-free comfort? Ask us about the Comfort Contract today!"
      buttons={[
        {
          text: "Ask Us About the Comfort Contract",          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>
  );
}
