"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="compact"
        sizing="largeSmall"
        background="blurBottom"
        cardStyle="gradient-mesh"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        { name: "Services", id: "#services"},
        { name: "Why Us", id: "#why-us"},
        { name: "Reviews", id: "#reviews"},
        { name: "Contact", id: "#contact"},
      ]}
      brandName="Sherlock Homes Plumbing"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardCarousel
      background={{ variant: "downward-rays-static" }}
      title="Sherlock Homes: Plumbing Solved Fast."
      description="On-site in under 30 minutes for emergencies. Local family-owned, honest pricing, LGBTQ+ friendly, and master plumbing you can trust."
      buttons={[
        { text: "Call Now 24/7", href: "tel:+19139542185" },
        { text: "Get a Free Quote", href: "#contact" },
      ]}
      mediaItems={[
        { imageSrc: "http://img.b2bpic.net/free-photo/mechanical-tools-with-copy-space_23-2148557959.jpg?_wi=1", imageAlt: "plumbing tools" },
        { imageSrc: "http://img.b2bpic.net/free-photo/flexible-connector-different-wrenches_23-2147772264.jpg", imageAlt: "plumbing tools" },
        { imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-pipe-wrench-screwing-nut_181624-49738.jpg", imageAlt: "plumbing tools" },
      ]}
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Google Rated 5 Stars",        "Local Neighborhood Favorite",        "Certified Master Plumbers",        "Family Owned & Operated",        "Emergency Specialists",        "Fully Licensed & Insured",        "LGBTQ+ Friendly",        "Upfront Fair Pricing"
      ]}
      title="Trusted by our community"
      description="We pride ourselves on serving our neighbors with integrity and expertise."
    />
  </div>

  <div id="why-us" data-section="why-us">
      <FeatureCardTwentyThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        { id: "f1", title: "On-Site in 30 Min", tags: ["Emergency", "Speed"], imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-types-tools_23-2148428249.jpg" },
        { id: "f2", title: "Upfront Honest Pricing", tags: ["Fair", "No Surprises"], imageSrc: "http://img.b2bpic.net/free-photo/mechanical-tools-with-copy-space_23-2148557959.jpg?_wi=2" },
        { id: "f3", title: "No Upselling", tags: ["Trust", "Family-Owned"], imageSrc: "http://img.b2bpic.net/free-vector/professional-plumber-service-online-horizontal-isometric-banner-with-two-repairmen-fixing-bathroom-sink-vector-illustration_1284-30481.jpg?_wi=1" },
        { id: "f4", title: "24/7 Support", tags: ["Always On", "Anytime"], imageSrc: "http://img.b2bpic.net/free-vector/plumber-repairs-water-pipes-boiler-sink_107791-13819.jpg?_wi=1" },
      ]}
      title="The Sherlock Promise"
      description="We understand the stress of plumbing emergencies. Here is how we make it right."
    />
  </div>

  <div id="services" data-section="services">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={false}
      products={[
        { id: "s1", brand: "Sherlock", name: "Water Heater Installation", price: "Get Quote", rating: 5, reviewCount: "100+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=sbj459" },
        { id: "s2", brand: "Sherlock", name: "Leak Detection", price: "Get Quote", rating: 5, reviewCount: "80+", imageSrc: "http://img.b2bpic.net/free-vector/professional-plumber-service-online-horizontal-isometric-banner-with-two-repairmen-fixing-bathroom-sink-vector-illustration_1284-30481.jpg?_wi=2" },
        { id: "s3", brand: "Sherlock", name: "Sewer Pipe Repair", price: "Get Quote", rating: 5, reviewCount: "120+", imageSrc: "http://img.b2bpic.net/free-vector/plumber-flat-icons-set_1284-10525.jpg" },
        { id: "s4", brand: "Sherlock", name: "Pipe Repair", price: "Get Quote", rating: 5, reviewCount: "90+", imageSrc: "http://img.b2bpic.net/free-vector/plumber-flat-icons-set_1284-16865.jpg" },
        { id: "s5", brand: "Sherlock", name: "Sump Pump Repair", price: "Get Quote", rating: 5, reviewCount: "60+", imageSrc: "http://img.b2bpic.net/free-vector/plumber-repairs-water-pipes-boiler-sink_107791-13819.jpg?_wi=2" },
        { id: "s6", brand: "Sherlock", name: "Drain Cleaning", price: "Get Quote", rating: 5, reviewCount: "200+", imageSrc: "http://img.b2bpic.net/free-photo/mechanical-tools-with-copy-space_23-2148557959.jpg?_wi=2" },
      ]}
      title="Our Plumbing Services"
      description="Comprehensive care for your home's water and drainage systems."
    />
  </div>

  <div id="how-it-works" data-section="how-it-works">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        { id: "step1", title: "Give Us a Call", content: "Reach out 24/7. We listen to the issue and dispatch immediately." },
        { id: "step2", title: "We Arrive Fast", content: "Our team is on-site in under 30 minutes for emergencies, fully prepared." },
        { id: "step3", title: "Problem Solved", content: "We fix the issue correctly, explain what happened, and keep your price upfront." },
        { id: "step4", title: "Guaranteed Work", content: "We stand behind our repairs with our lifetime guarantee." },
      ]}
      title="How We Help"
      description="Simple, transparent, and fast plumbing solutions for you."
      faqsAnimation="slide-up"
      imageSrc="http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721574.jpg"
      imageAlt="Plumbing professional doing his job"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="reviews" data-section="reviews">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        { id: "t1", name: "Parker Dubb", role: "Homeowner", company: "Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/people-recording-their-house-tour_23-2151139106.jpg" },
        { id: "t2", name: "Amanda Morrow", role: "Homeowner", company: "Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg" },
        { id: "t3", name: "Michelle", role: "Homeowner", company: "Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-outdoors_23-2149901729.jpg" },
        { id: "t4", name: "Local Resident", role: "Homeowner", company: "Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-workman-white-wall_23-2147772246.jpg" },
        { id: "t5", name: "Neighbor", role: "Homeowner", company: "Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-looking-camera-smiling-broadly-with-happy-face-standing-white-background_141793-54115.jpg" },
      ]}
      kpiItems={[
        { value: "500+", label: "Satisfied Neighbors" },
        { value: "100%", label: "Upfront Honest" },
        { value: "30min", label: "Avg Response Time" },
      ]}
      title="Don't take our word for it"
      description="Read real experiences from your local neighbors."
    />
  </div>

  <div id="emergency" data-section="emergency">
      <MetricCardFourteen
      useInvertedBackground={false}
      title="Emergency? Pipe Burst? Water where it shouldn't be?"
      tag="30-Minute Guaranteed Response Time"
      metrics={[
        { id: "m1", value: "24/7", description: "Always Available" },
        { id: "m2", value: "30min", description: "Guaranteed Response" },
        { id: "m3", value: "Master", description: "Plumbers on Staff" },
        { id: "m4", value: "100%", description: "Guarantee" },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Sherlock Homes Plumbing",          items: [
            { label: "Phone: (913) 954-2185", href: "tel:+19139542185" },
            { label: "Address: 20103 Lamar Ave, Stilwell, KS 66085" },
            { label: "Open 24/7 | LGBTQ+ Friendly" },
          ],
        },
        {
          title: "Services",          items: [
            { label: "Water Heater Repair", href: "#services" },
            { label: "Leak Detection", href: "#services" },
            { label: "Pipe & Sewer Repair", href: "#services" },
            { label: "Drain Cleaning", href: "#services" },
          ],
        },
      ]}
      bottomLeftText="© 2024 Sherlock Homes Plumbing."
      bottomRightText="Trustworthy plumbing for our neighbors."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}