"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TeamCardOne from '@/components/sections/team/TeamCardOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';


export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="medium"
        sizing="mediumSizeLargeTitles"
        background="blurBottom"
        cardStyle="gradient-radial"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="solid"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",          id: "home"
        },
        {
          name: "About",          id: "about"
        },
        {
          name: "Services",          id: "services"
        },
        {
          name: "Reviews",          id: "reviews"
        },
        {
          name: "Contact",          id: "contact"
        }
      ]}
      brandName="William & Sons Plumbing"
      topBarClassName="bg-navy-800 text-gold-200"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogoBillboardSplit
      background={{
        variant: "radial-gradient"
      }}
      logoText="William & Sons Plumbing"
      description="Plumbing Done Right — The First Time.\nFast, reliable, and trusted by homeowners across Philadelphia. Same-day service. Honest pricing. No surprises.\n\n⭐ 5.0 Rating | Same-Day Service | Licensed & Insured | Upfront Pricing"
      buttons={[
        {
          text: "Call Now for Immediate Service",          href: "tel:+1-555-555-5555"
        },
        {
          text: "Request a Free Estimate",          href: "/contact"
        }
      ]}
      layoutOrder="default"
      imageSrc="http://img.b2bpic.net/free-photo/handsome-man-blue-uniform-checks-car_1157-31509.jpg"
      imageAlt="William & Sons Plumbing van"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Diane Andrews",          role: "Homeowner",          company: "Philadelphia",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg"
        },
        {
          id: "2",          name: "Douglas Reed",          role: "Homeowner",          company: "Philadelphia",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg"
        },
        {
          id: "3",          name: "William Clark",          role: "Homeowner",          company: "Philadelphia",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/pretty-stylish-young-woman-posing-denim-style-outfit-white_285396-4397.jpg"
        },
        {
          id: "4",          name: "Abel Gutierrez",          role: "Homeowner",          company: "Philadelphia",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-with-white-smile_176420-18702.jpg"
        },
        {
          id: "5",          name: "Sara Browning",          role: "Homeowner",          company: "Philadelphia",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-woman-smiling-with-perfect-smile-white-teeth_273609-13701.jpg"
        }
      ]}
      kpiItems={[
        {
          title: "Customer Rating",          value: "5.0"
        },
        {
          title: "Same-Day Service",          value: "Available"
        },
        {
          title: "Licensed & Insured",          value: "Certified"
        }
      ]}
      title="Trusted by Your Neighbors"
      description="Hear from Philadelphia homeowners who trust William & Sons for their plumbing needs."
    />
  </div>

  <div id="services-overview" data-section="services-overview">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "emergency",          name: "Emergency Plumbing",          variant: "24/7 Rapid Response",          price: "Call for Quote",          imageSrc: "http://img.b2bpic.net/free-vector/isometric-water-cycle-information_23-2149122195.jpg",          imageAlt: "Emergency plumbing icon"
        },
        {
          id: "drain-cleaning",          name: "Drain Cleaning & Clogs",          variant: "Fast & Effective Solutions",          price: "Call for Quote",          imageSrc: "http://img.b2bpic.net/free-vector/social-distance-public-toilets_23-2148587935.jpg",          imageAlt: "Drain cleaning icon"
        },
        {
          id: "water-heater",          name: "Water Heater Repair & Installation",          variant: "Efficient Hot Water Solutions",          price: "Call for Quote",          imageSrc: "http://img.b2bpic.net/free-photo/young-engineer-adjusting-autonomous-heating_1303-26539.jpg",          imageAlt: "Water heater repair icon"
        },
        {
          id: "sewer-line",          name: "Sewer Line Repair",          variant: "Expert Diagnostics & Repair",          price: "Call for Quote",          imageSrc: "http://img.b2bpic.net/free-photo/male-jeweler-working-shop_23-2150914162.jpg",          imageAlt: "Sewer line repair icon"
        },
        {
          id: "leak-detection",          name: "Leak Detection",          variant: "Pinpoint Accuracy, Minimal Disruption",          price: "Call for Quote",          imageSrc: "http://img.b2bpic.net/free-vector/flat-design-cracked-pipe-leaking-water_23-2148277393.jpg",          imageAlt: "Leak detection icon"
        },
        {
          id: "gas-line",          name: "Gas Line Services",          variant: "Safe & Certified Installations",          price: "Call for Quote",          imageSrc: "http://img.b2bpic.net/free-vector/oil-industry-line-icons-set-with-drilling-rig-tanker-pipe-valve-fuel-gun-dispenser-derrick-canister-truck_1284-45707.jpg",          imageAlt: "Gas line services icon"
        },
        {
          id: "pipe-repair",          name: "Pipe Repair & Replacement",          variant: "Durable & Long-lasting Solutions",          price: "Call for Quote",          imageSrc: "http://img.b2bpic.net/free-vector/flat-design-cracked-pipe-leaking-water_23-2148277393.jpg",          imageAlt: "Pipe repair icon"
        }
      ]}
      title="Complete Plumbing Solutions"
      description="From emergency repairs to routine maintenance, William & Sons Plumbing offers a full suite of services to keep your home running smoothly."
      buttons={[
        {
          text: "View All Services",          href: "/services"
        }
      ]}
    />
  </div>

  <div id="why-choose-us" data-section="why-choose-us">
      <FeatureCardTwentyOne
      useInvertedBackground={false}
      title="Why Homeowners Choose William & Sons"
      description="Our commitment to excellence ensures every job is handled with care, expertise, and transparency, making us Philadelphia's preferred plumbing partner."
      accordionItems={[
        {
          id: "1",          title: "Same-Day & Emergency Service",          content: "We respond quickly to minimize disruption and address your plumbing issues without delay."
        },
        {
          id: "2",          title: "Honest, Upfront Pricing",          content: "No hidden fees or surprises. You'll know the cost before any work begins."
        },
        {
          id: "3",          title: "Experienced, Skilled Technicians",          content: "Our team consists of highly trained and certified professionals dedicated to quality workmanship."
        },
        {
          id: "4",          title: "On-Time, Every Time",          content: "Your time is valuable. We arrive promptly and complete jobs efficiently."
        },
        {
          id: "5",          title: "5-Star Customer Satisfaction",          content: "We pride ourselves on exceptional service that consistently earns top ratings from our clients."
        },
        {
          id: "6",          title: "Licensed & Fully Insured",          content: "For your peace of mind, we are fully licensed and insured, guaranteeing professional and secure service."
        }
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721567.jpg"
      imageAlt="Plumbing technician fixing a pipe"
      mediaAnimation="slide-up"
      mediaPosition="right"
    />
  </div>

  <div id="featured-technician" data-section="featured-technician">
      <TeamCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      members={[
        {
          id: "troy",          name: "Troy Williams",          role: "Lead Plumber & Founder",          imageSrc: "http://img.b2bpic.net/free-photo/young-male-blue-shirt-cap-looking-camera_176474-57526.jpg",          imageAlt: "Troy, lead plumber"
        }
      ]}
      title="Meet Troy — The Expert Customers Trust"
      description="Troy is known throughout Philadelphia for his fast response, honest advice, and expert workmanship. Whether it’s an emergency or routine maintenance, customers consistently praise his professionalism and care."
    />
  </div>

  <div id="service-area" data-section="service-area">
      <TextSplitAbout
      useInvertedBackground={false}
      title="Proudly Serving Philadelphia & Surrounding Areas"
      description={[
        "William & Sons Plumbing is dedicated to providing top-tier service across Philadelphia and its vibrant communities, ensuring rapid, reliable, and luxury plumbing solutions wherever you are. Our service extends to:",        "• Philadelphia (all boroughs)",        "• Camden, NJ (and nearby South Jersey towns)",        "• Surrounding suburbs (e.g., King of Prussia, Cherry Hill, Media, etc.)",        "If you're unsure whether we cover your location, please don't hesitate to reach out to our team."
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Services",          items: [
            {
              label: "Emergency Plumbing",              href: "/services#emergency"
            },
            {
              label: "Drain Cleaning",              href: "/services#drain-cleaning"
            },
            {
              label: "Water Heaters",              href: "/services#water-heater"
            },
            {
              label: "All Services",              href: "/services"
            }
          ]
        },
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "/about"
            },
            {
              label: "Reviews",              href: "/reviews"
            },
            {
              label: "Contact Us",              href: "/contact"
            }
          ]
        },
        {
          title: "Legal",          items: [
            {
              label: "Privacy Policy",              href: "#"
            },
            {
              label: "Terms of Service",              href: "#"
            }
          ]
        }
      ]}
      bottomLeftText="© 2024 William & Sons Plumbing. All rights reserved."
      bottomRightText="Philadelphia's Most Trusted Plumbing Experts."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}