"use client";

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

export default function RockGravelPage() {
  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: "Tree Care & Removal", id: "/tree-removal-trimming" },
                { name: "Irrigation", id: "/irrigation" },
                { name: "Rock & Gravel", id: "/rock-gravel" },
            ]}
            brandName="Ryan Brothers"
            button={{ text: "Get A Quote", href: "tel:4803279024" }}
        />
        <FeatureCardMedia
            title="Rock & Gravel Services"
            description="Transform your curb appeal with our expert rock installation and site prep services."
            animationType="slide-up"
            textboxLayout="default"
            useInvertedBackground={false}
            features={[
                { id: "1", title: "New Installation", description: "High quality rock and gravel installation for any landscape design.", tag: "Service" },
                { id: "2", title: "Removal & Refresh", description: "Full removal of old gravel or refreshing your existing look.", tag: "Service" }
            ]}
        />
        <FooterCard logoText="Ryan Brothers Lawn & Landscape" />
      </ReactLenis>
    </ThemeProvider>
  );
}