"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
          navItems={navItems}
          brandName="Dennis King"
          button={{ text: "Call Now", href: "tel:+441904000000" }}
        />
      </div>

      {/* Services Grid Section */}
      <div id="services-detail" data-section="services-detail">
        <FeatureCardMedia
          title="Comprehensive Electrical Services"
          description="From rewires to EV charger installations, we offer complete domestic electrical solutions for York homeowners."
          tag="Our Services"
          features={[
            {
              id: "rewires",
              title: "Full & Partial Rewires",
              description: "Complete electrical system upgrades for older properties or partial rewiring for specific areas.",
              tag: "Rewiring",
              imageSrc: "http://img.b2bpic.net/free-photo/electrician-working-near-board-with-wires-installation-connection-electrics_169016-5875.jpg",
              imageAlt: "Electrical rewiring work",
            },
            {
              id: "consumer-unit",
              title: "Consumer Unit Upgrades",
              description: "Modern fuse board replacements and upgrades to meet current safety standards.",
              tag: "Safety",
              imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-installation-connection-electrical-equipment_169016-5073.jpg",
              imageAlt: "Consumer unit installation",
            },
            {
              id: "lighting",
              title: "Lighting Installations",
              description: "Indoor and outdoor lighting solutions, from ambient home lighting to landscape illumination.",
              tag: "Lighting",
              imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-embroidered-shirt_23-2149394271.jpg",
              imageAlt: "Modern lighting installation",
            },
            {
              id: "ev-charger",
              title: "EV Charger Installation",
              description: "Professional installation of electric vehicle charging points at your home.",
              tag: "EV Charging",
              imageSrc: "http://img.b2bpic.net/free-photo/close-view-man-plugging-charger-into-electric-car-charging-port_1268-21379.jpg",
              imageAlt: "EV charger installation",
            },
            {
              id: "fault-finding",
              title: "Electrical Fault Finding",
              description: "Expert diagnostics to identify and resolve electrical issues safely and efficiently.",
              tag: "Diagnosis",
              imageSrc: "http://img.b2bpic.net/free-photo/electrician-working_53876-16064.jpg",
              imageAlt: "Electrical fault diagnosis",
            },
            {
              id: "eicr",
              title: "EICR Safety Inspections",
              description: "Comprehensive electrical safety inspections and certification reports for peace of mind.",
              tag: "Inspection",
              imageSrc: "http://img.b2bpic.net/free-photo/solar-panel-manufacturing-plant-researcher-taking-notes-files_482257-125791.jpg",
              imageAlt: "EICR inspection work",
            },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[{ text: "Get a Quote", href: "/contact" }]}
        />
      </div>

      {/* Contact CTA Section */}
      <div id="contact-cta" data-section="contact-cta">
        <ContactCTA
          tag="Next Steps"
          title="Ready to Schedule Your Service?"
          description="Contact our team today to discuss your electrical needs. We provide free quotations for all services and can arrange convenient appointment times."
          buttons={[
            { text: "Call 01904 000000", href: "tel:+441904000000" },
            { text: "Request Quote", href: "/contact" },
          ]}
          background={{ variant: "animated-grid" }}
          useInvertedBackground={true}
        />
      </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>
  );
}