"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import MediaAbout from "@/components/sections/about/MediaAbout";
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import Link from "next/link";
import { Star, MessageSquare } from "lucide-react";

export default function AboutPage() {
  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="about" data-section="about">
        <MediaAbout
          title="About ELECTRIC SOUL"
          description="For over a decade, ELECTRIC SOUL has been the trusted electrical service provider for Buenos Aires residents and businesses. We're committed to delivering professional, reliable, and safe electrical solutions with unmatched customer service and fair transparent pricing."
          tag="Our Story"
          buttons={[
            { text: "Contact Us", href: "#contact" },
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses_169016-24410.jpg?_wi=2"
          imageAlt="ELECTRIC SOUL professional team"
          useInvertedBackground={false}
          tagAnimation="slide-up"
          buttonAnimation="slide-up"
        />
      </div>

      <div id="experience" data-section="experience">
        <MetricCardSeven
          title="Our Track Record"
          description="Years of dedication to electrical excellence and customer satisfaction in Buenos Aires."
          tag="Experience"
          tagIcon={Star}
          metrics={[
            {
              id: "1",
              value: "15+",
              title: "Years of Service",
              items: ["Since 2009", "Continuous operation", "Growing team"],
            },
            {
              id: "2",
              value: "5000+",
              title: "Projects Completed",
              items: ["Residential projects", "Commercial installations", "Emergency repairs"],
            },
            {
              id: "3",
              value: "4.9★",
              title: "Customer Rating",
              items: ["67+ verified reviews", "98% satisfaction rate", "Highly trusted"],
            },
            {
              id: "4",
              value: "100%",
              title: "Safety Record",
              items: ["Licensed professionals", "Certified work", "Insurance covered"],
            },
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="Trusted by Buenos Aires"
          description="Our customers consistently praise our professionalism, speed, and reliability. Read what they have to say about their experience with ELECTRIC SOUL."
          tag="Customer Reviews"
          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?_wi=7",
              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?_wi=8",
              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?_wi=9",
              imageAlt: "Claudia Mendoza",
            },
          ]}
          showRating={true}
          textboxLayout="default"
          animationType="scale-rotate"
          useInvertedBackground={true}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="http://img.b2bpic.net/free-photo/mechanic-working-workshop_1170-2528.jpg?_wi=3"
          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: "/" },
                { 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>
  );
}