"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import MediaAbout from '@/components/sections/about/MediaAbout';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
import FaqBase from '@/components/sections/faq/FaqBase';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Shield, Star } from "lucide-react";

export default function MontanaPlumbingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="compact"
      sizing="largeSmallSizeLargeTitles"
      background="noiseDiagonalGradient"
      cardStyle="gradient-bordered"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="glass"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Montana Plumbing"
          navItems={[
            { name: "About", id: "about" },
            { name: "Services", id: "services" },
            { name: "Work", id: "gallery" },
            { name: "FAQ", id: "faq" }
          ]}
          button={{
            text: "Schedule Service",            href: "#contact"
          }}
          className="bg-opacity-95 backdrop-blur-md"
          navItemClassName="font-medium text-sm tracking-wide"
          buttonClassName="font-semibold px-6 py-2.5"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitKpi
          title="Montana's Most Trusted Residential Plumbing Experts"
          description="Precision. Integrity. Done Right the First Time. Professional plumbing service you can depend on."
          tag="Premium Service"
          tagIcon={Shield}
          background={{ variant: "plain" }}
          kpis={[
            { value: "Licensed & Insured", label: "Professional Credentials" },
            { value: "5-Star Rated", label: "Customer Trust" },
            { value: "24/7 Emergency", label: "Always Available" }
          ]}
          enableKpiAnimation={true}
          imageSrc="http://img.b2bpic.net/free-photo/basin-black-faucet-green-bathroom-with-lighting-cozy-spa-nook_169016-69326.jpg?_wi=1"
          imageAlt="Luxury home bathroom with elegant plumbing fixtures"
          imagePosition="right"
          mediaAnimation="slide-up"
          buttons={[
            { text: "Schedule Service", href: "#contact" },
            { text: "Call Now", href: "tel:+1234567890" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="Why Homeowners Choose Montana Plumbing"
          description="Trusted by Montana families for reliable, professional plumbing solutions."
          tag="Customer Stories"
          tagIcon={Star}
          testimonials={[
            {
              id: "1",              name: "Sarah Johnson",              handle: "@sarahj",              testimonial: "Victor is a treasure. Not only is he a hard worker, but on time, creative in solving issues and trustworthy. We wouldn't trust our home to anyone else.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg?_wi=1"
            },
            {
              id: "2",              name: "Michael Chen",              handle: "@mchen",              testimonial: "Professional, honest, and incredibly skilled. Victor treated our home like his own and completed the job perfectly.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1"
            },
            {
              id: "3",              name: "Emily Rodriguez",              handle: "@emilyrod",              testimonial: "Finally found a plumber we trust completely. Victor's attention to detail and transparent pricing set him apart.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg?_wi=2"
            },
            {
              id: "4",              name: "David Kim",              handle: "@dkim",              testimonial: "Exceptional craftsmanship and customer service. Victor solved our water pressure issue creatively and efficiently.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2"
            }
          ]}
          showRating={true}
          textboxLayout="default"
          useInvertedBackground={true}
          animationType="slide-up"
          buttons={[
            { text: "Read More Reviews", href: "#" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Meet Victor – The Man Behind the Craft"
          description="Montana Plumbing Company was built on one simple principle: Do the job right. Every time. Victor has spent years serving homeowners who value reliability, craftsmanship, and transparency. From full home repipes to precision fixture installs, he treats every home like his own. When you hire Montana Plumbing Company, you're not getting a random technician. You're getting a professional who stands behind his work."
          imageSrc="http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-standing-with-arms-crossed-with-confident-smile-isolated-orange-wall_141793-14478.jpg"
          imageAlt="Victor, owner and master plumber"
          useInvertedBackground={false}
          buttons={[
            { text: "Learn More", href: "#services" }
          ]}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardSix
          title="Our Services"
          description="Comprehensive plumbing solutions for your home's needs."
          tag="Professional Services"
          textboxLayout="default"
          useInvertedBackground={true}
          features={[
            {
              id: 1,
              title: "Residential Plumbing",              description: "Leak detection & repair, pipe repair & replacement, fixture installations, and water pressure solutions for your home.",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-plumber-checking-kitchen-fixtures_1098-17864.jpg"
            },
            {
              id: 2,
              title: "Water Heater Services",              description: "Tank and tankless water heater installations, repairs, and maintenance to keep your home supplied with reliable hot water.",              imageSrc: "http://img.b2bpic.net/free-photo/view-plumber-working-fix-problems_23-2150990693.jpg"
            },
            {
              id: 3,
              title: "Kitchen & Bathroom Remodels",              description: "High-end fixture installation, custom plumbing layouts, and renovation support for your dream home upgrade.",              imageSrc: "http://img.b2bpic.net/free-photo/basin-black-faucet-green-bathroom-with-lighting-cozy-spa-nook_169016-69326.jpg?_wi=2"
            },
            {
              id: 4,
              title: "Emergency Plumbing",              description: "Fast, clean, and reliable emergency response available 24/7 when you need it most.",              imageSrc: "http://img.b2bpic.net/free-photo/man-fixing-kitchen-sink_53876-13430.jpg"
            }
          ]}
          buttons={[
            { text: "Request Service", href: "#contact" }
          ]}
        />
      </div>

      <div id="differentiation" data-section="differentiation">
        <MetricCardTwo
          title="What Makes Us Different"
          description="The details that set Montana Plumbing apart from the rest."
          gridVariant="uniform-all-items-equal"
          textboxLayout="default"
          useInvertedBackground={false}
          metrics={[
            { id: "1", value: "On Time", description: "We show up on time, every time" },
            { id: "2", value: "Clear Communication", description: "We explain the work and options clearly" },
            { id: "3", value: "Clean Work", description: "We leave your home cleaner than we found it" },
            { id: "4", value: "Creative Solutions", description: "We solve problems with smart craftsmanship" },
            { id: "5", value: "Backed by Guarantee", description: "We stand behind every job we complete" }
          ]}
          animationType="slide-up"
        />
      </div>

      <div id="gallery" data-section="gallery">
        <BlogCardOne
          title="Our Work"
          description="See the quality and attention to detail in every project."
          textboxLayout="default"
          useInvertedBackground={true}
          blogs={[
            {
              id: "1",              category: "Bathroom",              title: "Luxury Bathroom Upgrades",              excerpt: "High-end fixture installations and custom plumbing layouts for dream bathroom remodels.",              imageSrc: "http://img.b2bpic.net/free-photo/basin-black-faucet-green-bathroom-with-lighting-cozy-spa-nook_169016-69326.jpg?_wi=3",              imageAlt: "Luxury bathroom upgrade",              authorName: "Montana Plumbing",              authorAvatar: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-standing-with-arms-crossed-with-confident-smile-isolated-orange-wall_141793-14478.jpg",              date: "Recent Project"
            },
            {
              id: "2",              category: "Kitchen",              title: "Kitchen Plumbing Solutions",              excerpt: "Professional kitchen sink installation and plumbing infrastructure for modern home upgrades.",              imageSrc: "http://img.b2bpic.net/free-photo/back-view-man-crouching-near-kitchen-sink_259150-58255.jpg",              imageAlt: "Modern kitchen plumbing",              authorName: "Montana Plumbing",              authorAvatar: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-standing-with-arms-crossed-with-confident-smile-isolated-orange-wall_141793-14478.jpg",              date: "Recent Project"
            },
            {
              id: "3",              category: "Installation",              title: "Water Heater Installation",              excerpt: "Professional water heater replacement with clean, organized installation in your home.",              imageSrc: "http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334225.jpg",              imageAlt: "Water heater installation",              authorName: "Montana Plumbing",              authorAvatar: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-standing-with-arms-crossed-with-confident-smile-isolated-orange-wall_141793-14478.jpg",              date: "Recent Project"
            },
            {
              id: "4",              category: "Mechanical",              title: "Organized Mechanical Systems",              excerpt: "Clean, professional pipe installation and mechanical room organization for reliability.",              imageSrc: "http://img.b2bpic.net/free-photo/steel-pipelines-cables-factory-interior-as-industrial-zone-background-concept_645730-802.jpg",              imageAlt: "Professional mechanical room",              authorName: "Montana Plumbing",              authorAvatar: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-standing-with-arms-crossed-with-confident-smile-isolated-orange-wall_141793-14478.jpg",              date: "Recent Project"
            }
          ]}
          animationType="slide-up"
          buttons={[
            { text: "View Portfolio", href: "#" }
          ]}
        />
      </div>

      <div id="trust" data-section="trust">
        <MetricCardTwo
          title="Our Promise"
          description="What you can expect when working with Montana Plumbing Company."
          gridVariant="uniform-all-items-equal"
          textboxLayout="default"
          useInvertedBackground={false}
          metrics={[
            { id: "1", value: "Transparent Pricing", description: "No hidden fees, ever" },
            { id: "2", value: "Quality Materials", description: "Only the best for your home" },
            { id: "3", value: "Workmanship Guarantee", description: "If it's not right, we make it right" }
          ]}
          animationType="slide-up"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Answers to common questions about our services."
          tag="Help & Support"
          textboxLayout="default"
          useInvertedBackground={true}
          faqsAnimation="slide-up"
          faqs={[
            {
              id: "1",              title: "Do you offer emergency plumbing services?",              content: "Yes! We offer 24/7 emergency plumbing services for urgent situations. Call us anytime you need fast, reliable help."
            },
            {
              id: "2",              title: "What is your service area?",              content: "We proudly serve Montana homeowners throughout the region. Contact us to confirm we service your area."
            },
            {
              id: "3",              title: "Do you offer financing options?",              content: "We're happy to discuss payment options and financing plans for larger projects. Call for details."
            },
            {
              id: "4",              title: "What warranty do you provide?",              content: "All our work is backed by a comprehensive workmanship guarantee. If something isn't right, we make it right."
            },
            {
              id: "5",              title: "How do I schedule a service?",              content: "Schedule online, call us directly, or fill out our contact form. We'll work with your schedule to find a time that works."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Montana Plumbing"
          leftLink={{ text: "Privacy Policy", href: "#" }}
          rightLink={{ text: "License #12345", href: "#" }}
        />
      </div>
    </ThemeProvider>
  );
}