"use client";

import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroOverlay from "@/components/sections/hero/HeroOverlay";
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow";
import FeatureCardEight from "@/components/sections/feature/FeatureCardEight";
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import { ShieldCheck, Wrench, DollarSign, Phone } from "lucide-react";

export default function WaterPumpPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="medium"
      sizing="medium"
      background="aurora"
      cardStyle="glass-elevated"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarLayoutFloatingInline
            brandName="FlowMaster Pumps"
            navItems={[
              { name: "Solutions", id: "services" },
              { name: "Expertise", id: "about" },
              { name: "Testimonials", id: "testimonials" },
              { name: "Contact", id: "contact" },
            ]}
            button={{ text: "Get a Quote", href: "#contact" }}
            animateOnLoad={false}
          />
        </div>

        <div id="hero" data-section="hero">
          <HeroOverlay
            title="Precision Water Pump Systems"
            description="High-performance water pumping solutions for residential, industrial, and agricultural needs. Engineered for reliability, efficiency, and long-term durability."
            avatars={[
              { src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-architect-man-showing-thumb-up-gesture-looking-camera_23-2148203957.jpg", alt: "Engineer" },
              { src: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13213.jpg", alt: "Client" },
              { src: "http://img.b2bpic.net/free-photo/photovoltaics-factory-manager-sends-engineer-improve-energy-production_482257-118030.jpg", alt: "Expert" },
            ]}
            avatarText="Over 1,200 successful installations"
            buttons={[
              { text: "Request Consultation", href: "#contact" },
              { text: "View Systems", href: "#services" },
            ]}
            buttonAnimation="slide-up"
            imageSrc="http://img.b2bpic.net/free-photo/piping-circuit_1127-2080.jpg"
            imageAlt="Advanced industrial water pumping station"
            showDimOverlay={true}
          />
        </div>

        <div id="about" data-section="about">
          <MetricSplitMediaAbout
            tag="Our Experience"
            title="Leaders in Flow Dynamics"
            description="With nearly two decades of mastery in fluid mechanics, FlowMaster Pumps provides robust, energy-efficient solutions. We combine advanced engineering with high-quality components to ensure your water systems never falter."
            metrics={[
              { value: "4,000+", title: "Systems commissioned" },
              { value: "99%", title: "Operational uptime" },
            ]}
            imageSrc="http://img.b2bpic.net/free-photo/manufacturer-teaching-new-employee-how-shape-wooden-bowl-disc-sander_482257-99053.jpg"
            imageAlt="Technician performing pump diagnostics"
            mediaBadge={{ text: "Certified Expert Support", className: "bg-blue-600/20" }}
            mediaAnimation="slide-up"
            metricsAnimation="slide-up"
            useInvertedBackground={false}
          />
        </div>

        <div id="services" data-section="services">
          <FeatureCardOne
            title="Core Pump Services"
            description="End-to-end fluid management services tailored to your project."
            buttons={[{ text: "Get a Quote", href: "#contact" }]}
            features={[
              { title: "Industrial Pumping", description: "High-pressure pumps for large-scale operations.", imageSrc: "http://img.b2bpic.net/free-photo/steel-pipelines-cables-plant_1359-135.jpg" },
              { title: "Agricultural Flow", description: "Sustainable water movement for irrigation.", imageSrc: "http://img.b2bpic.net/free-photo/young-green-melon-cantaloupe-growing-greenhouse_1150-10087.jpg" },
              { title: "Domestic Systems", description: "Reliable residential pressure boosting.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-gas-cylinder_23-2149290467.jpg" },
              { title: "Emergency Repair", description: "24/7 rapid response for pump failure.", imageSrc: "http://img.b2bpic.net/free-photo/man-with-tools-truck-worker-uniform-faulty-truck_1157-46516.jpg" },
              { title: "System Audits", description: "Efficiency analysis to save energy costs.", imageSrc: "http://img.b2bpic.net/free-photo/male-production-worker-solar-panel-plant-conducts-routine-inspection_482257-126038.jpg" },
              { title: "Pump Installation", description: "Turnkey installation by certified pros.", imageSrc: "http://img.b2bpic.net/free-photo/deep-well-submersible-pump-isolated-white_627829-7501.jpg" },
            ]}
            gridVariant="uniform-all-items-equal"
            uniformGridCustomHeightClasses="aspect-square"
            gridClassName="md:!grid-cols-3"
            animationType="slide-up"
            textboxLayout="default"
            useInvertedBackground={false}
          />
        </div>

        <FeatureBorderGlow
          title="The FlowMaster Advantage"
          description="Why clients trust our hydraulic solutions"
          features={[
            { icon: ShieldCheck, title: "Built to Last", description: "Durable materials for extreme conditions." },
            { icon: Wrench, title: "Precision Setup", description: "Expert calibration for optimal performance." },
            { icon: DollarSign, title: "Cost Efficient", description: "Designed to lower long-term maintenance." },
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
        />

        <FeatureCardEight
          title="Our Process"
          description="Simple, systematic delivery from site assessment to handover"
          features={[
            { title: "Assessment", description: "Initial site survey for custom needs.", imageSrc: "http://img.b2bpic.net/free-photo/photo-young-female-engineer-writing-her-ideas-notebook-white-wall-high-quality-photo_114579-41573.jpg" },
            { title: "Design", description: "Engineering the perfect pump system.", imageSrc: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-486.jpg" },
            { title: "Installation", description: "Flawless integration with existing pipes.", imageSrc: "http://img.b2bpic.net/free-photo/technician-checking-heating-system-boiler-room_169016-55756.jpg" },
            { title: "Optimization", description: "Fine-tuning for peak efficiency.", imageSrc: "http://img.b2bpic.net/free-photo/reading-instruction_1098-18198.jpg" },
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
        />

        <div id="testimonials" data-section="testimonials">
          <TestimonialCardThirteen
            title="Client Success Stories"
            description="Real results from our satisfied industrial and home partners."
            testimonials={[
              { id: "1", name: "Alex P.", handle: "Facility Manager", testimonial: "FlowMaster cut our energy costs by 20% with their new pump setup.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-entrepreneur-satisfied-with-own-success_1163-5474.jpg" },
              { id: "2", name: "Sarah D.", handle: "Farm Owner", testimonial: "Reliable irrigation year-round, even in the hottest months. Exceptional service!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-cheerful-gardener-smiling-taking-care-plants_176420-3838.jpg" },
              { id: "3", name: "Mark K.", handle: "Homeowner", testimonial: "Fixed my pump failure in hours. Highly skilled team!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-smiling-young-woman-standing-kitchen_23-2147916396.jpg" },
            ]}
            showRating={true}
            animationType="slide-up"
            textboxLayout="default"
            useInvertedBackground={false}
          />
        </div>

        <div id="faq" data-section="faq">
          <FaqSplitText
            sideTitle="Frequently Asked Questions"
            faqs={[
              { id: "1", title: "Do you offer 24/7 repairs?", content: "Yes, our emergency team is on standby 24/7 for critical pump failures." },
              { id: "2", title: "How long do systems last?", content: "With our maintenance plan, a professional pump system can last 15+ years." },
              { id: "3", title: "Do you provide site visits?", content: "Yes, we provide site assessments for every new installation project." },
            ]}
            faqsAnimation="slide-up"
            useInvertedBackground={false}
          />
        </div>

        <div id="contact" data-section="contact">
          <ContactCTA
            tag="Get a Quote"
            tagIcon={Phone}
            title="Ready to Upgrade Your Pumping System?"
            description="Contact our engineering team today for a custom evaluation and free price estimate."
            buttons={[
              { text: "Schedule Consultation", href: "#contact" },
              { text: "Call (555) 777-4444", href: "tel:5557774444" },
            ]}
            background={{ variant: "plain" }}
            useInvertedBackground={false}
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterMedia
            logoText="FlowMaster Pumps"
            imageSrc="http://img.b2bpic.net/free-photo/steel-pipelines-cables-plant_1359-198.jpg"
            columns={[
              { title: "Solutions", items: [{ label: "Pumping Systems", href: "#services" }, { label: "Repairs", href: "#services" }] },
              { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
            ]}
            copyrightText="© 2026 | FlowMaster Pumps"
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
