"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import { DollarSign, Rocket, ShieldCheck, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="small"
        sizing="large"
        background="noiseDiagonalGradient"
        cardStyle="gradient-bordered"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="layered"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "About Us",
          id: "/about",
        },
        {
          name: "Services",
          id: "/services",
        },
        {
          name: "Trenchless",
          id: "/trenchless",
        },
        {
          name: "Reviews",
          id: "/reviews",
        },
        {
          name: "Contact",
          id: "/contact",
        },
      ]}
      brandName="Gator Rooter & Plumbing Inc."
    />
  </div>

  <div id="trenchless-benefits" data-section="trenchless-benefits">
      <FeatureCardTwentyFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Minimal Disruption",
          description: "No extensive trench digging means your yard, driveway, and landscaping remain virtually untouched.",
          icon: Star,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/stone-fountain_1361-137.jpg",
              imageAlt: "Minimal Disruption",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/design-creative-inspirational-unique-special_53876-13821.jpg",
              imageAlt: "Minimal Disruption",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/service-maintenance-worker-repairing_23-2149176721.jpg?_wi=3",
          imageAlt: "trenchless sewer replacement benefits diagram",
        },
        {
          title: "Cost-Effective",
          description: "Save on costly restoration work for your property, as there's no need to repair extensive excavation.",
          icon: DollarSign,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/euro-money-coins-with-excavator-worker-white_268835-3359.jpg",
              imageAlt: "Cost-Effective",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/view-fantasy-tap-with-running-water-surreal-landscape-world-water-day-awareness_23-2151181931.jpg",
              imageAlt: "Cost-Effective",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/view-lighting-lamp-with-futuristic-design_23-2151037455.jpg?_wi=2",
          imageAlt: "trenchless sewer replacement benefits diagram",
        },
        {
          title: "Durable & Long-Lasting",
          description: "New pipes are often stronger and more resilient than older ones, offering decades of reliable service.",
          icon: ShieldCheck,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/view-fantasy-tap-with-running-water-surreal-landscape-world-water-day-awareness_23-2151181996.jpg",
              imageAlt: "Durable & Long-Lasting",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-still-life-arrangement-pvc_23-2149062994.jpg",
              imageAlt: "Durable & Long-Lasting",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/business-financial-management-document-icon_53876-14639.jpg?_wi=2",
          imageAlt: "trenchless sewer replacement benefits diagram",
        },
        {
          title: "Fast Installation",
          description: "Trenchless methods can often be completed in a fraction of the time compared to traditional digging.",
          icon: Rocket,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/view-fantasy-tap-with-running-water-surreal-landscape-world-water-day-awareness_23-2151182003.jpg",
              imageAlt: "Fast Installation",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/view-fantasy-landscape-with-surreal-running-water-tap-world-water-day-awareness_23-2151182027.jpg",
              imageAlt: "Fast Installation",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-vector/plumber-flat-set_1284-10527.jpg?_wi=2",
          imageAlt: "trenchless sewer replacement benefits diagram",
        },
      ]}
      title="The Advantages of Trenchless Sewer Solutions"
      description="Experience modern sewer repair that's less invasive, more efficient, and preserves your property's beauty."
    />
  </div>

  <div id="trenchless-process" data-section="trenchless-process">
      <MetricCardSeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        {
          id: "trenchless-step-1",
          value: "1",
          title: "Access Points Created",
          items: [
            "We dig two small access points at each end of the old pipe.",
            "This avoids extensive trenching across your yard.",
            "Careful planning minimizes disruption.",
          ],
        },
        {
          id: "trenchless-step-2",
          value: "2",
          title: "New Pipe Installed",
          items: [
            "A new, durable pipe is pulled through the old one.",
            "Pipe bursting breaks the old pipe while installing new.",
            "Pipe lining creates a new pipe within the existing one.",
          ],
        },
        {
          id: "trenchless-step-3",
          value: "3",
          title: "Connections & Testing",
          items: [
            "The new sewer line is securely connected.",
            "Thorough testing ensures proper functionality.",
            "Site is restored to its original condition.",
          ],
        },
      ]}
      title="Our Advanced Trenchless Sewer Process"
      description="Understanding how we replace your sewer line with minimal impact on your property."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="Gator Rooter & Plumbing Inc."
      columns={[
        {
          title: "Services",
          items: [
            {
              label: "Trenchless Sewer",
              href: "/trenchless",
            },
            {
              label: "Drain Cleaning",
              href: "/services#drain-cleaning",
            },
            {
              label: "Sewer Repair",
              href: "/services#sewer-repair",
            },
            {
              label: "Leak Detection",
              href: "/services#leak-detection",
            },
            {
              label: "Water Heaters",
              href: "/services#water-heaters",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "/about",
            },
            {
              label: "Reviews",
              href: "/reviews",
            },
            {
              label: "Service Area",
              href: "/#service-area",
            },
            {
              label: "Contact",
              href: "/contact",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 Gator Rooter & Plumbing Inc. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
