"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { AlertCircle, Phone, Shield } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="mediumLarge"
      sizing="largeSmall"
      background="circleGradient"
      cardStyle="gradient-radial"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Babcock Plumbing"
          navItems={[
            { name: "Services", id: "services" },
            { name: "About Us", id: "about" },
            { name: "Testimonials", id: "testimonials" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Call Now: (480) 425-3535", href: "tel:+14804253535" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitTestimonial
          title="Trusted Arizona Plumbing Since 2003"
          description="Reliable, skilled, and family-owned. Over 20 years of serving Arizona homeowners with expert plumbing solutions. Available for emergencies 24/7."
          tag="Family-Owned & Operated"
          tagIcon={Shield}
          tagAnimation="opacity"
          buttons={[
            { text: "Call Now: (480) 425-3535", href: "tel:+14804253535" },
            { text: "Request Service", href: "#contact" }
          ]}
          buttonAnimation="opacity"
          imageSrc="http://img.b2bpic.net/free-photo/plumber-holding-plunger_1368-742.jpg"
          imageAlt="Professional plumbing technician at work"
          mediaAnimation="blur-reveal"
          imagePosition="right"
          testimonials={[
            {
              name: "Robert Martinez",              handle: "Homeowner, Scottsdale",              testimonial: "Bradford arrived right on time and fixed our water line leak in under an hour. Professional and fair pricing!",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1"
            },
            {
              name: "Sarah Johnson",              handle: "Homeowner, Phoenix",              testimonial: "20 years of using Babcock Plumbing. They're honest, skilled, and always show up when they promise.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2"
            },
            {
              name: "Michael Chen",              handle: "Property Manager, Tempe",              testimonial: "Emergency call at 2 AM and they were here in 30 minutes. Outstanding service. Highly recommend.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3"
            },
            {
              name: "Jennifer Lee",              handle: "Homeowner, Chandler",              testimonial: "Called for toilet repair and they diagnosed the real problem correctly. Saved me hundreds with their expertise.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=4"
            }
          ]}
          testimonialRotationInterval={5000}
          useInvertedBackground={false}
          background={{ variant: "radial-gradient" }}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTwentyFour
          title="Our Plumbing Services"
          description="Comprehensive solutions for all your plumbing needs, from routine maintenance to emergency repairs."
          tag="Expert Services"
          tagAnimation="opacity"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          features={[
            {
              id: "1",              title: "Leak Repair & Detection",              author: "Specialized Service",              description: "Quick identification and repair of water leaks. We find hidden leaks before they cause major damage.",              tags: ["Emergency", "Fast Service"],
              imageSrc: "http://img.b2bpic.net/free-photo/woman-fixing-kitchen-sink_53876-139620.jpg",              imageAlt: "Professional leak detection"
            },
            {
              id: "2",              title: "Toilet Repair & Replacement",              author: "Common Repairs",              description: "Expert repair of running toilets, leaks, and worn components. Quality fixtures installed by skilled technicians.",              tags: ["Reliable", "Affordable"],
              imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990728.jpg",              imageAlt: "Toilet repair service"
            },
            {
              id: "3",              title: "Pipe Repair & Replacement",              author: "Expert Service",              description: "Diagnose and repair damaged pipes. We handle copper, PVC, and specialty plumbing systems.",              tags: ["Professional", "Quality"],
              imageSrc: "http://img.b2bpic.net/free-photo/cheerful-adult-plumber-sitting-bathroom_23-2147772218.jpg",              imageAlt: "Pipe installation and repair"
            },
            {
              id: "4",              title: "Emergency Plumbing",              author: "24/7 Available",              description: "Burst pipes, severe clogs, water damage—we're available 24/7 for your plumbing emergencies.",              tags: ["Always Available", "Fast Response"],
              imageSrc: "http://img.b2bpic.net/free-vector/service-everyday-label-with-pointer_1017-30333.jpg",              imageAlt: "Emergency plumbing service"
            },
            {
              id: "5",              title: "Custom Plumbing Systems",              author: "Specialized Installation",              description: "Install and maintain custom plumbing solutions for unique needs. Experienced with complex systems.",              tags: ["Custom", "Expert"],
              imageSrc: "http://img.b2bpic.net/free-photo/top-view-plumber-checking-kitchen-fixtures_1098-17864.jpg",              imageAlt: "Custom plumbing installation"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="Why Choose Babcock Plumbing?"
          description={[
            "For over 20 years, Babcock Plumbing has been Arizona's trusted choice for reliable, honest plumbing services. We're a family-owned business built on the foundation of skilled craftsmanship, fair pricing, and genuine care for our customers.",            "Our technicians are fully licensed, experienced with both standard and specialty plumbing systems, and committed to solving your problems right the first time. We pride ourselves on on-time service, transparent communication, and treating your home with respect.",            "Whether it's a routine maintenance call or a 2 AM emergency, we're here for you. That's the Babcock Plumbing promise."
          ]}
          buttons={[{ text: "Request Service Today", href: "#contact" }]}
          useInvertedBackground={false}
          showBorder={true}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSeven
          title="Proven Track Record"
          description="Our reputation speaks for itself. Here are the numbers behind Babcock Plumbing's commitment to excellence."
          tag="By The Numbers"
          tagAnimation="opacity"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          metrics={[
            {
              id: "1",              value: "20+",              title: "Years Serving Arizona",              items: ["Consistent quality service", "Trusted by thousands of families", "Long-term customer relationships"]
            },
            {
              id: "2",              value: "4.9★",              title: "Customer Rating",              items: ["46+ verified reviews", "98% customer satisfaction", "Trusted on Google"]
            },
            {
              id: "3",              value: "24/7",              title: "Emergency Availability",              items: ["Always ready for emergencies", "30-minute response time", "Never charge emergency premiums"]
            },
            {
              id: "4",              value: "100%",              title: "Skilled Technicians",              items: ["Licensed professionals", "Continuous training", "Expert in specialty systems"]
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="Babcock Plumbing is the only company I trust with my home's plumbing. Bradford and the team have saved me thousands with their honest assessments and quality work. After 20 years as a customer, I can confidently recommend them."
          rating={5}
          author="David Thompson, Long-Time Customer"
          avatars={[
            { src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Customer testimonial" },
            { src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Customer testimonial" },
            { src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Customer testimonial" },
            { src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Customer testimonial" }
          ]}
          ratingAnimation="opacity"
          avatarsAnimation="opacity"
          useInvertedBackground={false}
        />
      </div>

      <div id="emergency" data-section="emergency">
        <ContactCenter
          tag="Emergency Service"
          title="Plumbing Emergency?"
          description="Don't wait. Call us immediately for 24/7 emergency plumbing service. We respond fast and fix it right."
          tagIcon={AlertCircle}
          tagAnimation="opacity"
          background={{ variant: "downward-rays-animated" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Got questions? We've got answers. Here's what Arizona homeowners ask us most."
          tag="Help & Support"
          tagAnimation="opacity"
          imageSrc="http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990690.jpg?_wi=1"
          imageAlt="Plumbing FAQ support"
          mediaAnimation="blur-reveal"
          mediaPosition="left"
          faqsAnimation="opacity"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="smooth"
          showCard={true}
          faqs={[
            {
              id: "1",              title: "What areas do you service in Arizona?",              content: "We proudly serve the greater Phoenix metro area including Scottsdale, Tempe, Chandler, Gilbert, Mesa, and surrounding communities. Call us to confirm service to your specific location."
            },
            {
              id: "2",              title: "Do you charge extra for emergency calls?",              content: "No. We believe honest pricing means the same fair rates 24/7. No surprise emergency premiums. You pay what we quote—nothing more."
            },
            {
              id: "3",              title: "How quickly can you respond to an emergency?",              content: "We aim for a 30-minute response time for emergency calls in the Phoenix metro area. Call (480) 425-3535 and our dispatcher will give you an exact timeframe."
            },
            {
              id: "4",              title: "Are your technicians licensed?",              content: "Yes. All Babcock Plumbing technicians are fully licensed and insured. We comply with all Arizona plumbing codes and regulations."
            },
            {
              id: "5",              title: "Do you offer warranties on your work?",              content: "Absolutely. We stand behind our work with warranty coverage. Ask your technician about the specific warranty for your service when we arrive."
            },
            {
              id: "6",              title: "Can you help with specialty plumbing systems?",              content: "Yes. We have extensive experience with custom plumbing installations, water line repairs, and specialty systems. Tell us about your unique needs and we'll let you know if we can help."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get In Touch"
          title="Request Service or Call Now"
          description="Phone: (480) 425-3535 | Available 24/7 for emergencies. Fill out the form below and we'll get back to you within 2 hours during business hours."
          tagIcon={Phone}
          tagAnimation="opacity"
          inputPlaceholder="Your phone number"
          buttonText="Request Service"
          termsText="We respect your privacy. Your information is used only to contact you about your plumbing service request."
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990690.jpg?_wi=2"
          imageAlt="Professional plumbing service"
          logoText="Babcock Plumbing LLC"
          copyrightText="© 2025 Babcock Plumbing LLC. All rights reserved."
          columns={[
            {
              title: "Quick Links",              items: [
                { label: "Home", href: "/" },
                { label: "Services", href: "#services" },
                { label: "About Us", href: "#about" },
                { label: "FAQ", href: "#faq" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "Call: (480) 425-3535", href: "tel:+14804253535" },
                { label: "24/7 Emergency", href: "tel:+14804253535" },
                { label: "Request Service", href: "#contact" },
                { label: "Google Reviews", href: "#" }
              ]
            },
            {
              title: "Service Areas",              items: [
                { label: "Phoenix", href: "#" },
                { label: "Scottsdale", href: "#" },
                { label: "Tempe & Chandler", href: "#" },
                { label: "All Arizona Metro", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
