"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import Link from "next/link";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Zap, Wrench, Clock } from 'lucide-react';

export default function PoolServicesPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="largeSmallSizeLargeTitles"
      background="blurBottom"
      cardStyle="gradient-mesh"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Precision Pools"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Pool Installation", id: "/pool-installation" },
            { name: "Liner Replacement", id: "/liner-replacement" },
            { name: "Pool Services", id: "/pool-services" },
            { name: "Reviews", id: "/reviews" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{
            text: "Call (716) 563-4603",            href: "tel:+17165634603"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogo
          logoText="Pool Services"
          description="Comprehensive pool maintenance and repair services. Keep your pool clean, safe, and running smoothly all season long."
          buttons={[
            { text: "Call Now (716) 563-4603", href: "tel:+17165634603" },
            { text: "Get Free Quote", href: "/contact" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/legs-skateboarder-preparing-ride_23-2147678296.jpg"
          imageAlt="Professional pool maintenance services"
          showDimOverlay={true}
        />
      </div>

      <div id="maintenance-services" data-section="maintenance-services">
        <FeatureCardTwentyFive
          title="Maintenance & Repair Services"
          description="Complete pool care solutions for every season"
          features={[
            {
              title: "Regular Pool Maintenance",              description: "Scheduled cleaning, chemical balancing, and equipment checks to keep your pool in perfect condition throughout the season.",              icon: Zap,
              mediaItems: [
                {
                  imageSrc: "https://img.b2bpic.net/free-photo/legs-skateboarder-preparing-ride_23-2147678296.jpg",                  imageAlt: "Regular pool maintenance service"
                },
                {
                  imageSrc: "https://img.b2bpic.net/free-photo/teenager-getting-out-from-bowl_23-2147678172.jpg",                  imageAlt: "Pool cleaning and care"
                }
              ]
            },
            {
              title: "Equipment Repair & Service",              description: "Expert repair and servicing of pumps, filters, and other pool equipment to ensure optimal performance and longevity.",              icon: Wrench,
              mediaItems: [
                {
                  imageSrc: "https://img.b2bpic.net/free-photo/legs-skateboarders-ramp_23-2147678199.jpg",                  imageAlt: "Pool equipment repair"
                },
                {
                  imageSrc: "https://img.b2bpic.net/free-photo/men-preparing-ride-skateboards_23-2147678227.jpg",                  imageAlt: "Professional equipment service"
                }
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="service-reliability" data-section="service-reliability">
        <MetricSplitMediaAbout
          tag="Service Excellence"
          tagIcon={Clock}
          title="Reliable Pool Care You Can Trust"
          description="Our maintenance programs are designed to prevent problems before they start. With regular service visits and proactive care, we help extend your pool's life while ensuring crystal-clear water all season long."
          metrics={[
            { value: "24/7", title: "Emergency Service" },
            { value: "3+", title: "Years Average Client" }
          ]}
          useInvertedBackground={true}
          imageSrc="https://img.b2bpic.net/free-photo/handsome-man-sitting-near-swimming-pool-with-luggage-bag-posing_23-2148221972.jpg"
          imageAlt="Reliable pool maintenance service"
          mediaAnimation="slide-up"
          metricsAnimation="slide-up"
        />
      </div>

      <FooterLogoEmphasis
        logoText="Precision Pools"
        columns={[
          {
            items: [
              { label: "Home", href: "/" },
              { label: "Pool Installation", href: "/pool-installation" },
              { label: "Liner Replacement", href: "/liner-replacement" }
            ]
          },
          {
            items: [
              { label: "Pool Services", href: "/pool-services" },
              { label: "Reviews", href: "/reviews" },
              { label: "Contact", href: "/contact" }
            ]
          },
          {
            items: [
              { label: "Tonawanda, NY 14150" },
              { label: "(716) 563-4603", href: "tel:+17165634603" },
              { label: "51 Fillmore Ave" }
            ]
          }
        ]}
      />
    </ThemeProvider>
  );
}