"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import TextAbout from '@/components/sections/about/TextAbout';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Wrench, Droplet, Pipe, Water, Thermometer, Gauge, Leak, Hammer } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="smallMedium"
      sizing="largeSizeMediumTitles"
      background="circleGradient"
      cardStyle="gradient-bordered"
      primaryButtonStyle="flat"
      secondaryButtonStyle="solid"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          navItems={[
            { name: "Home", id: "/" },
            { name: "Services", id: "#services" },
            { name: "About", id: "#about" },
            { name: "Testimonials", id: "#testimonials" },
            { name: "Contact", id: "#contact" }
          ]}
          brandName="Plumber's Crack"
          button={{ text: "Get a Free Quote", href: "#contact" }}
          animateOnLoad={true}
        />
      </div>
      <div id="hero" data-section="hero">
        <HeroSplitTestimonial
          background={{ variant: "glowing-orb" }}
          title="Your Trusted Plumber's Crack"
          description="Reliable, efficient, and friendly plumbing services for your home and business. We fix leaks, clogs, and all your plumbing needs with a smile."
          testimonials={[
            { name: "Sarah L.", handle: "Homeowner, Springfield", testimonial: "Plumber's Crack saved us during a basement flood! Fast, professional, and they explained everything clearly. Highly recommend!", rating: 5, imageSrc: "https://pixabay.com/get/g079f6872ea080e0c8ed14bd75ebd9dfc7c237b114c92d7eeec71b4eb8ded90e53dab52c44e90f8660a242e908149982f66cbceae20be244f379008173b9fa948_1280.jpg", imageAlt: "Sarah L. - Homeowner, Springfield" },
            { name: "Mark D.", handle: "Restaurant Owner, Downtown", testimonial: "Their team handles our restaurant's complex plumbing with ease. Always on time, courteous, and incredibly thorough.", rating: 5, imageSrc: "https://pixabay.com/get/ga473de85df718f953ee766091dcaf1f3122f1347b1699358b676850fb9d575c74b4028460b7ba7700b07ae112336922f6dc43e9436b46208d2debeeb081ca9fa_1280.jpg", imageAlt: "Mark D. - Restaurant Owner, Downtown" },
            { name: "Emily R.", handle: "Property Manager, Northside", testimonial: "We rely on Plumber's Crack for all our properties. Their consistent quality and quick response times are unmatched.", rating: 5, imageSrc: "https://pixabay.com/get/gfc56e3111533ef38348705e02a74389ecd258108c01bc88d92ef97c82b1474c03625c5ff9ecf8623747615a1e3cc8bf5933d67dc84831923303171577c74ac26_1280.jpg", imageAlt: "Emily R. - Property Manager, Northside" },
            { name: "David K.", handle: "Small Business Owner, Lakeside", testimonial: "Professional, fairly priced, and genuinely good people. They fixed our office's persistent leak efficiently.", rating: 5, imageSrc: "https://pixabay.com/get/g74ac8269ec21275294839d937e732a82943eb76984e8f3723eb28fde809ed38bbd445ce42c0bd1b1e7cd633c561eedf57db68b6402919712ee18d842ae925875_1280.jpg", imageAlt: "David K. - Small Business Owner, Lakeside" }
          ]}
          useInvertedBackground={false}
          tag="Emergency Service Available 24/7"
          tagAnimation="slide-up"
          buttons={[
            { text: "Request Service", href: "#contact" },
            { text: "Learn More", href: "#services" }
          ]}
          buttonAnimation="slide-up"
          avatars={[
            { src: "https://pixabay.com/get/g079f6872ea080e0c8ed14bd75ebd9dfc7c237b114c92d7eeec71b4eb8ded90e53dab52c44e90f8660a242e908149982f66cbceae20be244f379008173b9fa948_1280.jpg", alt: "Customer 1" },
            { src: "https://pixabay.com/get/ga473de85df718f953ee766091dcaf1f3122f1347b1699358b676850fb9d575c74b4028460b7ba7700b07ae112336922f6dc43e9436b46208d2debeeb081ca9fa_1280.jpg", alt: "Customer 2" },
            { src: "https://pixabay.com/get/gfc56e3111533ef38348705e02a74389ecd258108c01bc88d92ef97c82b1474c03625c5ff9ecf8623747615a1e3cc8bf5933d67dc84831923303171577c74ac26_1280.jpg", alt: "Customer 3" },
            { src: "https://pixabay.com/get/g74ac8269ec21275294839d937e732a82943eb76984e8f3723eb28fde809ed38bbd445ce42c0bd1b1e7cd633c561eedf57db68b6402919712ee18d842ae925875_1280.jpg", alt: "Customer 4" }
          ]}
          avatarText="Join 1000+ Happy Customers"
          imageSrc="https://pixabay.com/get/g3abfc861ac7c355abd0c2a5338d55c2ceb3af8b38fce8593db471be367b1ae3360c613623c1266bbb757865e13ed55561a4dbf2489215012d479265390abed3e_1280.jpg"
          imageAlt="Friendly plumber working on pipes under a sink"
          mediaAnimation="slide-up"
          imagePosition="right"
          fixedMediaHeight={true}
        />
      </div>
      <div id="about" data-section="about">
        <TextAbout
          title="Solving Your Plumbing Problems with Expertise and Care"
          useInvertedBackground={false}
          buttons={[{ text: "Our Story", href: "#about" }]}
        />
      </div>
      <div id="services" data-section="services">
        <FeatureCardTen
          features={[
            { id: "1", title: "Emergency Repairs", description: "Facing a sudden plumbing crisis? Our rapid response team is available 24/7 to handle burst pipes, major leaks, and overflowing toilets quickly and efficiently.", media: { imageSrc: "https://pixabay.com/get/g7e14f4d7045a793f7c478adeff57e1bb884d2049a58a7b0b5956e063e22750a8129e800652c49d7561e6dc4681aaa610e8f2cf0ce350e47c036d4d1ca254ef0f_1280.jpg", imageAlt: "Plumber fixing a burst pipe" }, items: [{ icon: Wrench, text: "24/7 Rapid Response" }, { icon: Droplet, text: "Leak Detection & Repair" }], reverse: false },
            { id: "2", title: "Drain Cleaning & Unclogging", description: "Don't let slow drains or stubborn clogs disrupt your day. We use advanced techniques to clear blockages, from kitchen sinks to main sewer lines, ensuring smooth flow.", media: { imageSrc: "https://pixabay.com/get/g627daf715b073c20e38b8f2885bfc16ea994d57c726fea80b7fc1ac7ad88d185633b08727471223d8519cb814251b30993691b5abb94831902e0d2300caa5023_1280.jpg", imageAlt: "Plumber clearing a clogged drain" }, items: [{ icon: Pipe, text: "Advanced Snaking" }, { icon: Water, text: "Hydro-Jetting" }], reverse: true },
            { id: "3", title: "Water Heater Services", description: "From chilly showers to no hot water at all, we diagnose, repair, and install all types of water heaters, including tankless systems, for consistent comfort.", media: { imageSrc: "https://pixabay.com/get/gcbef8436d2461b65b1fb2bea62d7851196538fa74fdb094a78f44fd791f6c140e93700387140904cdd81dd19214308318467980616ee445fc95c66bc12f09c45_1280.jpg", imageAlt: "Technician installing a new water heater" }, items: [{ icon: Thermometer, text: "Repair & Maintenance" }, { icon: Gauge, text: "New Installations" }], reverse: false },
            { id: "4", title: "Pipe Repair & Replacement", description: "Old, corroded, or leaking pipes can cause serious damage. We offer expert pipe repair, re-piping, and new installation services using durable materials.", media: { imageSrc: "https://pixabay.com/get/gc73e2a79c93b67c0cd03f4a16bc5d0caa7ca9e220494e75faf256bd515726286458fc4823d086a9dee6a21d0367cc22c6db957f56a1f3e1a42210d4f33deabb2_1280.jpg", imageAlt: "Plumber inspecting old plumbing pipes" }, items: [{ icon: Leak, text: "Leak Detection" }, { icon: Hammer, text: "Full Re-piping" }], reverse: true }
          ]}
          title="Comprehensive Plumbing Services We Offer"
          description="Our skilled plumbers are equipped to handle any challenge, big or small. Discover our full range of services designed to keep your plumbing running smoothly."
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
        />
      </div>
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          testimonials={[
            { id: "1", name: "Jessica M.", role: "Homeowner", company: "Springfield", rating: 5, imageSrc: "https://pixabay.com/get/g079f6872ea080e0c8ed14bd75ebd9dfc7c237b114c92d7eeec71b4eb8ded90e53dab52c44e90f8660a242e908149982f66cbceae20be244f379008173b9fa948_1280.jpg", imageAlt: "Jessica M. - Homeowner" },
            { id: "2", name: "Robert T.", role: "Business Owner", company: "Downtown", rating: 5, imageSrc: "https://pixabay.com/get/ga473de85df718f953ee766091dcaf1f3122f1347b1699358b676850fb9d575c74b4028460b7ba7700b07ae112336922f6dc43e9436b46208d2debeeb081ca9fa_1280.jpg", imageAlt: "Robert T. - Business Owner" },
            { id: "3", name: "Amanda P.", role: "Property Manager", company: "Northside", rating: 5, imageSrc: "https://pixabay.com/get/gfc56e3111533ef38348705e02a74389ecd258108c01bc88d92ef97c82b1474c03625c5ff9ecf8623747615a1e3cc8bf5933d67dc84831923303171577c74ac26_1280.jpg", imageAlt: "Amanda P. - Property Manager" },
            { id: "4", name: "Kevin S.", role: "Resident", company: "Lakeside", rating: 5, imageSrc: "https://pixabay.com/get/g74ac8269ec21275294839d937e732a82943eb76984e8f3723eb28fde809ed38bbd445ce42c0bd1b1e7cd633c561eedf57db68b6402919712ee18d842ae925875_1280.jpg", imageAlt: "Kevin S. - Resident" },
            { id: "5", name: "Olivia B.", role: "Small Business Owner", company: "Eastwood", rating: 5, imageSrc: "https://pixabay.com/get/g079f6872ea080e0c8ed14bd75ebd9dfc7c237b114c92d7eeec71b4eb8ded90e53dab52c44e90f8660a242e908149982f66cbceae20be244f379008173b9fa948_1280.jpg", imageAlt: "Olivia B. - Small Business Owner" }
          ]}
          carouselMode="buttons"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          title="Hear From Our Happy Customers"
          description="Don't just take our word for it. Our clients consistently praise our professionalism, speed, and quality of work."
          useInvertedBackground={false}
        />
      </div>
      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          logos={[
            "https://pixabay.com/get/g46ae05f2c13426dde60f4a19e1f94884dd176d23cc06d99a78ffd6306aea73068ff608e8f61c5ebe8e848a87591784c2c6fb60271e305340dac42fcd19424788_1280.jpg",            "https://pixabay.com/get/gb288ebe2ca5f4efa2d530aa92b7cd8bbe2c15ac86bbde04ba68fdadb78e0143ab715a293ef8bc79fe98b6c25aafa6487_1280.jpg",            "https://pixabay.com/get/g1c8ec0296a2186747e59e64767aa3088b9612f880b03a8dd2ae255f4a1878d147be287c302acffeff1bc8e99fa6e9731faac8c654243b44b6d47b3ec211e0f76_1280.jpg",            "https://pixabay.com/get/g0d3ddd84d7d26ac239ff7d7357efd04e0052418a4947a42ea772cf5ab5897e3f079004cbd942bf924305d3d22cb30956_1280.jpg",            "https://pixabay.com/get/g5720a436391ce39af74d7d7b5fd212bd35681b04c98bfa247b8a1ab8a82fbd3533be31b1d134a03168974857def7a0888ed13cfc8e0667d89c555f2a8dc9d3cd_1280.jpg",            "https://pixabay.com/get/gdbb845661dbe82f0c96c763bc747d630b4a13aac8bc9b2769d639b5e37027aaefa613685d6121795998f37295136c4fc8a28bc9627e93347ec0874925fa7627d_1280.jpg",            "https://pixabay.com/get/g6cda669931aa42fe75d993ead5f07d142e93173152eb533feb922597dc50494382b10e996f7db06ef80f3332d3432ac9c946c3d4efdf50f7391aba15dafaaf71_1280.jpg"
          ]}
          title="Trusted by Homes and Businesses Across the City"
          description="We proudly serve a diverse clientele, from local households to large commercial establishments, earning their trust with every job."
          textboxLayout="default"
          useInvertedBackground={false}
          speed={40}
          showCard={true}
        />
      </div>
      <div id="faq" data-section="faq">
        <FaqSplitText
          faqs={[
            { id: "1", title: "What areas do you serve?", content: "We proudly serve the entire greater metropolitan area, including all surrounding towns and suburbs. Contact us to confirm service availability in your specific location." },
            { id: "2", title: "Do you offer emergency plumbing services?", content: "Yes, we offer 24/7 emergency plumbing services for urgent situations like burst pipes, major leaks, and severe clogs. Call our emergency line anytime for immediate assistance." },
            { id: "3", title: "How much does a plumbing service cost?", content: "Our pricing varies based on the type and complexity of the service. We provide transparent, upfront quotes after assessing the situation. There are no hidden fees. Contact us for a free estimate!" },
            { id: "4", title: "Are your plumbers licensed and insured?", content: "Absolutely. All our plumbers are fully licensed, certified, and insured professionals. We adhere to the highest industry standards to ensure quality workmanship and peace of mind for our customers." }
          ]}
          sideTitle="Common Plumbing Questions"
          sideDescription="Find answers to the most frequently asked questions about our services and policies."
          faqsAnimation="slide-up"
          textPosition="left"
          useInvertedBackground={false}
          animationType="smooth"
          showCard={true}
        />
      </div>
      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to fix that drip or tackle a major plumbing emergency? Contact us today for reliable service!"
          buttons={[
            { text: "Call Now", href: "tel:+1234567890" },
            { text: "Schedule Service", href: "#" }
          ]}
          background={{ variant: "plain" }}
          useInvertedBackground={false}
          animationType="entrance-slide"
        />
      </div>
      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            { title: "Services", items: [{ label: "Emergency Repairs", href: "#services" }, { label: "Drain Cleaning", href: "#services" }, { label: "Water Heaters", href: "#services" }, { label: "Pipe Repair", 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 Plumber's Crack. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}
