"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Activity, Cloud, CookingPot, Home, Wind } from "lucide-react";

export default function ServicesPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="compact"
        sizing="mediumLarge"
        background="noise"
        cardStyle="layered-gradient"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="normal"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarStyleApple
            navItems={[
              {
                name: "Home",                id: "/"
              },
              {
                name: "Services",                id: "/services"
              },
              {
                name: "About",                id: "/about"
              },
              {
                name: "Reviews",                id: "#reviews"
              },
              {
                name: "Contact",                id: "#contact"
              }
            ]}
            brandName="Prizm Heating & Ventilation"
          />
        </div>

        <div id="services" data-section="services">
          <FeatureCardTwentyFive
            animationType="slide-up"
            textboxLayout="default"
            useInvertedBackground={false}
            features={[
              {
                title: "Heat Pump Install Support",                description: "Expert ducting, venting, and airflow solutions that help your heat pump system perform beautifully.",                icon: Activity,
                mediaItems: [
                  {
                    imageSrc: "http://img.b2bpic.net/free-photo/close-up-heat-pump-outside-home_23-2149250263.jpg",                    imageAlt: "Outdoor heat pump unit"
                  },
                  {
                    imageSrc: "http://img.b2bpic.net/free-photo/men-working-with-equipment-full-shot_23-2148921408.jpg",                    imageAlt: "Indoor air handler unit"
                  }
                ]
              },
              {
                title: "Ductwork Installation & Replacement",                description: "Custom ductwork designed for comfort, efficiency, and a clean fit within the realities of your home.",                icon: Wind,
                mediaItems: [
                  {
                    imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-ventilation-system_23-2149281313.jpg",                    imageAlt: "New ductwork in attic"
                  },
                  {
                    imageSrc: "http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388952.jpg",                    imageAlt: "Flexible ductwork in crawlspace"
                  }
                ]
              },
              {
                title: "Home Ventilation",                description: "Fresh air systems, ERVs, air handlers, and exhaust solutions that improve comfort and indoor air quality.",                icon: Cloud,
                mediaItems: [
                  {
                    imageSrc: "http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388960.jpg",                    imageAlt: "Home ERV unit"
                  },
                  {
                    imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-ventilation-system_23-2149281304.jpg",                    imageAlt: "Modern residential air handler"
                  }
                ]
              },
              {
                title: "Kitchen Venting & Hood Fan Installation",                description: "Clean, efficient venting installations completed with care and attention to detail.",                icon: CookingPot,
                mediaItems: [
                  {
                    imageSrc: "http://img.b2bpic.net/free-photo/couple-having-breakfast-home_657883-479.jpg",                    imageAlt: "Modern kitchen hood fan"
                  },
                  {
                    imageSrc: "http://img.b2bpic.net/free-photo/female-opening-kitchen-hoods_23-2147810080.jpg",                    imageAlt: "Technician installing kitchen hood vent"
                  }
                ]
              },
              {
                title: "Renovation & Retrofit Work",                description: "Thoughtful solutions for older homes, attics, crawlspaces, and renovation projects with real-world constraints.",                icon: Home,
                mediaItems: [
                  {
                    imageSrc: "http://img.b2bpic.net/free-photo/abstract-minimal-background-with-floor_23-2149207747.jpg",                    imageAlt: "HVAC installation during older home renovation"
                  },
                  {
                    imageSrc: "http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388990.jpg",                    imageAlt: "Technician working on HVAC in an attic"
                  }
                ]
              }
            ]}
            title="Specialized heating and ventilation services"
            description="Prizm Heating & Ventilation provides residential ductwork, ventilation, and heat pump support services for homeowners across Greater Victoria. Every installation is planned carefully, executed cleanly, and finished with attention to detail."
            buttons={[
              {
                text: "See All Services",                href: "/services"
              }
            ]}
          />
        </div>

        <div id="footer" data-section="footer">
            <FooterLogoEmphasis
            columns={[
                {
                items: [
                    {
                    label: "Home",                    href: "/"},
                    {
                    label: "Services",                    href: "/services"},
                    {
                    label: "About",                    href: "/about"},
                    {
                    label: "Reviews",                    href: "#reviews"},
                    {
                    label: "Contact",                    href: "#contact"},
                ],
                },
                {
                items: [
                    {
                    label: "Greater Victoria, BC",                    href: "#"},
                    {
                    label: "Phone: (XXX) XXX-XXXX",                    href: "tel:XXX-XXX-XXXX"},
                    {
                    label: "Email: info@prizmhvac.com",                    href: "mailto:info@prizmhvac.com"},
                    {
                    label: "Hours: Mon-Fri, 8 AM - 5 PM",                    href: "#"},
                ],
                },
            ]}
            logoText="Prizm Heating & Ventilation"
            />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
