"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
import FeatureCardTwentyOne from "@/components/sections/feature/FeatureCardTwentyOne";
import ProductCardFour from "@/components/sections/product/ProductCardFour";
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
import MediaAbout from "@/components/sections/about/MediaAbout";
import ContactText from "@/components/sections/contact/ContactText";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import { Zap, Lightbulb, CheckCircle, Image as ImageIcon, Star, Shield } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="medium"
      sizing="mediumSizeLargeTitles"
      background="fluid"
      cardStyle="glass-depth"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="SNB Technology"
          navItems={[
            { name: "Services", id: "services" },
            { name: "Process", id: "process" },
            { name: "Gallery", id: "gallery" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Call Now", href: "tel:+1876-808-7794" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitKpi
          title="Trusted Electrical & Technical Installation Services"
          description="Professional electrical installations, AC systems, security systems, and gate automation for May Pen and surrounding areas. Fast response, expert technicians, guaranteed results."
          tag="Expert Installation Services"
          tagIcon={Zap}
          background={{ variant: "glowing-orb" }}
          kpis={[
            { value: "500+", label: "Installations Completed" },
            { value: "5.0 ★", label: "Customer Rating" },
            { value: "24/7", label: "Emergency Support" }
          ]}
          enableKpiAnimation={true}
          buttons={[
            { text: "Call (876) 808-7794", href: "tel:+1876-808-7794" },
            { text: "Get Quote", href: "#contact" }
          ]}
          buttonAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses_169016-24230.jpg"
          imageAlt="Professional electrical installation work"
          mediaAnimation="slide-up"
          imagePosition="right"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTwentyOne
          title="Our Core Services"
          description="Comprehensive electrical and technical solutions tailored to your residential, commercial, or industrial needs. Every installation backed by expertise and professionalism."
          tag="What We Offer"
          tagIcon={Lightbulb}
          accordionItems={[
            {
              id: "1",              title: "Electrical Installation & Wiring",              content: "Complete electrical system design and installation for residential and commercial properties. From panel upgrades to new branch circuits, we handle it all to code standards. Expert diagnosis and repair of existing electrical issues."
            },
            {
              id: "2",              title: "AC & Cooling Systems",              content: "Professional air conditioning installation, maintenance, and repair. We work with all major AC brands and ensure optimal cooling efficiency for your space. Regular maintenance plans available to keep systems running smoothly."
            },
            {
              id: "3",              title: "Security System Installation",              content: "State-of-the-art security systems including CCTV cameras, alarm systems, and access control. Protect your property with professional monitoring and 24/7 support. Custom systems designed for your specific security needs."
            },
            {
              id: "4",              title: "Gate & Automation Systems",              content: "Automatic gate installation and repair with smooth operation and backup power. Home and commercial gate automation with integrated access systems. Regular maintenance to ensure reliable gate functionality year-round."
            }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/male-electrician-working-electrical-panel-male-electrician-overalls_169016-67118.jpg"
          imageAlt="Electrical service technician at work"
          mediaAnimation="slide-up"
          useInvertedBackground={false}
          mediaPosition="left"
          buttons={[{ text: "Request Service", href: "#contact" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="process" data-section="process">
        <FeatureCardTwentyOne
          title="How We Work"
          description="A transparent, step-by-step process ensuring quality results and customer satisfaction at every stage."
          tag="Our Process"
          tagIcon={CheckCircle}
          accordionItems={[
            {
              id: "1",              title: "Step 1: Consultation & Assessment",              content: "Contact us to discuss your project needs. We schedule a site visit to assess the scope of work, electrical requirements, and provide a detailed free quote. No obligation—just honest, expert advice."
            },
            {
              id: "2",              title: "Step 2: Planning & Preparation",              content: "Once you approve, we create a detailed project timeline and prepare all necessary materials and equipment. We confirm scheduling and ensure minimal disruption to your daily routine."
            },
            {
              id: "3",              title: "Step 3: Professional Installation",              content: "Our licensed technicians execute the work to the highest standards, adhering to all electrical codes and safety regulations. We keep the site clean and communicate progress throughout the installation."
            },
            {
              id: "4",              title: "Step 4: Testing & Handoff",              content: "Complete system testing and quality verification ensure everything works perfectly. We provide full documentation, explain the system operation, and offer ongoing support and maintenance services."
            }
          ]}
          imageSrc="http://img.b2bpic.net/free-vector/hiring-recruitment-process_23-2148624250.jpg"
          imageAlt="Technical installation process workflow"
          mediaAnimation="slide-up"
          useInvertedBackground={false}
          mediaPosition="right"
          buttons={[{ text: "Schedule Consultation", href: "tel:+1876-808-7794" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="gallery" data-section="gallery">
        <ProductCardFour
          title="Project Gallery"
          description="See our completed installations and satisfied customers across May Pen and Jamaica. Quality workmanship on every project."
          tag="Recent Work"
          tagIcon={ImageIcon}
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          useInvertedBackground={false}
          products={[
            {
              id: "1",              name: "Residential Electrical Rewiring",              price: "Complete",              variant: "Modern Home - May Pen",              imageSrc: "http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17799.jpg",              imageAlt: "Residential electrical rewiring project"
            },
            {
              id: "2",              name: "Commercial AC Installation",              price: "Complete",              variant: "Office Complex - Kingston",              imageSrc: "http://img.b2bpic.net/free-photo/workers-refilling-air-conditione-freon_482257-85114.jpg",              imageAlt: "Commercial air conditioning installation"
            },
            {
              id: "3",              name: "Security System Setup",              price: "Complete",              variant: "Business Building - May Pen",              imageSrc: "http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17798.jpg",              imageAlt: "Security camera system installation"
            },
            {
              id: "4",              name: "Automatic Gate Installation",              price: "Complete",              variant: "Residential Property - Kingston",              imageSrc: "http://img.b2bpic.net/free-photo/people-meeting-discussing-neighbourhood_23-2149447187.jpg",              imageAlt: "Automatic gate system installation"
            },
            {
              id: "5",              name: "Panel Upgrade & Distribution",              price: "Complete",              variant: "Residential Home - May Pen",              imageSrc: "http://img.b2bpic.net/free-photo/visual-panel-inspection-electrician-near-switchboard-electrical-system-control_169016-68358.jpg",              imageAlt: "Electrical panel upgrade project"
            },
            {
              id: "6",              name: "Integrated Smart Home System",              price: "Complete",              variant: "Modern Residence - Kingston",              imageSrc: "http://img.b2bpic.net/free-photo/smart-home-innovation-technology-with-woman-using-control-panel_53876-124638.jpg",              imageAlt: "Smart home automation system"
            }
          ]}
          carouselMode="buttons"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="What Our Customers Say"
          description="Real feedback from satisfied clients across May Pen and Jamaica who trust SNB Technology for their electrical and technical needs."
          tag="Customer Reviews"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground={false}
          showRating={true}
          animationType="slide-up"
          testimonials={[
            {
              id: "1",              name: "Marcus Johnson",              handle: "@marcusj_may_pen",              testimonial: "SNB Technology installed a new electrical system in my home and the work is exceptional. Professional, on-time, and they explained everything clearly. Highly recommended!",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-vector/flat-variety-male-avatars_23-2147676209.jpg?_wi=1",              imageAlt: "man profile portrait avatar"
            },
            {
              id: "2",              name: "Patricia Brown",              handle: "@patricia_brown",              testimonial: "The AC installation was seamless and their technicians were courteous and efficient. System has been running perfectly for months. Great service!",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-vector/flat-pack-female-avatars_23-2147676210.jpg?_wi=1",              imageAlt: "woman profile portrait avatar"
            },
            {
              id: "3",              name: "David Thompson",              handle: "@david_tt_business",              testimonial: "For my business security system, I needed professionals I could trust. SNB delivered exactly that—quality equipment, proper installation, and excellent support.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-vector/flat-variety-male-avatars_23-2147676209.jpg?_wi=2",              imageAlt: "man profile portrait avatar"
            },
            {
              id: "4",              name: "Sandra Williams",              handle: "@sandra_may_pen",              testimonial: "They installed an automatic gate at my property and fixed my existing electrical issues. Everything works perfectly. Best decision I made for my home!",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-vector/flat-pack-female-avatars_23-2147676210.jpg?_wi=2",              imageAlt: "woman profile portrait avatar"
            },
            {
              id: "5",              name: "Richard Campbell",              handle: "@richardc_kingston",              testimonial: "24/7 emergency support is real with SNB. When my electrical panel malfunctioned, they responded quickly and fixed it properly. Trustworthy professionals.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-vector/flat-variety-male-avatars_23-2147676209.jpg?_wi=3",              imageAlt: "man profile portrait avatar"
            },
            {
              id: "6",              name: "Angela Miller",              handle: "@angela_home_services",              testimonial: "We've used SNB for multiple projects at our rental properties. Consistent quality, fair pricing, and reliable work. They're our go-to contractor.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-vector/flat-pack-female-avatars_23-2147676210.jpg?_wi=3",              imageAlt: "woman profile portrait avatar"
            }
          ]}
          carouselMode="buttons"
        />
      </div>

      <div id="why-choose" data-section="why-choose">
        <MediaAbout
          title="Why Choose SNB Technology Services"
          description="We combine technical expertise with customer-first service. Licensed, certified, and committed to delivering solutions that exceed expectations every single time."
          tag="Trust & Experience"
          tagIcon={Shield}
          imageSrc="http://img.b2bpic.net/free-photo/cybersecurity-division-staff-member-monitoring-security-incidents_482257-113771.jpg"
          imageAlt="SNB Technology Services professional team"
          useInvertedBackground={false}
          buttons={[{ text: "Contact Us Today", href: "#contact" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to get your electrical project done right? Contact SNB Technology Services today for expert installations, maintenance, and 24/7 emergency support."
          animationType="background-highlight"
          background={{ variant: "downward-rays-static" }}
          useInvertedBackground={false}
          buttons={[
            { text: "Call (876) 808-7794", href: "tel:+1876-808-7794" },
            { text: "Send Message", href: "https://wa.me/1876808779" }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="SNB Technology"
          columns={[
            {
              items: [
                { label: "Services", href: "#services" },
                { label: "Our Process", href: "#process" },
                { label: "Gallery", href: "#gallery" }
              ]
            },
            {
              items: [
                { label: "Testimonials", href: "#testimonials" },
                { label: "Why Choose Us", href: "#why-choose" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              items: [
                { label: "Call Us", href: "tel:+1876-808-7794" },
                { label: "WhatsApp", href: "https://wa.me/1876808779" },
                { label: "Email", href: "mailto:info@snbtech.jm" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
