"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { CheckCircle, Wrench, Star, Phone } from "lucide-react";

export default function PlumbingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="mediumSmall"
      sizing="largeSizeMediumTitles"
      background="none"
      cardStyle="gradient-mesh"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="solid"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="ProPlumbing"
          button={{
            text: "Get Quote",            href: "#contact"
          }}
          className="w-full"
          buttonClassName="px-6 py-2.5"
          buttonTextClassName="font-semibold"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardGallery
          title="Professional Plumbing Solutions for Your Home"
          description="Expert plumbing services available 24/7. From installations to emergency repairs, we deliver trusted solutions with certified professionals."
          tag="Licensed & Insured"
          tagIcon={CheckCircle}
          buttons={[
            {
              text: "Get Free Quote",              href: "#contact"
            },
            {
              text: "Emergency Service",              href: "tel:1-800-PLUMBER"
            }
          ]}
          mediaItems={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721539.jpg",              imageAlt: "Professional plumber at work"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721546.jpg",              imageAlt: "Plumbing installation service"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721542.jpg",              imageAlt: "Kitchen sink repair"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721535.jpg",              imageAlt: "Water heater installation"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-happy-auto-repairman-looking-camera-while-his-customers-are-standing-background_637285-7790.jpg",              imageAlt: "Professional plumbing team"
            }
          ]}
          className="w-full"
          containerClassName="py-20"
          titleClassName="text-5xl md:text-6xl font-light"
          descriptionClassName="text-lg opacity-90"
          buttonClassName="px-8 py-3 font-semibold"
          buttonTextClassName="font-medium"
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitTabsAbout
          title="Why Choose ProPlumbing"
          description="With over 20 years of industry experience, we've built our reputation on quality workmanship and outstanding customer service."
          tabs={[
            {
              id: "certified",              label: "Certified Experts",              description: "Our team consists of licensed plumbers with extensive training and certifications. We stay updated with the latest plumbing codes and best practices to ensure your system is in expert hands."
            },
            {
              id: "service",              label: "24/7 Emergency Service",              description: "Plumbing emergencies don't wait for business hours. Our emergency response team is available round-the-clock to handle urgent repairs and prevent water damage to your property."
            },
            {
              id: "transparent",              label: "Transparent Pricing",              description: "No hidden fees, no surprises. We provide upfront quotes for all work and explain every step of the process. You'll know exactly what to expect before we begin any job."
            },
            {
              id: "guarantee",              label: "Satisfaction Guaranteed",              description: "We stand behind our work with a comprehensive warranty on all services. Your satisfaction is our priority, and we won't consider the job done until you're completely happy."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/portrait-happy-auto-repairman-looking-camera-while-his-customers-are-standing-background_637285-7790.jpg"
          imageAlt="Professional plumbing team members"
          imagePosition="right"
          useInvertedBackground="noInvert"
          className="w-full"
          containerClassName="py-20"
          contentCardClassName="p-8"
          titleClassName="text-4xl md:text-5xl font-light"
          tabClassName="px-4 py-2 font-medium text-sm"
          activeTabClassName="opacity-100"
          descriptionClassName="text-base leading-relaxed"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTwelve
          features={[
            {
              id: "repairs",              label: "Repairs",              title: "Emergency & Routine Repairs",              items: [
                "Leak detection and repair",                "Burst pipe replacement",                "Drain cleaning and unclogging",                "Fixture replacement",                "Water pressure issues"
              ],
              buttons: [
                {
                  text: "Learn More",                  href: "#contact"
                }
              ]
            },
            {
              id: "installations",              label: "Installations",              title: "New System Installation",              items: [
                "Water heater installation",                "Pipe system upgrades",                "Bathroom fixture installation",                "Sump pump installation",                "Gas line installation"
              ],
              buttons: [
                {
                  text: "Get Quote",                  href: "#contact"
                }
              ]
            },
            {
              id: "maintenance",              label: "Maintenance",              title: "Preventive Maintenance Plans",              items: [
                "Annual system inspections",                "Water heater maintenance",                "Pipe inspection services",                "Drain treatment",                "Emergency backup service"
              ],
              buttons: [
                {
                  text: "View Plans",                  href: "#contact"
                }
              ]
            }
          ]}
          animationType="slide-up"
          title="Our Services"
          description="Comprehensive plumbing solutions for residential and commercial properties"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          tag="Complete Solutions"
          tagIcon={Wrench}
          className="w-full"
          containerClassName="py-20"
          labelClassName="text-5xl md:text-6xl font-light opacity-80"
          cardTitleClassName="text-2xl font-light"
          itemTextClassName="text-base"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              role: "Homeowner",              company: "Residential Customer",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",              name: "David Chen",              role: "Property Manager",              company: "Commercial Client",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",              imageAlt: "David Chen"
            },
            {
              id: "3",              name: "Maria Rodriguez",              role: "Business Owner",              company: "Restaurant Owner",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg",              imageAlt: "Maria Rodriguez"
            },
            {
              id: "4",              name: "James Patterson",              role: "Homeowner",              company: "Residential Customer",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",              imageAlt: "James Patterson"
            },
            {
              id: "5",              name: "Amanda Brooks",              role: "Facilities Director",              company: "Office Building",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",              imageAlt: "Amanda Brooks"
            },
            {
              id: "6",              name: "Robert Sullivan",              role: "Homeowner",              company: "Residential Customer",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",              imageAlt: "Robert Sullivan"
            }
          ]}
          gridVariant="uniform-alternating-sizes"
          animationType="slide-up"
          title="What Our Customers Say"
          description="Real feedback from homeowners and business owners we've served"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          tag="Testimonials"
          tagIcon={Star}
          className="w-full"
          containerClassName="py-20"
          titleClassName="text-4xl md:text-5xl font-light"
          descriptionClassName="text-lg opacity-90"
          nameClassName="font-semibold text-white"
          roleClassName="text-sm opacity-90"
          companyClassName="text-sm font-medium"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Get Started"
          tagIcon={Phone}
          title="Request Your Free Quote Today"
          description="Contact us for a no-obligation inspection and quote. Our team will assess your plumbing needs and provide a transparent estimate for the work required."
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/cheerful-adult-plumber-sitting-bathroom_23-2147772218.jpg"
          imageAlt="Professional plumbing service"
          mediaPosition="right"
          inputPlaceholder="Enter your email"
          buttonText="Request Quote"
          termsText="We'll contact you within 24 hours. Your information is secure and never shared."
          className="w-full"
          containerClassName="py-20"
          titleClassName="text-4xl md:text-5xl font-light"
          descriptionClassName="text-lg leading-relaxed"
          inputClassName="px-4 py-3 rounded-lg"
          buttonClassName="px-8 py-3 font-semibold"
          buttonTextClassName="font-medium"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/cheerful-adult-plumber-sitting-bathroom_23-2147772218.jpg"
          imageAlt="Professional plumbing service background"
          columns={[
            {
              title: "Services",              items: [
                {
                  label: "Emergency Repairs",                  href: "#services"
                },
                {
                  label: "Installations",                  href: "#services"
                },
                {
                  label: "Maintenance Plans",                  href: "#services"
                },
                {
                  label: "Water Heaters",                  href: "#services"
                }
              ]
            },
            {
              title: "Company",              items: [
                {
                  label: "About Us",                  href: "#about"
                },
                {
                  label: "Testimonials",                  href: "#testimonials"
                },
                {
                  label: "Service Areas",                  href: "#"
                },
                {
                  label: "Contact",                  href: "#contact"
                }
              ]
            },
            {
              title: "Support",              items: [
                {
                  label: "Emergency Service",                  href: "tel:1-800-PLUMBER"
                },
                {
                  label: "FAQ",                  href: "#"
                },
                {
                  label: "Privacy Policy",                  href: "#"
                },
                {
                  label: "Terms of Service",                  href: "#"
                }
              ]
            }
          ]}
          logoText="ProPlumbing"
          copyrightText="© 2025 ProPlumbing. All rights reserved."
          className="w-full"
          containerClassName="py-16"
          logoTextClassName="text-2xl font-light"
          columnTitleClassName="text-lg font-semibold"
          columnItemClassName="text-sm opacity-90 hover:opacity-100"
        />
      </div>
    </ThemeProvider>
  );
}