"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { AlertTriangle, Award, Calendar, CheckCircle, Clock, Droplets, Phone, Settings, ShieldCheck, Wrench, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="small"
        sizing="mediumLarge"
        background="floatingGradient"
        cardStyle="soft-shadow"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        { name: "Home", id: "/" },
        { name: "Services", id: "/services" },
        { name: "About", id: "/about" },
        { name: "Reviews", id: "/reviews" },
        { name: "Memberships", id: "/memberships" },
        { name: "Contact", id: "/contact" },
      ]}
      brandName="Reliable Plumbing"
      button={{ text: "Book Online", href: "/contact" }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitKpi
      background={{ variant: "plain" }}
      title="Your Trusted Local Family Plumbers"
      description="Offering reliable, transparent, and same-day plumbing services. Licensed, insured, and ready for your emergency needs, 24/7."
      kpis={[
        { value: "4.8/5", label: "Customer Rating" },
        { value: "2,000+", label: "Five-Star Reviews" },
        { value: "24/7", label: "Emergency Availability" },
      ]}
      enableKpiAnimation={true}
      buttons={[{ text: "Book Now", href: "/contact" }, { text: "Call Us", href: "tel:5550123456" }]}
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rvz7ej"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="features-services" data-section="features-services">
      <FeatureHoverPattern
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        { icon: Droplets, title: "Water Heater Replacement", description: "High-efficiency tank and tankless installation." },
        { icon: Wrench, title: "Pipe & Repipe Work", description: "Complete professional repiping for longevity." },
        { icon: AlertTriangle, title: "Emergency Leak Repair", description: "Same-day service for your urgent pipe bursts." },
        { icon: ShieldCheck, title: "Drain Cleaning & Inspection", description: "Keep your systems flowing with thorough inspections." },
      ]}
      title="Comprehensive Plumbing Solutions"
      description="From emergency leaks to full system repipes, we handle every plumbing project with honesty and efficiency."
    />
  </div>

  <div id="pricing-memberships" data-section="pricing-memberships">
      <PricingCardNine
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={true}
      plans={[
        { id: "basic-m", title: "Standard Support", period: "yearly", price: "$99", features: ["Annual Inspection", "10% Off Repairs", "Priority Scheduling"], button: { text: "Join Now", href: "/contact" } },
        { id: "pro-m", title: "Premium Membership", period: "yearly", price: "$199", features: ["Annual Inspection", "20% Off Repairs", "Emergency Fee Waived", "Priority 24/7 Support"], button: { text: "Join Now", href: "/contact" } },
      ]}
      title="Home Protection Membership"
      description="Join our VIP Club for priority service, annual inspections, and exclusive member discounts on all repairs."
    />
  </div>

  <div id="testimonial-section" data-section="testimonial-section">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      testimonials={[
        { id: "1", name: "Sarah J.", handle: "@homeowner", testimonial: "Same-day service was a lifesaver. Honest pricing and very knowledgeable technician.", rating: 5 },
        { id: "2", name: "Michael D.", handle: "@resident", testimonial: "They arrived exactly on time and fixed my leak in record time. Excellent service!", rating: 5 },
        { id: "3", name: "Emily R.", handle: "@client", testimonial: "Very professional and respectful of my home. The repiping project went perfectly.", rating: 5 },
      ]}
      showRating={true}
      title="Customer Reviews"
      description="Trusted by over 2,000 satisfied families in our community."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Reliable Plumbing"
      columns={[
        { title: "Company", items: [{ label: "About", href: "/about" }, { label: "Reviews", href: "/reviews" }] },
        { title: "Services", items: [{ label: "Repairs", href: "/services" }, { label: "Installations", href: "/services" }] },
        { title: "Support", items: [{ label: "Contact", href: "/contact" }, { label: "Privacy Policy", href: "#" }] },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}