"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
import ContactSplit from "@/components/sections/contact/ContactSplit";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import Link from "next/link";
import { Wrench, Star, Phone } from "lucide-react";

export default function ServicesPage() {
  const navItems = [
    { name: "Services", id: "services" },
    { name: "Why Us", id: "whyus" },
    { name: "Reviews", id: "testimonials" },
    { name: "Contact", id: "contact" },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="mediumSmall"
      sizing="largeSmall"
      background="fluid"
      cardStyle="soft-shadow"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="ELECTRIC SOUL"
          navItems={navItems}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardSeven
          title="Complete Electrical Solutions"
          description="ELECTRIC SOUL offers comprehensive electrical services for residential and commercial properties throughout Buenos Aires. Each service is performed by certified professionals with years of experience."
          tag="Services"
          tagIcon={Wrench}
          features={[
            {
              id: 1,
              title: "Emergency Repairs",
              description: "24/7 emergency electrical repairs. We respond quickly to power outages, short circuits, and dangerous electrical issues. Our emergency team is always on call.",
              imageSrc: "http://img.b2bpic.net/free-photo/emergency-call-urgent-accidental-hotline-paramedic-concept_53876-125088.jpg",
            },
            {
              id: 2,
              title: "Electrical Installations",
              description: "Professional installation of lighting, outlets, switches, and complete wiring systems for new construction or renovation projects. We handle residential and commercial installations.",
              imageSrc: "http://img.b2bpic.net/free-photo/electrician-wiring-panel-electrical-installation-work-cable-connection_169016-68356.jpg",
            },
            {
              id: 3,
              title: "Circuit Breaker Repairs",
              description: "Expert diagnosis and repair of circuit breaker issues. We ensure your electrical system is safe and functioning properly. Preventive maintenance available.",
              imageSrc: "http://img.b2bpic.net/free-photo/electrical-panel-electric-meter-circuit-breakers-electric-frequency-converter-motor-speed-controller-rework-station_627829-10694.jpg",
            },
          ]}
          textboxLayout="default"
          animationType="blur-reveal"
          useInvertedBackground={true}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="whyus" data-section="whyus">
        <MetricCardSeven
          title="Why Our Services Stand Out"
          description="We deliver exceptional electrical solutions backed by professional expertise, reliability, and customer satisfaction."
          tag="Our Advantage"
          tagIcon={Star}
          metrics={[
            {
              id: "1",
              value: "24/7",
              title: "Always Available",
              items: ["Emergency service anytime", "Night and weekend availability", "Same-day service options"],
            },
            {
              id: "2",
              value: "Certified",
              title: "Professional Team",
              items: ["Licensed electricians", "Safety certified", "Continuous training"],
            },
            {
              id: "3",
              value: "100%",
              title: "Warranty",
              items: ["All work guaranteed", "Quality materials", "Peace of mind"],
            },
            {
              id: "4",
              value: "Fair",
              title: "Transparent Pricing",
              items: ["No hidden charges", "Free estimates", "Competitive rates"],
            },
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="finalcta" data-section="finalcta">
        <ContactSplit
          tag="Schedule Service"
          title="Ready to Schedule Your Service?"
          description="Contact ELECTRIC SOUL today to book your electrical service. We offer flexible scheduling and emergency same-day appointments available."
          tagIcon={Phone}
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/electrician-wiring-panel-electrical-installation-work-cable-connection_169016-68356.jpg"
          mediaPosition="right"
          mediaAnimation="slide-up"
          inputPlaceholder="Your email"
          buttonText="Request Quote"
          termsText="We'll contact you within 1 hour during business hours or respond to your emergency immediately."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="http://img.b2bpic.net/free-photo/mechanic-working-workshop_1170-2528.jpg"
          imageAlt="Professional electrical work"
          logoText="ELECTRIC SOUL"
          copyrightText="© 2025 ELECTRIC SOUL - 24/7 Emergency Electrician Buenos Aires"
          columns={[
            {
              title: "Services",
              items: [
                { label: "Emergency Repairs", href: "#services" },
                { label: "Installations", href: "#services" },
                { label: "Panel Upgrades", href: "#services" },
                { label: "Lighting", href: "#services" },
              ],
            },
            {
              title: "Contact",
              items: [
                { label: "Call: 011 4188-2761", href: "tel:+541141882761" },
                { label: "WhatsApp", href: "https://wa.me/5491141882761" },
                { label: "Emergency Service", href: "#finalcta" },
                { label: "C1414, Buenos Aires", href: "#" },
              ],
            },
            {
              title: "Company",
              items: [
                { label: "About Us", href: "/about" },
                { label: "Our Reviews", href: "/" },
                { label: "Service Areas", href: "/services" },
                { label: "Privacy Policy", href: "#" },
              ],
            },
          ]}
        />
      </div>
    </ThemeProvider>
  );
}