"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import { Zap } from "lucide-react";

export default function ServicesPage() {
  const navItems = [
    { name: "Home", id: "home" },
    { name: "Services", id: "services" },
    { name: "About", id: "about" },
    { name: "Reviews", id: "reviews" },
    { name: "Contact", id: "contact" },
  ];

  const navButton = {
    text: "Call Now",
    href: "tel:+15194441234",
  };

  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="compact"
      sizing="mediumLargeSizeMediumTitles"
      background="noise"
      cardStyle="soft-shadow"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      {/* Navbar */}
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={navItems}
          button={navButton}
          brandName="Local Electric"
        />
      </div>

      {/* Services Cards */}
      <div id="services" data-section="services">
        <FeatureCardMedia
          title="Residential Electrical Services"
          description="From emergency repairs to complete home upgrades, we handle all your electrical needs with professionalism and care."
          features={[
            {
              id: "1",
              title: "Electrical Repairs",
              description: "Flickering lights, dead outlets, circuit breaker issues — we diagnose and fix any electrical problem quickly. Emergency service available 24/7.",
              tag: "Emergency Ready",
              imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-with-electrician-s-tools-accessories_169016-24022.jpg",
              imageAlt: "Electrician performing residential electrical repair",
            },
            {
              id: "2",
              title: "Lighting Installation",
              description: "Transform your home with professional indoor and outdoor lighting installations. Upgrades, fixtures, dimming systems, and design consultation included.",
              tag: "Interior & Exterior",
              imageSrc: "http://img.b2bpic.net/free-photo/modern-decorative-lamps_23-2148164736.jpg",
              imageAlt: "Beautiful residential lighting installation",
            },
            {
              id: "3",
              title: "EV Charger Installation",
              description: "Safe, reliable home EV charging stations installed to code. We handle permits, inspections, and everything needed for Level 2 chargers.",
              tag: "Future Ready",
              imageSrc: "http://img.b2bpic.net/free-photo/electric-vehicle-parking_1127-3300.jpg",
              imageAlt: "EV charger installation at residential home",
            },
            {
              id: "4",
              title: "Renovation & Basement Wiring",
              description: "Complete wiring for bathrooms, basements, gyms, kitchens, and full home renovations. Code-compliant work with meticulous attention to detail.",
              tag: "Full Renos",
              imageSrc: "http://img.b2bpic.net/free-photo/electrician-with-tools-working-construction-site_169016-5293.jpg",
              imageAlt: "Electrician working on basement renovation wiring",
            },
            {
              id: "5",
              title: "Panel Upgrades",
              description: "Modernize your electrical panel for safety and capacity. We handle all upgrades to current code standards with full inspections.",
              tag: "Safety Upgrade",
              imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-installation-connection-electrical-equipment_169016-5073.jpg",
              imageAlt: "Electrical panel upgrade and inspection",
            },
            {
              id: "6",
              title: "Hot Tub & Outdoor Wiring",
              description: "Expert installation for hot tubs, outdoor kitchens, pool equipment, and landscape lighting. All work done safely and to code.",
              tag: "Outdoor Living",
              imageSrc: "http://img.b2bpic.net/free-photo/electrician-builder-work-servicing-fuselage-industrial-switchboard-professional-overalls-with-electrician-s-tool_169016-8634.jpg",
              imageAlt: "Hot tub electrical wiring installation",
            },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      {/* CTA Section */}
      <div id="cta" data-section="cta">
        <ContactCTA
          tag="Ready to Get Started?"
          tagIcon={Zap}
          title="Need a Reliable Electrician You Can Trust?"
          description="Call Local Electric today for fast service in London, Ontario. Emergency calls welcome. Honest pricing, professional work, every time."
          buttons={[
            { text: "Call (519) 444-1234", href: "tel:+15194441234" },
            { text: "Request a Quote", href: "/contact" },
          ]}
          background={{ variant: "noise" }}
          useInvertedBackground={false}
        />
      </div>

      {/* Footer */}
      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="Local Electric"
          columns={[
            {
              items: [
                { label: "Home", href: "/" },
                { label: "Services", href: "/services" },
                { label: "About", href: "/about" },
              ],
            },
            {
              items: [
                { label: "Reviews", href: "/reviews" },
                { label: "Contact", href: "/contact" },
                { label: "Emergency Service", href: "tel:+15194441234" },
              ],
            },
            {
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "License & Insurance", href: "#" },
              ],
            },
          ]}
        />
      </div>
    </ThemeProvider>
  );
}