"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { Award, ShieldCheck, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="mediumLarge"
        sizing="mediumLargeSizeLargeTitles"
        background="blurBottom"
        cardStyle="subtle-shadow"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="solid"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",
          id: "#hero",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Services",
          id: "#services",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="Reliable Plumbing"
      button={{
        text: "Book Now",
        href: "#contact",
      }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitKpi
      background={{
        variant: "plain",
      }}
      title="Expert Plumbing You Can Rely On"
      description="Fast, professional, and reliable plumbing solutions for your residential and commercial needs. We are dedicated to providing top-quality service 24/7."
      kpis={[
        {
          value: "15+",
          label: "Years Experience",
        },
        {
          value: "5k+",
          label: "Jobs Completed",
        },
        {
          value: "24/7",
          label: "Emergency Service",
        },
      ]}
      enableKpiAnimation={true}
      buttons={[
        {
          text: "Schedule Service",
          href: "#contact",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/male-barber-sitting-his-shop_23-2149186522.jpg"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man-standing-front-keypad-his-home-alarm-system-smiling_662251-2823.jpg",
          alt: "Portrait of a handsome young man",
        },
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-bathrobe_23-2150323095.jpg",
          alt: "Medium shot man wearing bathrobe",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-fashion-designer-working-her-workshop-alone_23-2148877352.jpg",
          alt: "Young fashion designer working",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-pretty-woman-doing-face-makeup-home_7502-7711.jpg",
          alt: "Young pretty woman at home",
        },
        {
          src: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721539.jpg",
          alt: "Plumbing professional doing work",
        },
      ]}
      marqueeItems={[
        {
          type: "text",
          text: "24/7 Support",
        },
        {
          type: "text",
          text: "Licensed & Insured",
        },
        {
          type: "text",
          text: "Satisfaction Guaranteed",
        },
        {
          type: "text",
          text: "Same-Day Service",
        },
        {
          type: "text",
          text: "Transparent Pricing",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={true}
      title="Why Choose Reliable Plumbing?"
      metrics={[
        {
          label: "Certified Pros",
          value: "100%",
          icon: ShieldCheck,
        },
        {
          label: "Same Day Service",
          value: "Always",
          icon: Zap,
        },
        {
          label: "Satisfaction Rate",
          value: "99.8%",
          icon: Award,
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardSeven
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          title: "Drain Cleaning",
          description: "Professional drain and sewer cleaning to keep your pipes flowing freely.",
          imageSrc: "http://img.b2bpic.net/free-photo/plumber-assembling-pipe_1098-17772.jpg",
        },
        {
          title: "Water Heater Services",
          description: "Expert installation, repair, and maintenance for all water heater models.",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-cancer-having-drink-home_23-2151056036.jpg",
        },
        {
          title: "Leak Detection",
          description: "Advanced equipment to quickly locate and fix hidden water leaks.",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746308.jpg",
        },
      ]}
      title="Comprehensive Plumbing Solutions"
      description="From emergency repairs to full installations, we handle it all with precision and care."
    />
  </div>

  <div id="services" data-section="services">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      products={[
        {
          id: "s1",
          brand: "Plumbing",
          name: "Emergency Leak Repair",
          price: "$150",
          rating: 5,
          reviewCount: "120",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746311.jpg",
        },
        {
          id: "s2",
          brand: "Plumbing",
          name: "Water Heater Installation",
          price: "$450",
          rating: 5,
          reviewCount: "85",
          imageSrc: "http://img.b2bpic.net/free-photo/service-man-adjusting-house-heating-system_1303-26545.jpg",
        },
        {
          id: "s3",
          brand: "Plumbing",
          name: "Sewer Line Inspection",
          price: "$300",
          rating: 4,
          reviewCount: "65",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746294.jpg",
        },
        {
          id: "s4",
          brand: "Plumbing",
          name: "Toilet Installation",
          price: "$200",
          rating: 5,
          reviewCount: "40",
          imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721535.jpg",
        },
        {
          id: "s5",
          brand: "Plumbing",
          name: "Garbage Disposal Fix",
          price: "$180",
          rating: 4,
          reviewCount: "55",
          imageSrc: "http://img.b2bpic.net/free-photo/caucasian-woman-after-shower-towel-stands-balcony-villa-drink-coffee-tea-perfect-start-day-calm-relaxed-female-meets-new-day_343596-2113.jpg",
        },
        {
          id: "s6",
          brand: "Plumbing",
          name: "Pipe Replacement",
          price: "$600",
          rating: 5,
          reviewCount: "30",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746305.jpg",
        },
      ]}
      title="Service Catalog"
      description="Explore our range of specialized residential plumbing services."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "p1",
          badge: "Essential",
          price: "$150",
          subtitle: "Basic repair & diagnostics",
          buttons: [
            {
              text: "Select",
              href: "#contact",
            },
          ],
          features: [
            "Leak investigation",
            "Diagnostic check",
            "Valve inspection",
          ],
        },
        {
          id: "p2",
          badge: "Advanced",
          price: "$350",
          subtitle: "Full system maintenance",
          buttons: [
            {
              text: "Select",
              href: "#contact",
            },
          ],
          features: [
            "Drain cleaning",
            "Hot water flush",
            "Pipe integrity test",
          ],
        },
        {
          id: "p3",
          badge: "Pro",
          price: "$600",
          subtitle: "Total home plumbing care",
          buttons: [
            {
              text: "Select",
              href: "#contact",
            },
          ],
          features: [
            "Drain & sewer",
            "Heater tune-up",
            "Fixture upgrade",
          ],
        },
      ]}
      title="Service Packages"
      description="Transparent pricing for our most popular residential plumbing services."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",
          name: "Sarah Miller",
          imageSrc: "http://img.b2bpic.net/free-photo/older-woman-drinking-coffee-smiling-house-white-shirt-daytime_176474-4942.jpg",
        },
        {
          id: "t2",
          name: "David Clark",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg",
        },
        {
          id: "t3",
          name: "Helen Smith",
          imageSrc: "http://img.b2bpic.net/free-photo/positive-satisfied-customer-making-ok-gesture_74855-3646.jpg",
        },
        {
          id: "t4",
          name: "Robert James",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-giving-his-positive-feedback-shows-okay-ok-gesture-sitting-with-laptop-cafe-visitor-approves-good-coworking-space-holding-mobile-phone_1258-314520.jpg",
        },
        {
          id: "t5",
          name: "Linda White",
          imageSrc: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-854.jpg",
        },
      ]}
      cardTitle="Client Feedback"
      cardTag="Testimonials"
      cardAnimation="slide-up"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "f1",
          title: "Do you offer emergency services?",
          content: "Yes, we are available 24/7 for all emergency plumbing issues.",
        },
        {
          id: "f2",
          title: "Are your plumbers licensed?",
          content: "Absolutely, all our technicians are fully licensed, bonded, and insured.",
        },
        {
          id: "f3",
          title: "How can I book an appointment?",
          content: "You can book directly through our website contact form or give us a call.",
        },
      ]}
      title="Frequently Asked Questions"
      description="Have questions? We're here to help."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={true}
      background={{
        variant: "plain",
      }}
      tag="Contact Us"
      title="Ready for Help?"
      description="Fill out the form below to get a quote or schedule your plumbing appointment today."
      imageSrc="http://img.b2bpic.net/free-photo/happy-electrician-checking-freon-level_482257-91178.jpg"
      mediaAnimation="slide-up"
      inputPlaceholder="Enter your phone number..."
      buttonText="Schedule Now"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Reliable Plumbing"
      columns={[
        {
          title: "Services",
          items: [
            {
              label: "Drain Cleaning",
              href: "#",
            },
            {
              label: "Water Heaters",
              href: "#",
            },
            {
              label: "Repairs",
              href: "#",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "#",
            },
            {
              label: "Contact",
              href: "#",
            },
            {
              label: "Privacy Policy",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2025 Reliable Plumbing Inc."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
