"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import FooterCard from '@/components/sections/footer/FooterCard';

export default function IrrigationPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="compact"
        sizing="mediumLargeSizeMediumTitles"
        background="noiseDiagonalGradient"
        cardStyle="gradient-bordered"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="glass"
        headingFontWeight="bold"
    >
      <ReactLenis root>
        <NavbarLayoutFloatingInline
          navItems={[
            { name: "Home", id: "/" },
            { name: "Irrigation", id: "/irrigation" },
            { name: "Rock & Gravel", id: "/rock-gravel" },
          ]}
          brandName="Ryan Brothers"
          button={{ text: "Get A Quote", href: "tel:4803279024" }}
        />
        <HeroLogoBillboard
          logoText="Irrigation Repair & Installation"
          description="Comprehensive irrigation services to keep your landscape thriving. From system repairs to custom installations, we ensure your water usage is efficient and your plants stay hydrated."
          buttons={[{ text: "Get a Free Quote", href: "tel:4803279024" }]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXDFgC7Q1QH0RYIW8wS68MTMTG/uploaded-1774683217001-qyt5vvru.png"
          imageAlt="Irrigation maintenance"
        />
        <FooterCard
          logoText="Ryan Brothers Lawn & Landscape"
          copyrightText="© 2025 Ryan Brothers Lawn & Landscape"
        />
      </ReactLenis>
    </ThemeProvider>
  );
}
