"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { AlertCircle, Award, Building, CheckCircle, Clock, Droplet, Hammer, HelpCircle, Heart, MessageCircle, Phone, Search, Settings, Shield, Star, Wrench, Zap, Lock, Clock as Clock24, Check } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="compact"
      sizing="large"
      background="aurora"
      cardStyle="subtle-shadow"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Affordable Plumber AZ"
          navItems={[
            { name: "Services", id: "services" },
            { name: "Why Us", id: "why-us" },
            { name: "Reviews", id: "testimonials" },
            { name: "FAQ", id: "faq" }
          ]}
          button={{
            text: "Call Now",            href: "tel:480-702-6165"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardTestimonial
          title="Fast. Honest. Done Right the First Time."
          description="Arizona's trusted local plumbers delivering same-day service, expert craftsmanship, and real transparency—no surprises."
          background={{ variant: "plain" }}
          tag="Licensed #12345 | Serving Since 2015 | 5-Star Rated Across Arizona"
          tagIcon={Star}
          tagAnimation="slide-up"
          marqueeItems={[
            { type: "text-icon", text: "Licensed & Insured", icon: Lock },
            { type: "text-icon", text: "24/7 Available", icon: Clock24 },
            { type: "text-icon", text: "100% Satisfaction", icon: Check }
          ]}
          showMarqueeCard={true}
          marqueeSpeed={30}
          buttons={[
            { text: "Call Now", href: "tel:480-702-6165" },
            { text: "Get a Free Estimate", href: "#contact" }
          ]}
          buttonAnimation="slide-up"
          testimonials={[
            {
              name: "Sarah Mitchell",              handle: "Homeowner",              testimonial: "Pat came out the same day and got everything done fast. He explained everything clearly and made sure the job was done right. Best service I've had.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg?_wi=1",              imageAlt: "Sarah Mitchell"
            },
            {
              name: "James Rodriguez",              handle: "Business Owner",              testimonial: "They were quick, professional, and actually cared about fixing the problem—not just charging me. Highly recommend.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_1262-20882.jpg?_wi=1",              imageAlt: "James Rodriguez"
            },
            {
              name: "Emily Chen",              handle: "Homeowner",              testimonial: "Installed our tankless water heater in one day. Great price and even better service.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/woman-films-vlog-praising-bio-local-shop_482257-81629.jpg?_wi=1",              imageAlt: "Emily Chen"
            },
            {
              name: "David Thompson",              handle: "Homeowner",              testimonial: "Answered late at night and had someone out the next day. Fixed everything perfectly.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg?_wi=1",              imageAlt: "David Thompson"
            }
          ]}
          testimonialRotationInterval={5000}
          useInvertedBackground={false}
          mediaAnimation="none"
          ariaLabel="Hero section with testimonials"
        />
      </div>

      <div id="why-us" data-section="why-us">
        <TestimonialAboutCard
          tag="Our Difference"
          tagIcon={CheckCircle}
          tagAnimation="slide-up"
          title="Not Just Another Plumbing Company"
          description="Affordable Plumber AZ LLC was built on one thing: doing the job right and treating people honestly."
          subdescription="While big companies rush jobs and push upsells, our team focuses on real solutions, clear communication, and work that actually lasts."
          icon={Shield}
          imageSrc="http://img.b2bpic.net/free-photo/modern-bathroom-with-bathtub-double-sink-vanity-smart-home-technology_9975-33078.jpg?_wi=1"
          imageAlt="Professional plumbing work"
          mediaAnimation="slide-up"
          useInvertedBackground={true}
          ariaLabel="Why choose us section"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTwentyFive
          title="Full-Service Plumbing for Your Home or Business"
          description="Comprehensive plumbing solutions tailored to your needs, from emergency repairs to complete installations."
          tag="Our Services"
          tagIcon={Wrench}
          tagAnimation="slide-up"
          features={[
            {
              title: "Emergency Plumbing Services",              description: "24/7 emergency response for urgent plumbing situations",              icon: Phone,
              mediaItems: [
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/profile-man-touching-socket-wall-with-screwdriver_259150-58245.jpg?_wi=1",                  imageAlt: "Emergency plumbing response"
                },
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/profile-man-touching-socket-wall-with-screwdriver_259150-58245.jpg?_wi=2",                  imageAlt: "Quick emergency service"
                }
              ]
            },
            {
              title: "Water Heater Repair & Installation",              description: "Tank and tankless water heater services for reliable hot water",              icon: Droplet,
              mediaItems: [
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/man-turning-off-radiator-energy-crisis_23-2150061813.jpg?_wi=1",                  imageAlt: "Water heater installation"
                },
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/man-turning-off-radiator-energy-crisis_23-2150061813.jpg?_wi=2",                  imageAlt: "Professional water heater service"
                }
              ]
            },
            {
              title: "Drain Cleaning & Clog Removal",              description: "Professional drain cleaning to restore proper flow and prevent backups",              icon: Zap,
              mediaItems: [
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/man-doing-professional-home-cleaning-service_23-2150358955.jpg?_wi=1",                  imageAlt: "Professional drain cleaning"
                },
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/man-doing-professional-home-cleaning-service_23-2150358955.jpg?_wi=2",                  imageAlt: "Clog removal service"
                }
              ]
            },
            {
              title: "Leak Detection & Repair",              description: "Advanced detection to find leaks and prevent water damage",              icon: AlertCircle,
              mediaItems: [
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/man-looks-faucet-pipes-valve-pressure-meter_169016-15382.jpg?_wi=1",                  imageAlt: "Leak detection service"
                },
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/man-looks-faucet-pipes-valve-pressure-meter_169016-15382.jpg?_wi=2",                  imageAlt: "Professional leak repair"
                }
              ]
            },
            {
              title: "Faucet & Fixture Installation",              description: "Expert installation of premium faucets and bathroom fixtures",              icon: Settings,
              mediaItems: [
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/modern-bathroom-with-bathtub-double-sink-vanity-smart-home-technology_9975-33078.jpg?_wi=2",                  imageAlt: "Fixture installation"
                },
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/modern-bathroom-with-bathtub-double-sink-vanity-smart-home-technology_9975-33078.jpg?_wi=3",                  imageAlt: "Professional fixture work"
                }
              ]
            },
            {
              title: "Toilet Repair & Installation",              description: "Fast toilet repairs and new installations for your convenience",              icon: Hammer,
              mediaItems: [
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/modern-bathroom-with-bathtub-double-sink-vanity-smart-home-technology_9975-33078.jpg?_wi=4",                  imageAlt: "Toilet repair service"
                },
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/modern-bathroom-with-bathtub-double-sink-vanity-smart-home-technology_9975-33078.jpg?_wi=5",                  imageAlt: "Professional toilet installation"
                }
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[
            { text: "Schedule Your Service Today", href: "tel:480-702-6165" }
          ]}
          buttonAnimation="slide-up"
          ariaLabel="Services section"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="Trusted by 500+ Customers with 4.9+ Star Average"
          description="Real stories from homeowners who trusted us with their most important systems."
          tag="Customer Reviews"
          tagIcon={Star}
          tagAnimation="slide-up"
          testimonials={[
            {
              id: "1",              name: "Pat Johnson",              role: "Homeowner",              testimonial: "Same-day service, clear communication, and professional work. This is the only plumber we call now.",              imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg?_wi=2",              imageAlt: "Pat Johnson"
            },
            {
              id: "2",              name: "Michael Nguyen",              role: "Property Manager",              testimonial: "Reliable, honest, and always explains what they're doing. Great for residential properties.",              imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_1262-20882.jpg?_wi=2",              imageAlt: "Michael Nguyen"
            },
            {
              id: "3",              name: "Linda Garcia",              role: "Homeowner",              testimonial: "Fixed our emergency leak perfectly and didn't try to upsell us on unnecessary work.",              imageSrc: "http://img.b2bpic.net/free-photo/woman-films-vlog-praising-bio-local-shop_482257-81629.jpg?_wi=2",              imageAlt: "Linda Garcia"
            },
            {
              id: "4",              name: "Robert Williams",              role: "Business Owner",              testimonial: "Professional team that respects your home and your time. Highly recommended.",              imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg?_wi=2",              imageAlt: "Robert Williams"
            },
            {
              id: "5",              name: "Jennifer Martinez",              role: "Homeowner",              testimonial: "Installed our tankless water heater efficiently. Great value and outstanding service quality.",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-happy-after-shopping_23-2148660676.jpg",              imageAlt: "Jennifer Martinez"
            },
            {
              id: "6",              name: "Christopher Lee",              role: "Homeowner",              testimonial: "Fast response, fair pricing, and quality workmanship. A plumber you can actually trust.",              imageSrc: "http://img.b2bpic.net/free-photo/confident-entrepreneur-satisfied-with-own-success_1163-5474.jpg",              imageAlt: "Christopher Lee"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          ariaLabel="Testimonials section"
        />
      </div>

      <div id="trust-section" data-section="trust-section">
        <MetricCardThree
          title="No Surprises. No Confusion. Just Clear Communication."
          description="We know one of the biggest frustrations in plumbing is unexpected pricing. That's why we focus on clear communication before any work begins. Our goal isn't to be the cheapest—it's to deliver real value, lasting repairs, and service you feel good about."
          tag="Our Promise"
          tagIcon={Heart}
          tagAnimation="slide-up"
          metrics={[
            {
              id: "1",              icon: Clock,
              title: "Same-Day Service",              value: "Emergency Response"
            },
            {
              id: "2",              icon: CheckCircle,
              title: "Licensed Technicians",              value: "Full Coverage"
            },
            {
              id: "3",              icon: Award,
              title: "5-Star Rated",              value: "Across Arizona"
            },
            {
              id: "4",              icon: Award,
              title: "Upfront Pricing",              value: "No Hidden Fees"
            }
          ]}
          animationType="opacity"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Trust metrics section"
        />
      </div>

      <div id="process" data-section="process">
        <FeatureCardTwentyFive
          title="Simple. Fast. Stress-Free."
          description="Our proven process ensures you get the best solution with minimal hassle."
          tag="Our Process"
          tagIcon={Zap}
          tagAnimation="slide-up"
          features={[
            {
              title: "Call or Request Service",              description: "Get in touch with us through phone or online. We're available for emergencies.",              icon: Phone,
              mediaItems: [
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/calling-cafe_1098-16167.jpg?_wi=1",                  imageAlt: "Step 1: Call us"
                },
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/calling-cafe_1098-16167.jpg?_wi=2",                  imageAlt: "Easy contact process"
                }
              ]
            },
            {
              title: "We Diagnose the Problem",              description: "Our technicians inspect and identify the exact issue with your system.",              icon: Search,
              mediaItems: [
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/crop-people-discussing-drafts-office_23-2147785638.jpg?_wi=1",                  imageAlt: "Step 2: Professional diagnosis"
                },
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/crop-people-discussing-drafts-office_23-2147785638.jpg?_wi=2",                  imageAlt: "Expert inspection"
                }
              ]
            },
            {
              title: "You Get a Clear Explanation",              description: "We explain the problem, solution, and costs so you can make the right decision.",              icon: MessageCircle,
              mediaItems: [
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/focused-business-colleagues-arguing_1262-20538.jpg?_wi=1",                  imageAlt: "Step 3: Clear communication"
                },
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/focused-business-colleagues-arguing_1262-20538.jpg?_wi=2",                  imageAlt: "Transparent pricing"
                }
              ]
            },
            {
              title: "We Fix It Right the First Time",              description: "Professional installation with quality workmanship you can count on.",              icon: CheckCircle,
              mediaItems: [
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/smiley-people-wearing-safety-helmets_23-2149366644.jpg?_wi=1",                  imageAlt: "Step 4: Professional completion"
                },
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/smiley-people-wearing-safety-helmets_23-2149366644.jpg?_wi=2",                  imageAlt: "Quality finished work"
                }
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          ariaLabel="Our process section"
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="About Us"
          tagIcon={Building}
          tagAnimation="slide-up"
          title="Local. Experienced. Trusted."
          description="Affordable Plumber AZ LLC has built a reputation across Arizona for quality work, fast response times, and real customer care."
          subdescription="Led by experienced professionals who care about their craft, we treat every job with attention to detail and pride—from emergency leaks to full installations. Proudly serving Mesa, Phoenix, Chandler, Gilbert, Scottsdale, Maricopa, and surrounding areas."
          icon={Award}
          imageSrc="http://img.b2bpic.net/free-photo/profile-man-touching-socket-wall-with-screwdriver_259150-58245.jpg?_wi=3"
          imageAlt="Professional plumbing team"
          mediaAnimation="blur-reveal"
          useInvertedBackground={false}
          ariaLabel="About company section"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Common Questions Answered"
          description="Everything you need to know about our services, pricing, and process."
          tag="FAQ"
          tagIcon={HelpCircle}
          tagAnimation="slide-up"
          faqs={[
            {
              id: "1",              title: "Do you offer same-day service?",              content: "Yes! We offer same-day emergency plumbing services. This is one of our biggest strengths—when you need us, we're there fast. Call us immediately at 480-702-6165 and we'll dispatch a technician to your location as quickly as possible. We understand that plumbing emergencies can't wait, so we prioritize rapid response and immediate availability to get your problem solved today."
            },
            {
              id: "2",              title: "What areas do you serve?",              content: "We proudly serve Mesa, Phoenix, Chandler, Gilbert, Scottsdale, Maricopa, and surrounding areas across Arizona."
            },
            {
              id: "3",              title: "Do you provide upfront pricing?",              content: "Absolutely. We always explain the problem, solution, and costs before any work begins. No hidden fees, no surprises."
            },
            {
              id: "4",              title: "Are your technicians licensed?",              content: "Yes, all our technicians are fully licensed, experienced, and insured for your peace of mind."
            },
            {
              id: "5",              title: "How do I get a free estimate?",              content: "Call us at 480-702-6165 or fill out a service request online. We'll schedule a convenient time to assess your needs."
            },
            {
              id: "6",              title: "Do you offer emergency services?",              content: "Yes, we provide 24/7 emergency plumbing services for urgent situations like burst pipes, major leaks, or sewage backups."
            }
          ]}
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          animationType="smooth"
          ariaLabel="FAQ section"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Services", href: "#services" },
                { label: "Why Us", href: "#why-us" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "Call Now", href: "tel:480-702-6165" },
                { label: "Get Estimate", href: "mailto:info@affordableplumberaz.com" },
                { label: "Service Areas", href: "#about" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms & Conditions", href: "#" },
                { label: "License Information", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2024 Affordable Plumber AZ LLC. All rights reserved. Licensed, Bonded, and Insured."
          ariaLabel="Footer section"
        />
      </div>
    </ThemeProvider>
  );
}
