"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import HeroLogoBillboardSplit from "@/components/sections/hero/HeroLogoBillboardSplit";
import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
import FaqBase from "@/components/sections/faq/FaqBase";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import { Award, Clock, HelpCircle, Users, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="largeSmallSizeLargeTitles"
      background="grid"
      cardStyle="glass-depth"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Lightstone Electric"
          navItems={[
            { name: "Services", id: "services" },
            { name: "Why Us", id: "about" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Get Quote", href: "#contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplit
          logoText="Lightstone Electric"
          description="Professional electrical solutions for residential, commercial, and industrial properties. Reliable service, expert technicians, and emergency support 24/7."
          background={{ variant: "grid" }}
          buttons={[
            { text: "Get Free Quote", href: "#contact" },
            { text: "Call Now", href: "tel:+1234567890" }
          ]}
          buttonAnimation="slide-up"
          layoutOrder="default"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B3Jc25k5hyf88AtwoZkTP21ImV/uploaded-1773715361401-z7fpdto5.png"
          imageAlt="Lightstone Electric Logo"
          mediaAnimation="opacity"
          frameStyle="card"
          ariaLabel="Lightstone Electric Hero Section"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardNine
          title="Our Services"
          description="Comprehensive electrical solutions tailored to meet all your needs with expert precision and reliability."
          tag="Professional Services"
          tagIcon={Zap}
          tagAnimation="slide-up"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          showStepNumbers={true}
          features={[
            {
              id: 1,
              title: "Residential Electrical",              description: "Complete electrical services for homes including installations, repairs, and upgrades. From panel replacements to outlet installations, we handle it all.",              buttons: [{ text: "Learn More", href: "#contact" }],
              phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/sad-cute-woman-near-power-control-panel_1398-1289.jpg" },
              phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/sad-cute-woman-near-power-control-panel_1398-1289.jpg" }
            },
            {
              id: 2,
              title: "Commercial Solutions",              description: "Professional electrical infrastructure for businesses. We provide design, installation, and maintenance for commercial properties of all sizes.",              buttons: [{ text: "Learn More", href: "#contact" }],
              phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/woman-electrician-matches-blueprint-switchgear-paper-audit_169016-71193.jpg" },
              phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/woman-electrician-matches-blueprint-switchgear-paper-audit_169016-71193.jpg" }
            },
            {
              id: 3,
              title: "24/7 Emergency Service",              description: "Electrical emergencies don't wait—neither do we. Our rapid response team is available around the clock for urgent repairs and troubleshooting.",              buttons: [{ text: "Learn More", href: "#contact" }],
              phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-with-electrical-connecting-cable_169016-18333.jpg" },
              phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-with-electrical-connecting-cable_169016-18333.jpg" }
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[{ type: "text", content: "Why Choose Lightstone Electric" }]}
          buttons={[{ text: "Schedule Service", href: "#contact" }]}
          buttonAnimation="slide-up"
          useInvertedBackground={true}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardThree
          title="Our Track Record"
          description="Proven excellence in electrical services with decades of combined experience."
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          metrics={[
            { id: "1", icon: Users, title: "Satisfied Customers", value: "5,000+" },
            { id: "2", icon: Award, title: "Years Experience", value: "25+" },
            { id: "3", icon: Zap, title: "Projects Completed", value: "10,000+" },
            { id: "4", icon: Clock, title: "Average Response", value: "30 min" }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="What Our Clients Say"
          description="Real reviews from satisfied customers across residential and commercial sectors."
          showRating={true}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          testimonials={[
            {
              id: "1",              name: "John Martinez",              handle: "@jmartinez",              testimonial: "Outstanding service! The team completed our office rewiring on schedule and under budget. Professional, courteous, and highly skilled.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/modern-office-person-face-worker_1157-3666.jpg",              imageAlt: "John Martinez"
            },
            {
              id: "2",              name: "Sarah Chen",              handle: "@sarahchen",              testimonial: "They fixed our home's electrical issues quickly during an emergency. Fast response, fair pricing, and excellent work quality. Highly recommended!",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/business-woman-sitting-table_23-2148095754.jpg",              imageAlt: "Sarah Chen"
            },
            {
              id: "3",              name: "Michael Thompson",              handle: "@mthompson",              testimonial: "Been using Lightstone Electric for 5 years. Consistent quality, reliable service, and their team always treats my property with care.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-with-arms-crossed-outside-modern-office-building_1139-1074.jpg",              imageAlt: "Michael Thompson"
            },
            {
              id: "4",              name: "Emma Williams",              handle: "@emmaw",              testimonial: "Professional, punctual, and problem-solving focused. They diagnosed a complex issue other electricians missed. Worth every penny!",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg",              imageAlt: "Emma Williams"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Find answers to common questions about our electrical services and expertise."
          tag="Support"
          tagIcon={HelpCircle}
          tagAnimation="slide-up"
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="smooth"
          showCard={true}
          faqs={[
            {
              id: "1",              title: "What types of electrical services do you offer?",              content: "We provide comprehensive electrical services including residential installations and repairs, commercial electrical infrastructure, emergency repairs, panel upgrades, lighting solutions, and preventative maintenance for both homes and businesses."
            },
            {
              id: "2",              title: "Are you available for emergency electrical repairs?",              content: "Yes, we offer 24/7 emergency electrical services. Our rapid response team is on call around the clock to handle urgent electrical issues. Simply call our emergency line and we'll dispatch a technician within 30 minutes."
            },
            {
              id: "3",              title: "Do you provide warranties on your work?",              content: "Absolutely. All our electrical work is backed by a comprehensive warranty. We guarantee the quality of our installations and repairs, and our team stands behind every project we complete."
            },
            {
              id: "4",              title: "How can I schedule a service appointment?",              content: "Scheduling is easy! You can call us directly, use our online quote request form, or send us an email. We offer flexible scheduling to accommodate your needs and provide accurate time windows for appointments."
            },
            {
              id: "5",              title: "Are your electricians licensed and insured?",              content: "Yes, all our electricians are fully licensed, insured, and extensively trained. We maintain all required certifications and stay current with the latest electrical codes and safety standards."
            },
            {
              id: "6",              title: "What's your response time for emergency calls?",              content: "Our average response time for emergency electrical calls is 30 minutes. We prioritize urgent situations and keep a team ready for immediate dispatch throughout the day and night."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Get Started"
          tagIcon={Zap}
          tagAnimation="slide-up"
          title="Ready for Expert Electrical Solutions?"
          description="Contact Lightstone Electric today for a free quote. Our team is ready to handle all your electrical needs with professionalism and precision."
          buttons={[
            { text: "Request Free Quote", href: "mailto:info@lightstoneelectric.com" },
            { text: "Call: (555) 123-4567", href: "tel:+15551234567" }
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "downward-rays-animated" }}
          useInvertedBackground={true}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Lightstone Electric"
          columns={[
            {
              title: "Services",              items: [
                { label: "Residential", href: "#services" },
                { label: "Commercial", href: "#services" },
                { label: "Emergency", href: "#services" },
                { label: "Maintenance", href: "#services" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Our Team", href: "#about" },
                { label: "Testimonials", href: "#testimonials" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "FAQ", href: "#faq" },
                { label: "Emergency Line", href: "tel:+15551234567" },
                { label: "Privacy Policy", href: "#" },
                { label: "Terms & Conditions", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 Lightstone Electric. All rights reserved. A Marko Company."
        />
      </div>
    </ThemeProvider>
  );
}