"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import HeroLogoBillboardSplit from "@/components/sections/hero/HeroLogoBillboardSplit";
import MediaAbout from "@/components/sections/about/MediaAbout";
import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
import ContactSplit from "@/components/sections/contact/ContactSplit";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import Link from "next/link";
import { Zap, Wrench, Star, MessageSquare, Phone, MapPin } from "lucide-react";

export default function HomePage() {
  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="hero" data-section="hero">
        <HeroLogoBillboardSplit
          logoText="ELECTRIC SOUL"
          description="Fast, reliable electrical services available 24/7 in Buenos Aires. Emergency repairs, installations, and professional solutions for your home and business."
          background={{ variant: "radial-gradient" }}
          buttons={[
            { text: "Call Now: 011 4188-2761", href: "tel:+541141882761" },
            { text: "WhatsApp Now", href: "https://wa.me/5491141882761" },
          ]}
          layoutOrder="default"
          imageSrc="http://img.b2bpic.net/free-photo/flat-lay-composition-with-electrician-s-tools-accessories_169016-24022.jpg"
          imageAlt="Professional electrician performing emergency repair"
          frameStyle="card"
          mediaAnimation="slide-up"
          buttonAnimation="slide-up"
        />
      </div>

      <div id="problemsolutions" data-section="problemsolutions">
        <MediaAbout
          title="When You Need Help Fast, We Respond"
          description="We understand electrical emergencies can't wait. Whether it's a power outage at night, a dangerous short circuit, or a faulty panel, ELECTRIC SOUL is here to help immediately with professional solutions and fair pricing."
          tag="Emergency Response"
          tagIcon={Zap}
          buttons={[
            { text: "Request Emergency Service", href: "#contact" },
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses_169016-24410.jpg"
          imageAlt="Emergency electrical repair in progress"
          useInvertedBackground={false}
          tagAnimation="slide-up"
          buttonAnimation="slide-up"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardSeven
          title="Our Services"
          description="Complete electrical solutions tailored to your needs. From emergency repairs to full installations, we handle it all with professionalism and expertise."
          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.",
              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.",
              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.",
              imageSrc: "http://img.b2bpic.net/free-photo/electrical-panel-electric-meter-circuit-breakers-electric-frequency-converter-motor-speed-controller-rework-station_627829-10694.jpg",
            },
            {
              id: 4,
              title: "Panel Upgrades",
              description: "Upgrade your electrical panel to handle modern power demands safely. Essential for older homes and businesses.",
              imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses_169016-51507.jpg",
            },
            {
              id: 5,
              title: "Lighting Installation",
              description: "Professional installation of indoor and outdoor lighting solutions. From simple fixtures to complete lighting systems.",
              imageSrc: "http://img.b2bpic.net/free-photo/man-servant-doing-chores-around-house_23-2149508115.jpg",
            },
            {
              id: 6,
              title: "Wiring & Fault Detection",
              description: "Comprehensive wiring installation and electrical fault detection using professional diagnostic equipment.",
              imageSrc: "http://img.b2bpic.net/free-photo/healthcare-expert-man-conducting-concussion-test-with-pen-light-cabinet-evaluating-woman_482257-135593.jpg",
            },
          ]}
          textboxLayout="default"
          animationType="blur-reveal"
          useInvertedBackground={true}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="whyus" data-section="whyus">
        <MetricCardSeven
          title="Why Choose ELECTRIC SOUL"
          description="We combine speed, professionalism, and reliability. Here's what sets us apart from the competition."
          tag="Our Advantage"
          tagIcon={Star}
          metrics={[
            {
              id: "1",
              value: "24/7",
              title: "Always Available",
              items: ["Emergency service anytime", "No weekend surcharge", "Night calls welcome"],
            },
            {
              id: "2",
              value: "4.9★",
              title: "Highly Rated",
              items: ["67+ verified reviews", "Customer satisfaction focus", "Professional service"],
            },
            {
              id: "3",
              value: "Fast",
              title: "Quick Response",
              items: ["Rapid assessment", "Efficient solutions", "Minimal downtime"],
            },
            {
              id: "4",
              value: "Fair",
              title: "Transparent Pricing",
              items: ["No hidden fees", "Clear explanations", "Quality work"],
            },
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="What Our Customers Say"
          description="Don't just take our word for it. Read real reviews from Buenos Aires homeowners and businesses we've helped."
          tag="Testimonials"
          tagIcon={MessageSquare}
          testimonials={[
            {
              id: "1",
              name: "María García",
              handle: "@mariag2024",
              testimonial: "Called at 11 PM during a complete power outage. They arrived in 30 minutes and fixed the issue within an hour. Professional and fair price!",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-businessman-leaning-knees_1262-5774.jpg",
              imageAlt: "María García",
            },
            {
              id: "2",
              name: "Roberto Fernández",
              handle: "@robertof_palermo",
              testimonial: "Excellent service for our office lighting installation. The team was knowledgeable and explained everything clearly. Highly recommended!",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-businessman-leaning-knees_1262-5774.jpg",
              imageAlt: "Roberto Fernández",
            },
            {
              id: "3",
              name: "Claudia Mendoza",
              handle: "@claudiam_home",
              testimonial: "My circuit breaker kept tripping. They diagnosed the problem immediately and fixed it with a clear explanation of what was wrong.",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-businessman-leaning-knees_1262-5774.jpg",
              imageAlt: "Claudia Mendoza",
            },
            {
              id: "4",
              name: "Diego Ruiz",
              handle: "@diego_bsas",
              testimonial: "Emergency call at 2 AM. They answered, came quickly, and solved the problem. Fast, professional, and honest pricing. Thank you!",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-businessman-leaning-knees_1262-5774.jpg",
              imageAlt: "Diego Ruiz",
            },
            {
              id: "5",
              name: "Alejandra López",
              handle: "@alelopez_apt",
              testimonial: "Best electrician in Buenos Aires. They completed our panel upgrade on time and answered all my safety questions.",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-businessman-leaning-knees_1262-5774.jpg",
              imageAlt: "Alejandra López",
            },
            {
              id: "6",
              name: "Carlos Vega",
              handle: "@carlosvega_work",
              testimonial: "Used their services for our building. Reliable, professional, and they coordinate well with property management. Worth every peso.",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-businessman-leaning-knees_1262-5774.jpg",
              imageAlt: "Carlos Vega",
            },
          ]}
          showRating={true}
          textboxLayout="default"
          animationType="scale-rotate"
          useInvertedBackground={true}
        />
      </div>

      <div id="finalcta" data-section="finalcta">
        <ContactSplit
          tag="Contact Us Now"
          title="Need an Electrician Right Now?"
          description="Don't wait for your electrical problem to become dangerous. Contact ELECTRIC SOUL immediately for fast, professional help."
          tagIcon={Phone}
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/flat-lay-composition-with-electrician-s-tools-accessories_169016-24022.jpg"
          mediaPosition="right"
          mediaAnimation="slide-up"
          inputPlaceholder="Your email"
          buttonText="Request Service"
          termsText="We'll respond to your emergency request within 30 minutes. Available 24/7."
        />
      </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: "#testimonials" },
                { label: "Service Areas", href: "/services" },
                { label: "Privacy Policy", href: "#" },
              ],
            },
          ]}
        />
      </div>
    </ThemeProvider>
  );
}