"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterCard from "@/components/sections/footer/FooterCard";
import { Facebook, Twitter } from "lucide-react";

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

export default function ServicesPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="smallMedium"
      sizing="large"
      background="grid"
      cardStyle="glass-elevated"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="extrabold"
    >
      {/* Navbar */}
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Dennis King"
          navItems={navItems}
          button={{ text: "Call Now", href: "tel:+441904000000" }}
        />
      </div>

      {/* Services Overview Section */}
      <div id="services-overview" data-section="services-overview">
        <FeatureCardMedia
          title="Our Complete Range of Electrical Services"
          description="Dennis King Electrical provides comprehensive domestic electrical services for York homeowners. From routine maintenance to major installations, our qualified team handles all your electrical needs with professionalism and expertise."
          tag="Our Services"
          features={[
            {
              id: "rewires",
              title: "Full & Partial Rewires",
              description:
                "Complete electrical system upgrades for older properties or partial rewiring for specific areas. Perfect for homes needing modernization or renovation work.",
              tag: "Rewiring",
              imageSrc:
                "http://img.b2bpic.net/free-photo/electrician-working-near-board-with-wires-installation-connection-electrics_169016-5875.jpg?_wi=2",
              imageAlt: "Electrical rewiring work",
            },
            {
              id: "consumer-unit",
              title: "Consumer Unit Upgrades",
              description:
                "Modern fuse board replacements and upgrades to meet current safety standards. Improve safety and capacity for modern electrical demands.",
              tag: "Safety",
              imageSrc:
                "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-installation-connection-electrical-equipment_169016-5073.jpg?_wi=3",
              imageAlt: "Consumer unit installation",
            },
            {
              id: "lighting",
              title: "Lighting Installations",
              description:
                "Indoor and outdoor lighting solutions, from ambient home lighting to landscape illumination. Transform your space with beautiful, functional lighting.",
              tag: "Lighting",
              imageSrc:
                "http://img.b2bpic.net/free-photo/young-woman-wearing-embroidered-shirt_23-2149394271.jpg?_wi=2",
              imageAlt: "Modern lighting installation",
            },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[{ text: "Request Quote", href: "/contact" }]}
        />
      </div>

      {/* Specialized Services Section */}
      <div id="specialized-services" data-section="specialized-services">
        <FeatureCardMedia
          title="Specialized Electrical Solutions"
          description="Beyond standard installations, we offer specialized services for modern home requirements and electrical challenges."
          tag="Specialized"
          features={[
            {
              id: "ev-charger",
              title: "EV Charger Installation",
              description:
                "Professional installation of electric vehicle charging points at your home. Fast, safe, and compliant with latest regulations.",
              tag: "EV Charging",
              imageSrc:
                "http://img.b2bpic.net/free-photo/close-view-man-plugging-charger-into-electric-car-charging-port_1268-21379.jpg?_wi=2",
              imageAlt: "EV charger installation",
            },
            {
              id: "fault-finding",
              title: "Electrical Fault Finding",
              description:
                "Expert diagnostics to identify and resolve electrical issues safely and efficiently. We solve complex electrical problems.",
              tag: "Diagnosis",
              imageSrc:
                "http://img.b2bpic.net/free-photo/electrician-working_53876-16064.jpg?_wi=3",
              imageAlt: "Electrical fault diagnosis",
            },
            {
              id: "eicr",
              title: "EICR Safety Inspections",
              description:
                "Comprehensive electrical safety inspections and certification reports for peace of mind. Essential for lettings and property sales.",
              tag: "Inspection",
              imageSrc:
                "http://img.b2bpic.net/free-photo/solar-panel-manufacturing-plant-researcher-taking-notes-files_482257-125791.jpg?_wi=2",
              imageAlt: "EICR inspection work",
            },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          buttons={[{ text: "Get In Touch", href: "/contact" }]}
        />
      </div>

      {/* CTA Section */}
      <div id="services-cta" data-section="services-cta">
        <ContactCTA
          tag="Need an Electrician?"
          title="Get Professional Help Today"
          description="Contact Dennis King Electrical for a free quotation on any of our services. Our experienced team is ready to discuss your electrical needs and provide solutions tailored to your home."
          buttons={[
            { text: "Call 01904 000000", href: "tel:+441904000000" },
            { text: "Contact Form", href: "/contact" },
          ]}
          background={{ variant: "animated-grid" }}
          useInvertedBackground={false}
        />
      </div>

      {/* Footer */}
      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Dennis King Electrical"
          copyrightText="© 2025 Dennis King Electrical Limited. All rights reserved."
          socialLinks={[
            {
              icon: Facebook,
              href: "https://facebook.com",
              ariaLabel: "Facebook",
            },
            {
              icon: Twitter,
              href: "https://twitter.com",
              ariaLabel: "Twitter",
            },
          ]}
        />
      </div>
    </ThemeProvider>
  );
}