"use client";

import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBase from '@/components/sections/footer/FooterBase';
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="mediumSmall"
      sizing="largeSizeMediumTitles"
      background="noise"
      cardStyle="layered-gradient"
      primaryButtonStyle="flat"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="Miller & Sons Plumbing"
          navItems={[
            { name: "Home", id: "#hero" },
            { name: "About", id: "#about" },
            { name: "Services", id: "#features" },
            { name: "Testimonials", id: "#testimonials" },
            { name: "Contact", id: "#contact" }
          ]}
          bottomLeftText="Expert Plumbing Solutions"
          bottomRightText="info@millerandsons.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitDoubleCarousel
          title="Expert Plumbing Services You Can Trust"
          description="Miller and Sons Plumbing, LLC offers reliable, prompt, and professional solutions for all your residential and commercial plumbing needs. We're here for emergencies and routine maintenance."
          background={{ variant: "radial-gradient" }}
          leftCarouselItems={[
            { imageSrc: "https://pixabay.com/get/g26a36cc7905b62de0eafeb6e9a1474653dfed79ca6e4a82f5f54a4fbd1cbcc4a6d5383a4b5c8195962f21f81521fed36ab4c5baf834436c441fc822e3470e529_1280.jpg?_wi=1", imageAlt: "Professional plumber working on pipes" },
            { imageSrc: "https://pixabay.com/get/ge9721b7e2082f507b7008c38137cada6ffd599d5d008dc63d1ef0f913a4155d925bb5a89c6d35d4cafdfb2344d9fa4a428747bcfd71be32829eb7aaad881fecb_1280.jpg?_wi=1", imageAlt: "New water heater installation" },
            { imageSrc: "https://pixabay.com/get/g06fe91c852aba9f11e562aad8b04fea6a772d597b067d40264096ed184259e14746e714967f0bee4d136588c074bcddec05005262e0a216cbbfe2ef269680c9e_1280.jpg?_wi=1", imageAlt: "Plumber cleaning a drain" },
            { imageSrc: "https://pixabay.com/get/g0d9ac7bf4611988999c947c9b116a775e780af38ef12314ca0781febe786bc067283bd30ab06bc19155efcc76bd82a41cb9fccba9e0fbe50237795cf934307a6_1280.jpg?_wi=1", imageAlt: "Plumber detecting a leak" }
          ]}
          rightCarouselItems={[
            { imageSrc: "https://pixabay.com/get/g06fe91c852aba9f11e562aad8b04fea6a772d597b067d40264096ed184259e14746e714967f0bee4d136588c074bcddec05005262e0a216cbbfe2ef269680c9e_1280.jpg?_wi=2", imageAlt: "Plumber cleaning a drain" },
            { imageSrc: "https://pixabay.com/get/g0d9ac7bf4611988999c947c9b116a775e780af38ef12314ca0781febe786bc067283bd30ab06bc19155efcc76bd82a41cb9fccba9e0fbe50237795cf934307a6_1280.jpg?_wi=2", imageAlt: "Plumber detecting a leak" },
            { imageSrc: "https://pixabay.com/get/g26a36cc7905b62de0eafeb6e9a1474653dfed79ca6e4a82f5f54a4fbd1cbcc4a6d5383a4b5c8195962f21f81521fed36ab4c5baf834436c441fc822e3470e529_1280.jpg?_wi=2", imageAlt: "Professional plumber working on pipes" },
            { imageSrc: "https://pixabay.com/get/ge9721b7e2082f507b7008c38137cada6ffd599d5d008dc63d1ef0f913a4155d925bb5a89c6d35d4cafdfb2344d9fa4a428747bcfd71be32829eb7aaad881fecb_1280.jpg?_wi=2", imageAlt: "New water heater installation" }
          ]}
          buttons={[
            { text: "Get a Free Estimate", href: "#contact" },
            { text: "Call Us Today", href: "tel:+1234567890" }
          ]}
          carouselPosition="right"
          useInvertedBackground={false}
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="About Miller & Sons Plumbing, LLC"
          description={[
            "Miller & Sons Plumbing, LLC is a trusted family-owned business dedicated to providing top-quality plumbing services. With years of experience, our certified technicians are committed to delivering prompt, reliable, and professional solutions for every client.",            "We pride ourselves on our transparent pricing, exceptional workmanship, and a customer-first approach. From emergency repairs to comprehensive installations, we ensure every job is done right the first time, earning your trust and satisfaction."
          ]}
          buttons={[
            { text: "Meet Our Team", href: "#team" }
          ]}
          showBorder={false}
          useInvertedBackground={false}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardOne
          title="Our Comprehensive Plumbing Services"
          description="From emergency leak repairs to full-scale water heater installations, we handle all your plumbing needs with expertise, efficiency, and exceptional care."
          features={[
            { title: "Emergency Leak Repair", description: "Responding immediately to unexpected leaks, our team provides fast and effective solutions to prevent further damage and restore your peace of mind.", imageSrc: "https://pixabay.com/get/g56275f59f8d1ba148e463e7295bf56345537cb7b3bb6b94e4c4feb1045dc379ea020b2b2e33d622936af860fc02161c515b5a31cad20b373e2dba906242a9d92_1280.jpg", imageAlt: "plumber fixing leaking pipe" },
            { title: "Water Heater Installation & Repair", description: "Whether you need a new water heater installed or your existing one repaired, we ensure you have reliable access to hot water with expert service.", imageSrc: "https://pixabay.com/get/g4ecb0d7b4fac5010483807e7c403b923caa91fdf3c85581a76007c441e3739cb4ebaef13553fb05e2d473b6a23cc5d9bd11f4c92857d123e40466a08201669f4_1280.jpg", imageAlt: "water heater installation service" },
            { title: "Drain Cleaning & Unclogging", description: "Our powerful and safe drain cleaning techniques clear blockages efficiently, restoring proper flow and preventing future issues in your pipes.", imageSrc: "https://pixabay.com/get/g3fc202efb263d3596af0797fc00f6cd79ccdaa9b70ce56a3717c65f3ae0ce70c71ef83cbc73ca15514d9c00aa14cf075_1280.jpg", imageAlt: "drain cleaning service equipment" },
            { title: "Faucet & Fixture Installation", description: "Upgrade your kitchen or bathroom with new faucets and fixtures. Our team handles professional installation for optimal performance and aesthetics.", imageSrc: "https://pixabay.com/get/g75de233ab4168ef852e7778eef4bfdfa280b6a7ef38bc8ac03331188e733ac0390924790dafa409631a46233b4334b874eedeb8344ae54f1510fcf3256df0958_1280.jpg", imageAlt: "new kitchen faucet installation" }
          ]}
          textboxLayout="default"
          gridVariant="two-items-per-row"
          animationType="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSeven
          title="Our Commitment to Excellence"
          description="Years of dedicated service and countless satisfied customers speak for the quality and reliability of Miller & Sons Plumbing, LLC."
          metrics={[
            { id: "1", value: "4.8", title: "Average Customer Rating", items: ["Based on 100+ reviews", "Consistent 5-star service"] },
            { id: "2", value: "15+", title: "Years of Local Service", items: ["Serving our community since [Year]", "Experienced and trusted professionals"] },
            { id: "3", value: "100%", title: "Satisfaction Guarantee", items: ["We stand by our work", "Your peace of mind is our priority"] }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="What Our Valued Customers Say"
          description="Hear directly from those who've experienced the Miller & Sons difference firsthand. Your trust is our greatest reward."
          testimonials={[
            { id: "1", name: "Tom DeMott", handle: "Local Guide", testimonial: "We discovered a leak today and Miller & Sons responded immediately. Our leak was fixed less than 2 hours after finding it! Very reasonable fee as well. Highly recommend!", imageSrc: "https://pixabay.com/get/g3bf285d22452e7d4cf70612618cea7ab6225272ca85ea9c24d81e0e578566e72eb4b0fa48cfdebf85aac95b3b7375e7b013d04c6b77636027f6829b08e7496a1_1280.jpg", imageAlt: "happy customer portrait smiling" },
            { id: "2", name: "Angie Mallon", handle: "Satisfied Client", testimonial: "We had an awesome experience. Ted Miller was prompt, very friendly, and cleaned his area. He replaced our kitchen faucet and took the old one for me. We were very pleased!", imageSrc: "https://pixabay.com/get/gdcf8dd13fe4b904baa4f807a277348558057a587f282a4c3d7b8b71209ff3294b6f932af3252231f86b933e448068b505f8f1082339879f44b2d4e2abc50b922_1280.jpg", imageAlt: "smiling man professional portrait" },
            { id: "3", name: "Marian Newman", handle: "Happy Customer", testimonial: "Tech Joshua responded in a timely manner and quickly diagnosed my drainage issue and completed repair. Joshua was professional and knowledgeable. I will not hesitate to call them again.", imageSrc: "https://pixabay.com/get/gf2106647ebf377cc8bd335b94f2591f1d831bd61472d1a0d8b0b424fbce49dbe6c73045f542e35fa6a58a644e0cc443305b5fd06d1890e29bba1d907ff7e5a3e_1280.jpg", imageAlt: "woman smiling friendly expression" },
            { id: "4", name: "Dan Smith", handle: "New to Area", testimonial: "I'm new to the area and used Miller and Sons twice. Both times the service was prompt, professional, and courteous. They do great work!", imageSrc: "https://pixabay.com/get/gf79ad6afa66bc0f5f890674e6f9d72bf77c941a3c03c5881c058b3216a1a91c9d7246f4830f6a8637a230bb41232027dc4f5825d2041b6b52191ba3fe36b887d_1280.jpg", imageAlt: "man with glasses smiling professional" },
            { id: "5", name: "Lisa", handle: "Local Guide", testimonial: "I’m glad I took a chance on Miller & Son’s. They squeezed me in and sent a crew out in a few hours. The gentlemen were professional, honest, and very fair. Highly recommend!", imageSrc: "https://pixabay.com/get/g97627ebe75a5bca77abb3160cb503910005544f858ac8a15dd5863df5253f868446521b55dbbca5b829d5ee4b6f4eceedfd4d9ad13091645c9993665b2ff520a_1280.jpg", imageAlt: "young woman smiling friendly" },
            { id: "6", name: "Thomas Murray", handle: "Client", testimonial: "Miller was able to get me a same day appt. The plumber (Larry) was on time, courteous, professional, and a pleasure to talk to. He fixed my issue and left us with a good feeling.", imageSrc: "https://pixabay.com/get/g1e900c93966f13972dc7ae041559674b5344cc78e57ea11aa11f09464b8306b599bbbb6e4f1d82c8e2599d923ce800bf5ebeb39529813e71e4f2de6df2335134_1280.jpg", imageAlt: "mature man smiling confident" }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          speed={35}
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Get a Reliable Plumbing Solution Today"
          description="Reach out to us for emergencies, quotes, or any plumbing inquiry. Our team is ready to provide prompt and expert assistance."
          inputs={[
            { name: "name", type: "text", placeholder: "Your Name", required: true },
            { name: "email", type: "email", placeholder: "Your Email", required: true },
            { name: "phone", type: "tel", placeholder: "Your Phone Number", required: false }
          ]}
          textarea={{ name: "message", placeholder: "Tell us about your plumbing needs...", rows: 5, required: true }}
          buttonText="Send Message"
          imageSrc="https://pixabay.com/get/g977b2d5d2bcfafd29c33f83fd4efa991d55444f3081845732be2f2f9ae45990b57acea93a9956c45451b202306dc82d80820a0bc22c10747554688aa58f12861_1280.jpg"
          imageAlt="Plumber taking a phone call"
          mediaPosition="right"
          mediaAnimation="opacity"
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Miller & Sons Plumbing"
          copyrightText="© 2024 Miller & Sons Plumbing, LLC. All rights reserved."
          columns={[
            { title: "Services", items: [{ label: "Leak Repair", href: "#features" }, { label: "Water Heaters", href: "#features" }, { label: "Drain Cleaning", href: "#features" }, { label: "Faucet Installation", href: "#features" }] },
            { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Testimonials", href: "#testimonials" }, { label: "Contact Us", href: "#contact" }] },
            { title: "Connect", items: [{ label: "Facebook", href: "https://facebook.com/millerandsons" }, { label: "Twitter", href: "https://twitter.com/millerandsons" }, { label: "LinkedIn", href: "https://linkedin.com/company/millerandsons" }] }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}