Update src/app/tree-removal-trimming/page.tsx

src/app/hedge-trimming/page.tsx

@@ -4,47 +4,49 @@ 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 ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
 import FooterCard from '@/components/sections/footer/FooterCard';
 
 export default function HedgeTrimmingPage() {
   return (
-    <ThemeProvider
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
-        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
+        <div id="nav" data-section="nav">
-          navItems={[
+          <NavbarLayoutFloatingInline
-            { name: "Home", id: "/" },
+            navItems={[
-            { name: "Services", id: "/#services" },
+              { name: "Home", id: "/" },
-            { name: "Hedge Trimming", id: "/hedge-trimming" },
+              { name: "Hedge Trimming", id: "/hedge-trimming" },
-            { name: "Tree Services", id: "/tree-removal-trimming" },
+              { name: "Tree Care", id: "/tree-removal-trimming" },
-            { name: "Why Us", id: "/#why-us" },
+              { name: "Irrigation", id: "/irrigation" },
-            { name: "Reviews", id: "/#reviews" },
+              { name: "Rock & Gravel", id: "/rock-gravel" }
-          ]}
+            ]}
-          brandName="Ryan Brothers"
+            brandName="Ryan Brothers"
-          button={{ text: "Get A Quote", href: "tel:4803279024" }}
+            button={{ text: "Get A Quote", href: "tel:4803279024" }}
-        />
+          />
-        <HeroLogoBillboard
+        </div>
-          logoText="Professional Hedge Trimming"
+        <div id="home" data-section="home">
-          description="Keep your hedges healthy, clean, and perfectly shaped with our professional trimming services."
+          <HeroLogoBillboard
-          buttons={[{ text: "Request a Quote", href: "tel:4803279024" }]}
+            logoText="Expert Hedge Trimming"
-        />
+            description="Keep your property lines clean and your landscaping sharp with our professional hedge and shrub trimming services."
-        <ContactSplitForm
+            buttons={[{ text: "Get A Quote", href: "tel:4803279024" }]}
-          title="Book Your Trimming Service"
+            background={{ variant: "plain" }}
-          description="Contact us today to schedule your hedge trimming."
+          />
-          inputs={[{ name: "name", type: "text", placeholder: "Full Name", required: true }, { name: "email", type: "email", placeholder: "Email", required: true }]}
+        </div>
-        />
+        <div id="services" data-section="services">
-        <FooterCard logoText="Ryan Brothers Lawn & Landscape" />
+          <FeatureCardSix
+            title="Our Trimming Process"
+            description="Precision trimming to enhance the beauty and health of your greenery."
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { id: 1, title: "Shaping", description: "Detailed shaping for a polished look.", imageSrc: "https://images.unsplash.com/photo-1598440947619-2c35fd95604d?w=800" },
+              { id: 2, title: "Height Reduction", description: "Controlled cutting for growth management.", imageSrc: "https://images.unsplash.com/photo-1589476993168-f52b36a21908?w=800" }
+            ]}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterCard />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );

src/app/irrigation/page.tsx

@@ -0,0 +1,56 @@
+"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>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Hedge Trimming", id: "/hedge-trimming" },
+              { name: "Tree Care", 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="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"
+            background={{ variant: "plain" }}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="Ryan Brothers Lawn & Landscape"
+            copyrightText="© 2025 Ryan Brothers Lawn & Landscape"
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -31,8 +31,8 @@ export default function LandingPage() {
       navItems={[
         { name: "Home", id: "home" },
         { name: "Services", id: "services" },
-        { name: "Irrigation", id: "irrigation" },
+        { name: "Irrigation", id: "/irrigation" },
-        { name: "Rock & Gravel", id: "rock-gravel" },
+        { name: "Rock & Gravel", id: "/rock-gravel" },
         { name: "Why Us", id: "why-us" },
         { name: "Reviews", id: "reviews" },
       ]}

src/app/rock-gravel/page.tsx

@@ -0,0 +1,56 @@
+"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 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>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Hedge Trimming", id: "/hedge-trimming" },
+              { name: "Tree Care", 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"
+            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>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/tree-removal-trimming/page.tsx

@@ -4,47 +4,49 @@ 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 ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
 import FooterCard from '@/components/sections/footer/FooterCard';
 
-export default function TreeServicesPage() {
+export default function TreeCarePage() {
   return (
-    <ThemeProvider
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
-        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
+        <div id="nav" data-section="nav">
-          navItems={[
+          <NavbarLayoutFloatingInline
-            { name: "Home", id: "/" },
+            navItems={[
-            { name: "Services", id: "/#services" },
+              { name: "Home", id: "/" },
-            { name: "Hedge Trimming", id: "/hedge-trimming" },
+              { name: "Hedge Trimming", id: "/hedge-trimming" },
-            { name: "Tree Services", id: "/tree-removal-trimming" },
+              { name: "Tree Care", id: "/tree-removal-trimming" },
-            { name: "Why Us", id: "/#why-us" },
+              { name: "Irrigation", id: "/irrigation" },
-            { name: "Reviews", id: "/#reviews" },
+              { name: "Rock & Gravel", id: "/rock-gravel" }
-          ]}
+            ]}
-          brandName="Ryan Brothers"
+            brandName="Ryan Brothers"
-          button={{ text: "Get A Quote", href: "tel:4803279024" }}
+            button={{ text: "Get A Quote", href: "tel:4803279024" }}
-        />
+          />
-        <HeroLogoBillboard
+        </div>
-          logoText="Tree Removal & Trimming"
+        <div id="home" data-section="home">
-          description="Safe tree removal and professional trimming services to enhance yard safety and aesthetics."
+          <HeroLogoBillboard
-          buttons={[{ text: "Request a Quote", href: "tel:4803279024" }]}
+            logoText="Professional Tree Services"
-        />
+            description="Safe removal and expert pruning to maintain the safety and aesthetic appeal of your trees."
-        <ContactSplitForm
+            buttons={[{ text: "Get A Quote", href: "tel:4803279024" }]}
-          title="Book Your Tree Service"
+            background={{ variant: "plain" }}
-          description="Contact us today to discuss your tree service needs."
+          />
-          inputs={[{ name: "name", type: "text", placeholder: "Full Name", required: true }, { name: "email", type: "email", placeholder: "Email", required: true }]}
+        </div>
-        />
+        <div id="services" data-section="services">
-        <FooterCard logoText="Ryan Brothers Lawn & Landscape" />
+          <FeatureCardSix
+            title="Tree Maintenance & Safety"
+            description="Protect your property with certified tree care."
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { id: 1, title: "Tree Trimming", description: "Promoting healthy growth and clearance.", imageSrc: "https://images.unsplash.com/photo-1590486803833-1c3dc47d3763?w=800" },
+              { id: 2, title: "Tree Removal", description: "Safe, professional removal of hazardous or unwanted trees.", imageSrc: "https://images.unsplash.com/photo-1542601906990-b4d3fb778b09?w=800" }
+            ]}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterCard />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );