"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import Link from "next/link";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import { Zap, Droplets, Flame, AlertCircle, Wrench, Zap as PipeIcon } from "lucide-react";

const navItems = [
  { name: "Home", id: "home" },
  { name: "Services", id: "services" },
  { name: "About", id: "about" },
  { name: "FAQ", id: "faq" },
  { name: "Contact", id: "contact" },
];

const footerColumns = [
  {
    title: "Services",    items: [
      { label: "Emergency Plumbing", href: "/services" },
      { label: "Water Heater Repair", href: "/services" },
      { label: "Heating & Furnace", href: "/services" },
      { label: "Drain Issues", href: "/services" },
    ],
  },
  {
    title: "Company",    items: [
      { label: "About Us", href: "/" },
      { label: "Contact", href: "#contact" },
      { label: "FAQ", href: "/" },
      { label: "Service Areas", href: "#" },
    ],
  },
  {
    title: "Legal",    items: [
      { label: "Privacy Policy", href: "#" },
      { label: "Terms of Service", href: "#" },
      { label: "Licenses & Certifications", href: "#" },
      { label: "Contact Us", href: "#contact" },
    ],
  },
];

export default function ServicesPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="medium"
      background="noise"
      cardStyle="soft-shadow"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={navItems}
          button={{
            text: "Request Service",            href: "#contact"
          }}
          brandName="Schneider Plumbing & Heating"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTwentySix
          title="Our Services"
          description="Complete plumbing and heating solutions for your home. Fast, professional, and affordable."
          tag="Services"
          features={[
            {
              title: "Emergency Plumbing Repair",              description: "24/7 emergency response for burst pipes, leaks, and urgent problems.",              imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990727.jpg",              imageAlt: "Emergency repair",              buttonIcon: Zap,
            },
            {
              title: "Water Heater Repair & Installation",              description: "Professional installation and repair of all water heater types and brands.",              imageSrc: "http://img.b2bpic.net/free-vector/waters-supply-plumbing-service-isomertic-banners_1284-17769.jpg",              imageAlt: "Water heater",              buttonIcon: Droplets,
            },
            {
              title: "Furnace & Heating Repair",              description: "Expert heating system repair and maintenance to keep your home warm.",              imageSrc: "http://img.b2bpic.net/free-photo/engineer-assembling-hvac-unit-manometers_482257-92713.jpg",              imageAlt: "Heating system",              buttonIcon: Flame,
            },
            {
              title: "Drain & Pipe Issues",              description: "Professional drain cleaning and pipe repair using modern equipment.",              imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721547.jpg",              imageAlt: "Drain service",              buttonIcon: PipeIcon,
            },
            {
              title: "Gas Line Inspections",              description: "Safety inspections and maintenance of residential gas lines and appliances.",              imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-carpenter-working-with-experienced-man_329181-15627.jpg",              imageAlt: "Gas inspection",              buttonIcon: AlertCircle,
            },
            {
              title: "Plumbing Installation",              description: "New plumbing installations and comprehensive residential plumbing services.",              imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-as-plumber_23-2150746297.jpg?_wi=1",              imageAlt: "Installation",              buttonIcon: Wrench,
            },
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-working-as-plumber_23-2150746297.jpg?_wi=2"
          imageAlt="Schneider Plumbing team"
          columns={footerColumns}
          logoText="Schneider Plumbing & Heating"
          copyrightText="© 2025 Schneider Plumbing & Heating. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}