"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { CheckCircle, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="small"
        sizing="largeSmallSizeLargeTitles"
        background="aurora"
        cardStyle="subtle-shadow"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="glass"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Services",
          id: "#services",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "Pricing",
          id: "#pricing",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="Anderson Plumbing LLC"
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboardScroll
      background={{
        variant: "downward-rays-static-grid",
      }}
      title="Reliable Plumbing Services for Your Home & Business"
      description="Anderson Plumbing LLC provides expert solutions for all your plumbing needs, from routine maintenance to emergency repairs. Fast, efficient, and trusted service."
      tag="Expert Plumbers"
      tagIcon={CheckCircle}
      tagAnimation="slide-up"
      buttons={[
        {
          text: "Get a Free Estimate",
          href: "#contact",
        },
        {
          text: "View Our Services",
          href: "#services",
        },
      ]}
      buttonAnimation="slide-up"
      imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-pouring-coffee_23-2149268823.jpg"
      imageAlt="Anderson Plumbing LLC van parked outside a residential home, ready for service."
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={true}
      heading={[
        {
          type: "text",
          content: "About Anderson Plumbing LLC: Your Trusted Local Experts",
        },
      ]}
      buttons={[
        {
          text: "Learn More",
          href: "#",
        },
      ]}
      headingClassName="text-3xl md:text-5xl font-bold leading-tight"
      imageWrapperClassName="w-full md:w-1/2"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardSeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Drain Cleaning & Unclogging",
          description: "Fast and effective solutions for blocked drains, sinks, and toilets. We clear clogs thoroughly to restore optimal flow.",
          imageSrc: "http://img.b2bpic.net/free-photo/modern-house-bathroom-interior_1232-3337.jpg",
          imageAlt: "Plumber using a drain snake to clear a clogged pipe.",
        },
        {
          title: "Water Heater Repair & Installation",
          description: "Expert service for all water heater types, including repair, maintenance, and new energy-efficient installations.",
          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-sitting-near-heater_23-2149308962.jpg",
          imageAlt: "Technician installing a new water heater.",
        },
        {
          title: "Leak Detection & Repair",
          description: "Utilizing advanced technology to quickly locate and repair hidden leaks, preventing costly water damage and waste.",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746305.jpg",
          imageAlt: "Plumber inspecting a pipe for leaks.",
        },
      ]}
      title="Our Comprehensive Plumbing Services"
      description="From minor drips to major overhauls, Anderson Plumbing LLC offers a full spectrum of professional plumbing services."
      tag="What We Offer"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="scale-rotate"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",
          name: "Sarah J.",
          role: "Homeowner",
          company: "Local Resident",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/woman-white-shirt-black-pants-looking-happy-cheerful-showing-thumbs-up-sitting-chair-light-living-room_141793-98823.jpg",
          imageAlt: "Satisfied customer Sarah J.",
        },
        {
          id: "2",
          name: "Michael T.",
          role: "Business Owner",
          company: "Downtown Cafe",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-happy-real-estate-agent-giving-house-keys-couple-who-is-buying-new-home_637285-6091.jpg",
          imageAlt: "Satisfied business owner Michael T.",
        },
        {
          id: "3",
          name: "Emily R.",
          role: "Property Manager",
          company: "City Properties",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-man-standing-young-woman-preparing-vegetables-kitchen_23-2147947793.jpg",
          imageAlt: "Satisfied property manager Emily R.",
        },
        {
          id: "4",
          name: "David L.",
          role: "Contractor",
          company: "BuildRight Inc.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-sitting-sofa-with-crossed-leg-holding-glass-alcohol_23-2147901499.jpg",
          imageAlt: "Satisfied contractor David L.",
        },
        {
          id: "5",
          name: "Jessica M.",
          role: "Homeowner",
          company: "Suburb Living",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-man-using-smartphone-sitting-office_23-2148187161.jpg",
          imageAlt: "Satisfied homeowner Jessica M.",
        },
      ]}
      kpiItems={[
        {
          value: "15+",
          label: "Years in Business",
        },
        {
          value: "500+",
          label: "Happy Customers",
        },
        {
          value: "24/7",
          label: "Emergency Service",
        },
      ]}
      title="What Our Customers Say About Us"
      description="Hear directly from our satisfied clients about their experiences with Anderson Plumbing LLC. We pride ourselves on delivering excellent service and lasting solutions."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "City Council",
        "Home Developers",
        "Restaurant Group",
        "Property Management",
        "School District",
        "Local Businesses",
        "Health Clinic",
      ]}
      title="Trusted by Your Community"
      description="We're proud to serve a wide range of clients across the region, building lasting relationships based on trust and quality workmanship."
      tag="Our Partners"
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      plans={[
        {
          id: "basic",
          tag: "Standard Service",
          price: "$120",
          period: "/service",
          description: "Ideal for basic plumbing needs, including minor repairs and inspections.",
          button: {
            text: "Book Basic Service",
            href: "#contact",
          },
          featuresTitle: "Includes:",
          features: [
            "Diagnostic check",
            "Minor leak repair",
            "Faucet replacement",
          ],
        },
        {
          id: "premium",
          tag: "Advanced Care",
          tagIcon: Sparkles,
          price: "$250",
          period: "/service",
          description: "For more complex issues, including water heater services and drain cleaning.",
          button: {
            text: "Schedule Advanced Care",
            href: "#contact",
          },
          featuresTitle: "Includes:",
          features: [
            "Water heater inspection",
            "Drain cleaning up to 50ft",
            "Toilet repair/replacement",
          ],
        },
        {
          id: "emergency",
          tag: "24/7 Emergency",
          price: "Call for Quote",
          period: "",
          description: "Immediate assistance for urgent plumbing emergencies, any time, any day.",
          button: {
            text: "Call for Emergency",
            href: "tel:+1234567890",
          },
          featuresTitle: "Includes:",
          features: [
            "Rapid response team",
            "Burst pipe repair",
            "Major leak containment",
          ],
        },
      ]}
      title="Transparent Pricing for Quality Plumbing"
      description="Find the right service plan to fit your plumbing needs and budget. We believe in upfront pricing with no hidden fees."
      tag="Our Rates"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",
          title: "What areas do you serve?",
          content: "Anderson Plumbing LLC proudly serves the greater metropolitan area, including all surrounding suburbs and towns. Contact us to confirm service availability in your specific location.",
        },
        {
          id: "q2",
          title: "Do you offer emergency services?",
          content: "Yes, we provide 24/7 emergency plumbing services for urgent issues like burst pipes, major leaks, and severe clogs. Call us anytime for immediate assistance.",
        },
        {
          id: "q3",
          title: "How quickly can you respond to a service call?",
          content: "For emergency calls, we strive for the fastest possible response, often within the hour. For non-emergency services, we schedule appointments at your earliest convenience.",
        },
        {
          id: "q4",
          title: "Are your plumbers licensed and insured?",
          content: "Absolutely. All our plumbers are fully licensed, bonded, and insured, ensuring professional and reliable service for every job.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/young-delivery-man-wor_23-2147914236.jpg"
      imageAlt="A plumber explaining repair options to a homeowner."
      mediaAnimation="slide-up"
      mediaPosition="left"
      title="Frequently Asked Questions"
      description="Have questions about our plumbing services? We've compiled a list of common inquiries to provide you with quick answers."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={true}
      title="Get In Touch With Anderson Plumbing LLC"
      description="Ready to schedule a service or need an emergency repair? Fill out the form below or give us a call."
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "Your Name",
          required: true,
        },
        {
          name: "email",
          type: "email",
          placeholder: "Your Email",
          required: true,
        },
        {
          name: "phone",
          type: "tel",
          placeholder: "Phone Number",
          required: false,
        },
      ]}
      textarea={{
        name: "message",
        placeholder: "Tell us about your plumbing needs...",
        rows: 5,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/annoyed-young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-looking-laptop-isolated-white_141793-76435.jpg"
      imageAlt="Plumber answering a phone call to schedule a service."
      mediaPosition="right"
      buttonText="Send Message"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Services",
          items: [
            {
              label: "Drain Cleaning",
              href: "#services",
            },
            {
              label: "Water Heaters",
              href: "#services",
            },
            {
              label: "Leak Repair",
              href: "#services",
            },
            {
              label: "Emergency Services",
              href: "#pricing",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "Testimonials",
              href: "#testimonials",
            },
            {
              label: "FAQ",
              href: "#faq",
            },
            {
              label: "Contact",
              href: "#contact",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
          ],
        },
      ]}
      bottomLeftText="© 2024 Anderson Plumbing LLC. All rights reserved."
      bottomRightText="Built with Webild"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
