From 47b5d0541de41e95d03a889cfb239ad837b085cd Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 30 Mar 2026 03:12:34 +0000
Subject: [PATCH] Update src/app/rock-gravel/page.tsx

---
 src/app/rock-gravel/page.tsx | 45 +++++++++++++++---------------------
 1 file changed, 19 insertions(+), 26 deletions(-)

diff --git a/src/app/rock-gravel/page.tsx b/src/app/rock-gravel/page.tsx
index 6da13e3..2d534a1 100644
--- a/src/app/rock-gravel/page.tsx
+++ b/src/app/rock-gravel/page.tsx
@@ -3,8 +3,8 @@
 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';
+import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
 
 export default function RockGravelPage() {
   return (
@@ -21,35 +21,28 @@ export default function RockGravelPage() {
         headingFontWeight="bold"
     >
       <ReactLenis root>
-        <div id="nav" data-section="nav">
-          <NavbarLayoutFloatingInline
+        <NavbarLayoutFloatingInline
             navItems={[
-              { name: "Home", id: "/" },
-              { name: "Hedge Trimming", id: "/hedge-trimming" },
-              { name: "Tree Care & Removal", id: "/tree-removal-trimming" },
-              { name: "Irrigation", id: "/irrigation" },
-              { name: "Rock & Gravel", id: "/rock-gravel" }
+                { 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" }}
-          />
-        </div>
-        <div id="home" data-section="home">
-          <HeroLogoBillboard
-            logoText="Rock & Gravel Installation & Removal"
-            description="Transform your landscape aesthetics with our professional rock and gravel services. Whether you need a fresh new install or complete removal of old materials, we handle the heavy lifting."
-            buttons={[{ text: "Get a Free Quote", href: "tel:4803279024" }]}
-            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXDFgC7Q1QH0RYIW8wS68MTMTG/uploaded-1774683236779-lfs0cx8c.png?_wi=2"
-            imageAlt="Rock installation service"
-            background={{ variant: "plain" }}
-          />
-        </div>
-        <div id="footer" data-section="footer">
-          <FooterCard
-            logoText="Ryan Brothers Lawn & Landscape"
-            copyrightText="© 2025 Ryan Brothers Lawn & Landscape"
-          />
-        </div>
+        />
+        <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>
   );