"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import HeroLogoBillboardSplit from "@/components/sections/hero/HeroLogoBillboardSplit";
import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
import FeatureCardTwelve from "@/components/sections/feature/FeatureCardTwelve";
import AboutMetric from "@/components/sections/about/AboutMetric";
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import ContactCenter from "@/components/sections/contact/ContactCenter";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
import { Star, Clock, CheckCircle, Shield, Zap, Users, Heart, Award } from "lucide-react";

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

  const handleContactSubmit = (email: string) => {
    console.log("Contact form submitted with:", email);
  };

  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="small"
      sizing="largeSmallSizeLargeTitles"
      background="blurBottom"
      cardStyle="gradient-radial"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="semibold"
    >
      {/* Navbar */}
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={navItems}
          button={{
            text: "Call Now",            href: "tel:(760) 518-5912"}}
          brandName="All Pro Electric"
        />
      </div>

      {/* Hero Section */}
      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplit
          logoText="ALL PRO ELECTRIC"
          description="Trusted Electrician in Escondido – Fast, Reliable Electrical Service. Residential & EV Charger Electrical Services Available 24/7."
          background={{ variant: "radial-gradient" }}
          buttons={[
            {
              text: "Call Now: (760) 518-5912",              href: "tel:(760) 518-5912"},
            {
              text: "Get Free Quote",              href: "/contact"},
          ]}
          layoutOrder="default"
          imageSrc="http://img.b2bpic.net/free-photo/manual-work-switchboard-electrical-installation-cable-connection_169016-68257.jpg"
          imageAlt="Professional electrician working on electrical panel"
          frameStyle="card"
          mediaAnimation="slide-up"
          buttonAnimation="slide-up"
          ariaLabel="All Pro Electric hero section"
        />
      </div>

      {/* Trust Bar - Metrics */}
      <div id="trust-bar" data-section="trust-bar">
        <MetricCardThree
          title="Why Homeowners Choose All Pro Electric"
          description="Industry-leading expertise and customer satisfaction metrics"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          metrics={[
            {
              id: "1",              icon: Star,
              title: "5.0 Stars",              value: "21+ Reviews"},
            {
              id: "2",              icon: Clock,
              title: "Fast Response",              value: "24/7 Available"},
            {
              id: "3",              icon: CheckCircle,
              title: "Licensed",              value: "Fully Insured"},
            {
              id: "4",              icon: Shield,
              title: "Quality",              value: "Efficient"},
          ]}
          cardClassName="line-clamp-none overflow-visible whitespace-normal"
          metricTitleClassName="line-clamp-none overflow-visible whitespace-normal"
          valueClassName="line-clamp-none overflow-visible whitespace-normal"
        />
      </div>

      {/* Services Section */}
      <div id="services" data-section="services">
        <FeatureCardTwelve
          title="Electrical Services We Provide"
          description="All work backed by our satisfaction guarantee and licensed professionals. Comprehensive electrical solutions for your home and business."
          tag="Our Services"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          features={[
            {
              id: "repairs",              label: "Repairs",              title: "Emergency & Routine Electrical Repairs",              items: [
                "Circuit breaker troubleshooting",                "Power outage diagnosis",                "Faulty wiring repair",                "Burning smell investigation",                "Flickering lights fix"],
              buttons: [
                {
                  text: "Learn More",                  href: "#"},
              ],
            },
            {
              id: "ev-charger",              label: "EV Charger",              title: "Professional EV Charger Installation",              items: [
                "Level 2 home charging installation",                "Code-compliant setup",                "Home charging optimization",                "Electric vehicle readiness",                "Future-proof infrastructure"],
              buttons: [
                {
                  text: "Get Quote",                  href: "/contact"},
              ],
            },
            {
              id: "lighting",              label: "Lighting",              title: "Modern Lighting Solutions",              items: [
                "Pendant light installation",                "Recessed lighting design",                "Outdoor security lighting",                "Accent lighting effects",                "Energy-efficient upgrades"],
              buttons: [
                {
                  text: "Schedule Service",                  href: "/contact"},
              ],
            },
            {
              id: "panels",              label: "Upgrades",              title: "Electrical Panel & Capacity Upgrades",              items: [
                "Panel replacement service",                "Increased electrical capacity",                "Safety system upgrades",                "Modern code compliance",                "Future expansion ready"],
              buttons: [
                {
                  text: "Request Inspection",                  href: "/contact"},
              ],
            },
          ]}
        />
      </div>

      {/* Why Choose Section */}
      <div id="why-choose" data-section="why-choose">
        <AboutMetric
          title="Why Choose All Pro Electric: The Escondido Electrician Trusted by Homeowners"
          useInvertedBackground={false}
          metricsAnimation="slide-up"
          metrics={[
            {
              icon: Zap,
              label: "Fast Response Times",              value: "Same-Day Service"},
            {
              icon: Users,
              label: "Expert Team",              value: "10+ Years"},
            {
              icon: Heart,
              label: "Customer Focused",              value: "100% Satisfaction"},
            {
              icon: Award,
              label: "Quality Craftsmanship",              value: "Code Compliant"},
          ]}
        />
      </div>

      {/* Testimonials Section */}
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Our Customers Say"
          description="Real feedback from homeowners and businesses we've served"
          tag="5-Star Reviews"
          textboxLayout="default"
          useInvertedBackground={false}
          testimonials={[
            {
              id: "1",              name: "Sarah Johnson, Homeowner",              date: "Date: January 15, 2025",              title: "Excellent Service and Attention to Detail",              quote: "Daniel installed our EV charger perfectly and explained everything. His work was done quickly with great attention to detail. Highly recommend them for their prompt service and expertise.",              tag: "EV Charger Installation",              avatarSrc: "http://img.b2bpic.net/free-photo/happy-businessman-with-smartphone-smiling-camera_23-2148112961.jpg",              avatarAlt: "Sarah Johnson",              imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-with-smartphone-smiling-camera_23-2148112961.jpg"},
            {
              id: "2",              name: "Michael Chen, Business Owner",              date: "Date: January 10, 2025",              title: "Professional and Friendly Service",              quote: "All Pro Electric handled our office electrical upgrade with professionalism and care. Daniel is super friendly and has a fantastic customer service-oriented attitude. Great communication throughout the project.",              tag: "Commercial Upgrade",              avatarSrc: "http://img.b2bpic.net/free-photo/dreamy-beautiful-woman-student-sitting-cafe-with-books-magazines-smiling-holding-phone-thinking_176420-12422.jpg",              avatarAlt: "Michael Chen",              imageSrc: "http://img.b2bpic.net/free-photo/dreamy-beautiful-woman-student-sitting-cafe-with-books-magazines-smiling-holding-phone-thinking_176420-12422.jpg"},
            {
              id: "3",              name: "Emily Rodriguez, Property Manager",              date: "Date: December 28, 2024",              title: "Reliable and Fast Response",              quote: "We needed emergency electrical repairs on a Sunday. All Pro Electric answered the call and fixed the issue quickly. They're our go-to electrician for our rental properties. Always professional and fair pricing.",              tag: "Emergency Repair",              avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-showing-thumb-up-sign-office_23-2147923405.jpg",              avatarAlt: "Emily Rodriguez",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-showing-thumb-up-sign-office_23-2147923405.jpg"},
            {
              id: "4",              name: "David Kim, Homeowner",              date: "Date: December 15, 2024",              title: "Quality Work and Clear Communication",              quote: "Had Daniel do a full lighting redesign in our new home. He explained options clearly and delivered exceptional results. The communication was top-notch and the pricing was transparent. Five stars!",              tag: "Lighting Design",              avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              avatarAlt: "David Kim",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"},
            {
              id: "5",              name: "Jennifer Martinez, EV Owner",              date: "Date: December 1, 2024",              title: "Expert EV Charger Installation",              quote: "Best decision getting All Pro Electric to install our Tesla charger. Daniel knew exactly what we needed and handled everything from permits to installation. Now charging at home has never been easier!",              tag: "EV Charger",              avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businesswoman-with-notebook-holding-her-diary-planner-sitting-office_1258-194721.jpg",              avatarAlt: "Jennifer Martinez",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businesswoman-with-notebook-holding-her-diary-planner-sitting-office_1258-194721.jpg"},
          ]}
        />
      </div>

      {/* Service Area Section */}
      <div id="service-area" data-section="service-area">
        <SocialProofOne
          title="Serving Escondido & North San Diego County"
          description="Fast, professional electrical service throughout these communities and surrounding areas"
          tag="Service Area"
          textboxLayout="default"
          useInvertedBackground={false}
          names={[
            "Escondido",            "San Marcos",            "Vista",            "Carlsbad",            "Oceanside",            "Rancho Bernardo",            "Ramona"]}
          speed={40}
          showCard={true}
          buttons={[
            {
              text: "Call for Service Today",              href: "tel:(760) 518-5912"},
          ]}
        />
      </div>

      {/* Contact CTA Section */}
      <div id="contact-cta" data-section="contact-cta">
        <ContactCenter
          tag="Ready to Get Started?"
          title="Need Electrical Help Today?"
          description="Call us now for immediate assistance or submit a quote request. We're available 24/7 for emergencies and routine service."
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={false}
          inputPlaceholder="Enter your phone number"
          buttonText="Request Service"
          termsText="We respect your privacy. Standard response time is within 1 hour during business hours."
          onSubmit={handleContactSubmit}
        />
      </div>

      {/* Footer */}
      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Company",              items: [
                { label: "Home", href: "/" },
                { label: "About", href: "/about" },
                { label: "Services", href: "/" },
                { label: "Contact", href: "/contact" },
              ],
            },
            {
              title: "Services",              items: [
                { label: "Electrical Repairs", href: "#repairs" },
                { label: "EV Charger Installation", href: "#ev-charger" },
                { label: "Lighting Installation", href: "#lighting" },
                { label: "Panel Upgrades", href: "#panels" },
              ],
            },
            {
              title: "Contact",              items: [
                { label: "Call: (760) 518-5912", href: "tel:(760) 518-5912" },
                {
                  label: "Email: info@allproelectric.com",                  href: "mailto:info@allproelectric.com"},
                {
                  label: "Address: E Valley Pkwy, Escondido, CA",                  href: "#"},
                {
                  label: "24/7 Emergency Service",                  href: "tel:(760) 518-5912"},
              ],
            },
          ]}
          copyrightText="© 2025 All Pro Electric | Licensed Electrician Escondido, CA | All Rights Reserved"
        />
      </div>
    </ThemeProvider>
  );
}