"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="mediumLarge"
        sizing="medium"
        background="none"
        cardStyle="glass-elevated"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",          id: "hero"},
        {
          name: "About",          id: "about"},
        {
          name: "Services",          id: "features"},
        {
          name: "FAQ",          id: "faq"},
        {
          name: "Contact",          id: "contact"},
      ]}
      brandName="Pronto Plumbers"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardTestimonial
      background={{
        variant: "gradient-bars"}}
      title="Professional Plumbing When You Need It"
      description="Fast, reliable, and professional plumbing services for your home. From emergency leaks to installation, we are your local experts."
      testimonials={[
        {
          name: "John D.",          handle: "@johnd",          testimonial: "Pronto Plumbers fixed my leak in record time. Excellent service!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/positive-excited-young-woman-showing-thumbs-up-having-fun_1262-14331.jpg"},
        {
          name: "Sarah W.",          handle: "@sarahw",          testimonial: "Very professional and clean work. Would recommend.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/friends-enjoying-pizza-lunch_23-2148451694.jpg"},
      ]}
      buttons={[
        {
          text: "Call Now",          href: "#contact"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/radiator-valve-macro-modern-heating-industrial-style_169016-69239.jpg"
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={false}
      title="Your Trusted Local Experts"
      description="We are a locally owned plumbing company dedicated to honest, high-quality workmanship. Our team is fully licensed, insured, and ready to solve your plumbing problems the right way."
      metrics={[
        {
          value: "15+",          title: "Years Experience"},
        {
          value: "5000+",          title: "Jobs Completed"},
        {
          value: "24/7",          title: "Emergency Support"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/flexible-connector-different-wrenches_23-2147772264.jpg"
      mediaAnimation="slide-up"
      metricsAnimation="blur-reveal"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardNineteen
      textboxLayout="split"
      useInvertedBackground={true}
      features={[
        {
          tag: "Fixes",          title: "Pipe Repair",          subtitle: "Expert leak detection",          description: "We pinpoint leaks quickly and repair them using high-grade materials to prevent future issues.",          imageSrc: "http://img.b2bpic.net/free-photo/plumber-assembling-pipe_1098-17772.jpg"},
        {
          tag: "Drains",          title: "Drain Clearing",          subtitle: "Clean and fast",          description: "Professional drain clearing services to remove clogs without damaging your pipes.",          imageSrc: "http://img.b2bpic.net/free-photo/angry-plumber-shouting_1368-946.jpg"},
        {
          tag: "Install",          title: "Water Heaters",          subtitle: "Reliable hot water",          description: "Efficient installation and maintenance of tank and tankless water heating systems.",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-black-man-working_23-2149546192.jpg"},
      ]}
      title="Our Expert Services"
      description="From minor fixes to major installations, we provide comprehensive plumbing care."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "HomeSecure",        "BuiltWell",        "CityCare",        "ReliableBuild",        "UrbanFix"]}
      title="Trusted By The Community"
      description="Working with the best partners to deliver outstanding results."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardSeven
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={true}
      metrics={[
        {
          id: "m1",          value: "99%",          title: "Customer Satisfaction",          items: [
            "Always on time",            "Professional staff",            "Guaranteed work"],
        },
        {
          id: "m2",          value: "24/7",          title: "Available Support",          items: [
            "Emergency service",            "Holiday coverage",            "Fast response"],
        },
        {
          id: "m3",          value: "100%",          title: "Workmanship Guarantee",          items: [
            "Quality assurance",            "Certified team",            "Insurance backed"],
        },
      ]}
      title="Why Choose Us?"
      description="A few reasons why homeowners choose us as their go-to plumbing partner."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={false}
      testimonials={[
        { id: "t1", name: "Mark S.", imageSrc: "http://img.b2bpic.net/free-photo/happy-man-woman-serving-table_23-2147767002.jpg" },
        { id: "t2", name: "Lisa G.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-people-outside_23-2149009321.jpg" },
      ]}
      cardTitle="Client Experiences"
      cardTag="Testimonials"
      cardAnimation="blur-reveal"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="split"
      useInvertedBackground={true}
      faqs={[
        { id: "f1", title: "How do I know if I have a leak?", content: "Watch for unexplained high water bills, damp spots on walls or ceilings, or a sudden drop in water pressure." },
        { id: "f2", title: "Are you available for after-hours emergencies?", content: "Yes, we operate 24/7 to handle critical plumbing emergencies at any time of the day or night." },
        { id: "f3", title: "What service areas do you cover?", content: "We proudly serve the entire downtown metro area, surrounding suburbs, and residential districts within 30 miles." },
      ]}
      title="Common Plumbing Questions"
      description="Answers to the most frequent concerns from our residential and commercial clients."
      faqsAnimation="blur-reveal"
      imageSrc="http://img.b2bpic.net/free-photo/young-loader-uniform-holding-mini-clipboard-smiling-front-view_176474-21392.jpg"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{ variant: "plain" }}
      tag="Contact Us"
      title="24/7 Emergency Plumber"
      description="Need immediate assistance? Call us anytime at (555) 123-4567. We are on call and ready to dispatch to your location."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="Pronto Plumbers"
      columns={[
        {
          title: "Business Details",          items: [
            { label: "123 Plumbing Lane, Metro City", href: "#" },
            { label: "Available 24/7", href: "#" },
            { label: "(555) 123-4567", href: "tel:5551234567" },
          ],
        },
        {
          title: "Service Areas",          items: [
            { label: "Downtown Metro", href: "#" },
            { label: "North Suburbs", href: "#" },
            { label: "East County", href: "#" },
            { label: "West District", href: "#" },
          ],
        },
        {
          title: "Quick Links",          items: [
            { label: "FAQ", href: "#faq" },
            { label: "Contact", href: "#contact" },
          ],
        },
      ]}
      copyrightText="© 2025 Pronto Plumbers. Emergency Plumbing Services."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
