"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterCard from '@/components/sections/footer/FooterCard';
import { CheckCircle, Heart, Mail, MapPin, Phone, Zap } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="compact"
      sizing="large"
      background="none"
      cardStyle="inset"
      primaryButtonStyle="flat"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Daylight Electrical"
          navItems={[
            { name: "Services", id: "services" },
            { name: "Why Us", id: "why-us" },
            { name: "Reviews", id: "reviews" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Call Now", href: "tel:+19155551234" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitDualMedia
          title="Power You Can Trust. Service You Can Count On."
          description="Daylight Electrical Contractors delivers fast, professional electrical solutions for homeowners across the El Paso area — from EV charger installations to emergency repairs. Licensed, insured, and built on Martin's reputation for expertise and honest pricing."
          background={{ variant: "plain" }}
          tag="Fast Response • Expert Diagnosis • Honest Pricing"
          tagIcon={Zap}
          tagAnimation="slide-up"
          buttons={[
            { text: "Get a Free Quote", href: "#contact" },
            { text: "Call Now", href: "tel:+19155551234" }
          ]}
          buttonAnimation="slide-up"
          mediaItems={[
            {
              imageSrc: "http://img.b2bpic.net/free-photo/electrician-builder-work-examines-cable-connection-electrical-line-fuselage-industrial-switchboard-professional-overalls-with-electrician-s-tool_169016-8632.jpg",              imageAlt: "Professional electrician installing electrical outlet"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/vintage-light-lamp_1203-3090.jpg",              imageAlt: "Modern home interior with professional lighting"
            }
          ]}
          mediaAnimation="blur-reveal"
          rating={5}
          ratingText="5-Star Rated | 50+ Happy Customers"
          ariaLabel="Daylight Electrical Contractors hero section"
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          names={[
            "Trusted by El Paso Homeowners",            "5-Star Rated Professional",            "Fast Emergency Response",            "Licensed & Insured Contractor",            "Honest Fair Pricing",            "Expert Electrical Solutions"
          ]}
          title="Trusted by Homeowners Across El Paso"
          description="Martin and Daylight Electrical are known for fast response times, professional expertise, and going above and beyond for customers. Whether it's routine maintenance or emergency repairs, we're here when you need us."
          tag="Customer Testimonials"
          tagAnimation="slide-up"
          buttons={[{ text: "Read More Reviews", href: "#reviews" }]}
          buttonAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          speed={40}
          showCard={true}
          ariaLabel="Social proof and trust section"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTwentySeven
          title="Electrical Services Done Right the First Time"
          description="From EV charger installations to emergency repairs, Daylight Electrical handles it all with precision and professionalism. Fast diagnosis, honest pricing, and clean workmanship every time."
          tag="Our Services"
          tagIcon={Zap}
          tagAnimation="slide-up"
          features={[
            {
              id: "ev-charger",              title: "EV Charger Installation",              descriptions: [
                "Tesla and electric vehicle charging setup",                "NEMA 14-50 outlets and 240v circuits",                "Safe, fast installation by licensed electrician"
              ],
              imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-charging-electric-car_23-2149530108.jpg",              imageAlt: "Tesla EV charger installation"
            },
            {
              id: "troubleshooting",              title: "Electrical Troubleshooting",              descriptions: [
                "Expert diagnosis of electrical problems",                "Breaker issues, power outages, wiring faults",                "Overloaded circuits identified and fixed"
              ],
              imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-24053.jpg",              imageAlt: "Electrician diagnosing electrical problem"
            },
            {
              id: "panel-repair",              title: "Panel & Breaker Repair",              descriptions: [
                "Safe electrical panel maintenance and upgrades",                "Breaker replacement and circuit installation",                "Overloaded circuit solutions"
              ],
              imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses_169016-24583.jpg",              imageAlt: "Electrical panel breaker installation"
            },
            {
              id: "outlet-wiring",              title: "Outlet & Wiring Installation",              descriptions: [
                "New outlets and dedicated circuits",                "Kitchen appliance circuits and induction stove wiring",                "Professional installation with clean workmanship"
              ],
              imageSrc: "http://img.b2bpic.net/free-photo/electrician-construction-worker-overalls-with-drill-installation-sockets-home-renovation-concept_169016-7331.jpg",              imageAlt: "Modern electrical outlet installation"
            },
            {
              id: "emergency",              title: "Emergency Repairs",              descriptions: [
                "Fast response, even after hours",                "Power outages and electrical hazards",                "24/7 availability for urgent issues"
              ],
              imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-holding-alarm-clock-looking-camera-slyly_141793-28665.jpg",              imageAlt: "Emergency electrician service"
            },
            {
              id: "solar",              title: "Solar Electrical Work",              descriptions: [
                "Residential solar system installation wiring",                "Electrical integration for solar panels",                "Safe, professional solar electrical setup"
              ],
              imageSrc: "http://img.b2bpic.net/free-photo/man-with-white-helmet-near-solar-panel_1157-29995.jpg",              imageAlt: "Solar panel electrical installation"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          ariaLabel="Electrical services section"
        />
      </div>

      <div id="why-daylight" data-section="why-daylight">
        <TestimonialAboutCard
          tag="Why Choose Daylight"
          tagAnimation="slide-up"
          title="Why Homeowners Trust Daylight Electrical Contractors"
          description="Martin's personal commitment to honest work, clear communication, and customer satisfaction has built Daylight's reputation. Every project reflects the same values: fast response, expert diagnosis, fair pricing, and quality installation."
          subdescription="From the moment you call, you're working with someone who genuinely cares about solving your electrical problem correctly — no shortcuts, no surprises, just honest professional service."
          icon={Heart}
          imageSrc="http://img.b2bpic.net/free-photo/portrait-male-car-mechanic-car-repair-shop_23-2150367539.jpg"
          imageAlt="Martin, owner of Daylight Electrical Contractors"
          mediaAnimation="blur-reveal"
          useInvertedBackground={false}
          ariaLabel="About Daylight Electrical section"
        />
      </div>

      <div id="reviews" data-section="reviews">
        <TestimonialCardOne
          title="Real Reviews From Real Customers"
          description="See why homeowners across El Paso trust Daylight Electrical Contractors for their electrical needs."
          tag="Customer Testimonials"
          tagAnimation="slide-up"
          testimonials={[
            {
              id: "1",              name: "Denny Azani",              role: "Homeowner",              company: "El Paso, TX",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1613.jpg",              imageAlt: "professional portrait smiling man business casual"
            },
            {
              id: "2",              name: "Daniel Hernandez",              role: "Homeowner",              company: "El Paso, TX",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-business-man_23-2148479545.jpg",              imageAlt: "professional portrait man business attire"
            },
            {
              id: "3",              name: "Denise Seabrook",              role: "Homeowner",              company: "El Paso, TX",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-woman-elegant-clothes_329181-13516.jpg",              imageAlt: "professional portrait woman business casual"
            },
            {
              id: "4",              name: "David Flores",              role: "Homeowner",              company: "El Paso, TX",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-guy-pointing-upwards-looking-camera_1262-18706.jpg",              imageAlt: "professional portrait man casual attire"
            },
            {
              id: "5",              name: "Danielle MacFarland",              role: "Homeowner",              company: "El Paso, TX",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-corporate-woman-looks-dreamy-smiles-stands-outside-street-leans-her-head-hands-d_1258-122007.jpg",              imageAlt: "professional portrait woman smiling"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          ariaLabel="Customer testimonials section"
        />
      </div>

      <div id="process" data-section="process">
        <FeatureCardTwentySeven
          title="Our Process: Simple, Professional, Done Right"
          description="Four straightforward steps to get your electrical problem solved fast and professionally."
          tag="How We Work"
          tagIcon={CheckCircle}
          tagAnimation="slide-up"
          features={[
            {
              id: "step-1",              title: "Call or Request a Quote",              descriptions: [
                "Tell us about your electrical issue or project",                "Get a fast response from Martin",                "Discuss options and pricing"
              ]
            },
            {
              id: "step-2",              title: "Expert Diagnosis & Quote",              descriptions: [
                "On-site inspection of the electrical problem",                "Clear, honest assessment of the issue",                "Upfront quote with no hidden charges"
              ]
            },
            {
              id: "step-3",              title: "Professional Installation or Repair",              descriptions: [
                "Fast, clean work done safely and correctly",                "Licensed electrician ensures quality results",                "All work meets local electrical codes"
              ]
            },
            {
              id: "step-4",              title: "Power Restored & Complete",              descriptions: [
                "Your home runs safely again",                "All cleanup and final inspection done",                "Full satisfaction guaranteed"
              ]
            }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Service process section"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Need an Electrician Today?"
          ctaDescription="Don't wait for electrical problems to get worse. Get fast, professional help from Daylight Electrical Contractors — serving El Paso and surrounding areas."
          ctaButton={{ text: "Call Now or Request a Quote", href: "tel:+19155551234" }}
          ctaIcon={Phone}
          useInvertedBackground={true}
          animationType="slide-up"
          faqs={[
            {
              id: "1",              title: "Do you offer emergency service?",              content: "Yes, we respond to electrical emergencies 24/7. Call Martin directly and we'll help as fast as possible, even after hours."
            },
            {
              id: "2",              title: "Are you licensed and insured?",              content: "Absolutely. Daylight Electrical is fully licensed, insured, and bonded. All work meets local electrical codes and standards."
            },
            {
              id: "3",              title: "How much does an electrician cost?",              content: "We offer upfront, honest quotes with no hidden fees. Pricing varies by project scope. Call for a free quote on your specific electrical need."
            },
            {
              id: "4",              title: "What areas do you serve?",              content: "We serve El Paso, Horizon City, Socorro, Clint, Canutillo, and surrounding areas. Call to confirm service availability for your location."
            },
            {
              id: "5",              title: "Can you install an EV charger?",              content: "Yes, we specialize in Tesla and EV charger installations. We handle NEMA 14-50 outlets, 240v circuits, and all electrical setup needed."
            },
            {
              id: "6",              title: "How quickly can you respond?",              content: "Martin is known for fast response times. We prioritize urgent issues and can often schedule same-day or next-day service."
            }
          ]}
          ariaLabel="Contact and FAQ section"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Daylight Electrical Contractors"
          copyrightText="© 2025 Daylight Electrical Contractors. All rights reserved."
          socialLinks={[
            { icon: Phone, href: "tel:+19155551234", ariaLabel: "Call Daylight Electrical" },
            { icon: Mail, href: "mailto:info@daylightelectrical.com", ariaLabel: "Email Daylight Electrical" },
            { icon: MapPin, href: "https://maps.google.com/?q=El+Paso+TX", ariaLabel: "Visit Daylight Electrical location" }
          ]}
          ariaLabel="Site footer"
        />
      </div>
    </ThemeProvider>
  );
}