"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TeamCardTen from '@/components/sections/team/TeamCardTen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "About",
          id: "/about",
        },
        {
          name: "Contact",
          id: "/contact",
        },
      ]}
      brandName="White Plumbing Company, LLC"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogo
      logoText="WHITE PLUMBING COMPANY, LLC"
      description="\"If you want it right, call WHITE!\" - Your family-owned plumber in Stafford, VA."
      buttons={[
        {
          text: "Call Now: 703-672-8667",
          href: "tel:7036728667",
        },
        {
          text: "Learn More",
          href: "/about",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/man-woman-assembling-bed_23-2147782393.jpg?_wi=1"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwentySeven
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      features={[
        {
          id: "1",
          title: "Water Heater",
          description: "Professional installation and repair for all types of water heaters.",
          imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721538.jpg",
        },
        {
          id: "2",
          title: "Toilet Services",
          description: "Quick and reliable toilet installation and repair services.",
          imageSrc: "http://img.b2bpic.net/free-photo/interior-old-house-elegance-shower_1203-4967.jpg",
        },
        {
          id: "3",
          title: "Faucets",
          description: "Expert faucet installation and repair to stop leaks and improve function.",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746305.jpg",
        },
        {
          id: "4",
          title: "Garbage Disposal",
          description: "Installation and repair of high-quality kitchen garbage disposals.",
          imageSrc: "http://img.b2bpic.net/free-photo/plumber-making-time-out-gesture_1368-788.jpg",
        },
        {
          id: "5",
          title: "Drain Cleaning",
          description: "Minor drain cleaning services to keep your systems running smoothly.",
          imageSrc: "http://img.b2bpic.net/free-photo/sanitary-technician-working-with-sink_23-2147772219.jpg",
        },
      ]}
      title="Our Services"
      description="We are a family-owned plumbing company serving domestic and small commercial businesses with professional integrity."
    />
  </div>

  <div id="portfolio" data-section="portfolio">
      <ProductCardOne
      animationType="scale-rotate"
      textboxLayout="split"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "w1",
          name: "Water Heater Upgrade",
          price: "Standard Service",
          imageSrc: "http://img.b2bpic.net/free-photo/cheese-industry-interior-production-hard-cheese-background_645730-198.jpg?_wi=1",
        },
        {
          id: "w2",
          name: "Complete Faucet Install",
          price: "Standard Service",
          imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990700.jpg?_wi=1",
        },
        {
          id: "w3",
          name: "Commercial Plumbing",
          price: "Standard Service",
          imageSrc: "http://img.b2bpic.net/free-photo/modern-autonomous-heating-system-boiler-room_169016-51491.jpg?_wi=1",
        },
        {
          id: "w4",
          name: "Drain Unclogging",
          price: "Standard Service",
          imageSrc: "http://img.b2bpic.net/free-photo/cheese-industry-interior-production-hard-cheese-background_645730-198.jpg?_wi=2",
        },
        {
          id: "w5",
          name: "Toilet Replacement",
          price: "Standard Service",
          imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990700.jpg?_wi=2",
        },
        {
          id: "w6",
          name: "Disposal Unit Fix",
          price: "Standard Service",
          imageSrc: "http://img.b2bpic.net/free-photo/modern-autonomous-heating-system-boiler-room_169016-51491.jpg?_wi=2",
        },
      ]}
      title="Previous Work"
      description="Check out some of our recent plumbing projects and success stories."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      title="Transparent Pricing"
      description="Simple, honest, and competitive pricing for all your residential plumbing needs."
      plans={[
        {
          id: "p1",
          badge: "Essential",
          price: "$99",
          subtitle: "Minor Repairs",
          buttons: [
            {
              text: "Book Now",
              href: "/contact",
            },
          ],
          features: [
            "Leak inspection",
            "Drain clearing",
            "Basic faucet repair",
          ],
        },
        {
          id: "p2",
          badge: "Premium",
          price: "$249",
          subtitle: "System Maintenance",
          buttons: [
            {
              text: "Book Now",
              href: "/contact",
            },
          ],
          features: [
            "Water heater flush",
            "Pipe inspection",
            "Pressure testing",
          ],
        },
      ]}
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardTen
      useInvertedBackground={false}
      title="Meet the Team"
      tag="Our Experts"
      membersAnimation="slide-up"
      memberVariant="card"
      members={[
        {
          id: "m1",
          name: "John White",
          imageSrc: "http://img.b2bpic.net/free-photo/man-woman-assembling-bed_23-2147782393.jpg?_wi=2",
        },
        {
          id: "m2",
          name: "Sarah White",
          imageSrc: "http://img.b2bpic.net/free-photo/man-woman-assembling-bed_23-2147782393.jpg?_wi=3",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l9g1wx&_wi=1"
      columns={[
        {
          title: "Contact",
          items: [
            {
              label: "703-672-8667",
              href: "tel:7036728667",
            },
            {
              label: "services@whiteplumbingco.com",
              href: "mailto:services@whiteplumbingco.com",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "Home",
              href: "/",
            },
            {
              label: "About",
              href: "/about",
            },
            {
              label: "Contact",
              href: "/contact",
            },
          ],
        },
      ]}
      copyrightText="© 2016 WHITE PLUMBING COMPANY, LLC. If you want it right, call WHITE!"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
