"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import { Clock, DollarSign, Gauge, MapPin, ShieldCheck, Smile, Star, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="small"
        sizing="medium"
        background="floatingGradient"
        cardStyle="soft-shadow"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",
          id: "#hero",
        },
        {
          name: "About Us",
          id: "#about",
        },
        {
          name: "Services",
          id: "#services",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="Best Plumbing 24 Inc."
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplit
      background={{
        variant: "radial-gradient",
      }}
      title="Your Trusted 24/7 Plumbers in Fort Lauderdale"
      description="Reliable and expert plumbing services for homes and businesses. From urgent repairs to routine maintenance, we provide quality solutions at fair prices, day or night."
      buttons={[
        {
          text: "Get a Free Estimate",
          href: "#contact",
        },
        {
          text: "Call Us Now",
          href: "tel:7542896794",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/young-woman-construction-uniform-yellow-safety-helmet-standing-with-raised-hands-holding-adjustable-wrenches-annoyed-frustrated-shouting-with-anger-blue-isolated-background_141793-11509.jpg"
      imageAlt="Professional plumber working on a pipe with a smile"
      mediaAnimation="opacity"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/looking-camera-young-male-builder-wearing-uniform-safety-helmet-showing-tongue-putting-hands-hip-isolated-pink-background_141793-63662.jpg",
          alt: "Satisfied client",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-857.jpg",
          alt: "Happy customer",
        },
        {
          src: "http://img.b2bpic.net/free-photo/impressed-middle-aged-blonde-delivery-woman-blue-uniform-cap_141793-116523.jpg",
          alt: "Professional plumber",
        },
        {
          src: "http://img.b2bpic.net/free-photo/greetings-joyful-man-woman-standing-with-back-camera-shaking-hands_259150-58289.jpg",
          alt: "Smiling homeowner",
        },
        {
          src: "http://img.b2bpic.net/free-photo/pleased-young-male-builder-wearing-uniform-safety-helmet-showing-two-pink_141793-74761.jpg",
          alt: "Trusted service user",
        },
      ]}
      avatarText="Join 5,000+ happy clients!"
      marqueeItems={[
        {
          type: "text-icon",
          text: "24/7 Emergency Service",
          icon: Clock,
        },
        {
          type: "text-icon",
          text: "Licensed & Insured",
          icon: ShieldCheck,
        },
        {
          type: "text-icon",
          text: "Customer Satisfaction",
          icon: Star,
        },
        {
          type: "text-icon",
          text: "Fair & Transparent Pricing",
          icon: DollarSign,
        },
        {
          type: "text-icon",
          text: "Local Fort Lauderdale Experts",
          icon: MapPin,
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={false}
      heading={[
        {
          type: "text",
          content: "Best Plumbing 24 Inc. – Dedicated to Quality & Service",
        },
      ]}
      buttons={[
        {
          text: "Learn More About Us",
          href: "#about",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/people-spending-time-gas-station_23-2150440230.jpg"
      imageAlt="Team of professional plumbers from Best Plumbing 24 Inc."
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwentyThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "emergency-repairs",
          title: "24/7 Emergency Repairs",
          tags: [
            "Urgent",
            "Reliable",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721531.jpg",
          imageAlt: "Plumber quickly fixing a burst pipe",
        },
        {
          id: "drain-cleaning",
          title: "Expert Drain Cleaning",
          tags: [
            "Clogs",
            "Maintenance",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/brutal-beard-worker-man-suit-construction-worker-safety-orange-helmet-near-steel-pipes-with-tape-measure-hand_627829-11415.jpg",
          imageAlt: "Plumber using equipment for drain cleaning",
        },
        {
          id: "water-heaters",
          title: "Water Heater Services",
          tags: [
            "Repair",
            "Installation",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/view-plumber-working-fix-problems_23-2150990693.jpg",
          imageAlt: "Technician inspecting a water heater",
        },
        {
          id: "leak-detection",
          title: "Advanced Leak Detection",
          tags: [
            "Hidden Leaks",
            "Prevention",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-scientist-analysing-health-informations-tablet-while-specialist-sport-supervises-exercise-sportsman-monitoring-his-physical-endurance-examining-medical-scan-notepad-laboratory_482257-13199.jpg",
          imageAlt: "Plumber using specialized tools for leak detection",
        },
      ]}
      title="Our Comprehensive Plumbing Solutions"
      description="We offer a full spectrum of plumbing services designed to address any issue, big or small, with efficiency and expertise."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "years-experience",
          icon: Gauge,
          title: "Years of Experience",
          value: "15+",
        },
        {
          id: "satisfied-clients",
          icon: Smile,
          title: "Satisfied Clients",
          value: "5000+",
        },
        {
          id: "emergency-calls",
          icon: Zap,
          title: "Emergency Calls Handled",
          value: "2000+",
        },
        {
          id: "average-rating",
          icon: Star,
          title: "Average Rating",
          value: "4.9/5",
        },
      ]}
      title="Our Track Record Speaks for Itself"
      description="Proudly serving the Fort Lauderdale community with unmatched professionalism and dedication. Our numbers reflect our commitment to excellence."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          title: "Exceptional Service!",
          quote: "I had a leaking pipe in my basement that needed urgent attention, so I called Best Plumbing 24 Inc. They were incredibly responsive and sent a plumber over within the hour. The plumber was professional, courteous, and got the job done quickly.",
          name: "Adele Jones",
          role: "Homeowner, Fort Lauderdale",
          imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-camera-office_482257-119300.jpg",
        },
        {
          id: "2",
          title: "Highly Recommend!",
          quote: "Based on their ratings, I employed Best Plumbing 24 Inc. for a water heater replacement and now know why the ratings are so positive. We are VERY happy with their service. Fair price, knowledgeable staff, fast & efficient.",
          name: "Beware Dogma",
          role: "Resident, Fort Lauderdale",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-business-man-standing-office-cafe-leaning-counter-holding-jacket-shoulder-showing-thumb-up_74855-15159.jpg",
        },
        {
          id: "3",
          title: "Quality Work, Every Time",
          quote: "I've used Best Plumbing 24 Inc. for many years. They are a long time Ft Lauderdale company and their reputation for quality work is well deserved. They respond quickly and on time and their work is always done right.",
          name: "Cathy Gross",
          role: "Loyal Customer, Fort Lauderdale",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg",
        },
        {
          id: "4",
          title: "Professional and Courteous",
          quote: "Best Plumbing 24 Inc. fixed a complex issue with our main sewer line. Their team was incredibly professional, explained everything clearly, and left the area spotless. Seriously nice people to work with.",
          name: "Robert Davis",
          role: "Business Owner, Boca Raton",
          imageSrc: "http://img.b2bpic.net/free-photo/male-suit-showing-thumb-up_23-2148112210.jpg",
        },
        {
          id: "5",
          title: "Fast and Efficient!",
          quote: "Our kitchen sink was completely clogged. Best Plumbing 24 Inc. responded immediately and had it cleared in no time. The plumber was very efficient and friendly. Excellent service!",
          name: "Maria Garcia",
          role: "Homeowner, Fort Lauderdale",
          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-couple-kitchen-morning_23-2147894726.jpg",
        },
      ]}
      title="What Our Valued Customers Say"
      description="Our clients' satisfaction is our top priority. Read genuine testimonials from homeowners and businesses who trust us with their plumbing needs."
    />
  </div>

  <div id="partners" data-section="partners">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Local Homes",
        "Property Managers",
        "Restaurants",
        "Hotels",
        "Schools",
        "Retail Stores",
        "Healthcare Clinics",
      ]}
      title="Trusted by the Fort Lauderdale Community"
      description="We are proud to be the preferred plumbing partner for a diverse range of clients, from individual homeowners to large commercial establishments."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",
          title: "Do you offer 24/7 emergency plumbing services?",
          content: "Yes, Best Plumbing 24 Inc. provides round-the-clock emergency plumbing services. You can call us anytime, day or night, for urgent plumbing issues in Fort Lauderdale and surrounding areas.",
        },
        {
          id: "faq-2",
          title: "What areas do you serve?",
          content: "We proudly serve Fort Lauderdale, Boca Raton, and the wider Broward County region. Contact us to confirm service availability in your specific location.",
        },
        {
          id: "faq-3",
          title: "Are your plumbers licensed and insured?",
          content: "Absolutely. All our plumbers are fully licensed, insured, and undergo continuous training to ensure they meet the highest industry standards for safety and quality.",
        },
        {
          id: "faq-4",
          title: "How do you price your plumbing services?",
          content: "We believe in transparent and fair pricing. We provide upfront estimates before starting any work, ensuring there are no hidden fees or surprises. Our pricing is competitive and value-driven.",
        },
        {
          id: "faq-5",
          title: "Can I get a free estimate for a non-emergency service?",
          content: "Yes, we offer free, no-obligation estimates for non-emergency plumbing services and new installations. Schedule an appointment with our team to discuss your needs.",
        },
      ]}
      title="Frequently Asked Questions"
      description="Find quick answers to common questions about our services, availability, and pricing. If you can't find what you're looking for, feel free to contact us directly."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Get in Touch"
      title="Need Fast & Reliable Plumbing Service?"
      description="Our team is standing by 24/7 to provide expert plumbing assistance. Fill out the form below or call us directly for immediate support."
      imageSrc="http://img.b2bpic.net/free-photo/call-center-agent-uses-artificial-intelligence-enhance-customer-interactions_482257-126113.jpg"
      imageAlt="Plumber talking on the phone for emergency service"
      mediaAnimation="opacity"
      mediaPosition="left"
      inputPlaceholder="Your Email Address"
      buttonText="Send Message"
      termsText="By sending a message, you agree to our Terms and Conditions and Privacy Policy."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/top-view-steel-hammer-with-other-construction-elements-tools_23-2150576387.jpg"
      imageAlt="Plumbing tools and pipes background"
      logoText="Best Plumbing 24 Inc."
      columns={[
        {
          title: "Services",
          items: [
            {
              label: "Emergency Repairs",
              href: "#services",
            },
            {
              label: "Drain Cleaning",
              href: "#services",
            },
            {
              label: "Water Heaters",
              href: "#services",
            },
            {
              label: "Leak Detection",
              href: "#services",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "Testimonials",
              href: "#testimonials",
            },
            {
              label: "Contact Us",
              href: "#contact",
            },
          ],
        },
        {
          title: "Support",
          items: [
            {
              label: "FAQ",
              href: "#faq",
            },
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 Best Plumbing 24 Inc. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
