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

Update src/app/rock-gravel/page.tsx
Update src/app/irrigation/page.tsx
2026-03-29 03:59:15 +00:00 · 2026-03-29 03:59:14 +00:00 · 2026-03-29 03:59:13 +00:00 · 2026-03-29 03:59:13 +00:00 · 2026-03-29 03:57:01 +00:00 · 2026-03-29 03:57:01 +00:00
5 changed files with 192 additions and 76 deletions
--- a/src/app/hedge-trimming/page.tsx
+++ b/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
-        defaultButtonVariant="hover-magnetic"
-        defaultTextAnimation="background-highlight"
-        borderRadius="pill"
-        contentWidth="compact"
-        sizing="mediumLargeSizeMediumTitles"
-        background="noiseDiagonalGradient"
-        cardStyle="gradient-bordered"
-        primaryButtonStyle="shadow"
-        secondaryButtonStyle="glass"
-        headingFontWeight="bold"
-    >
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
      <ReactLenis root>
-        <NavbarLayoutFloatingInline
-          navItems={[
-            { name: "Home", id: "/" },
-            { name: "Services", id: "/#services" },
-            { name: "Hedge Trimming", id: "/hedge-trimming" },
-            { name: "Tree Services", id: "/tree-removal-trimming" },
-            { name: "Why Us", id: "/#why-us" },
-            { name: "Reviews", id: "/#reviews" },
-          ]}
-          brandName="Ryan Brothers"
-          button={{ text: "Get A Quote", href: "tel:4803279024" }}
-        />
-        <HeroLogoBillboard
-          logoText="Professional Hedge Trimming"
-          description="Keep your hedges healthy, clean, and perfectly shaped with our professional trimming services."
-          buttons={[{ text: "Request a Quote", href: "tel:4803279024" }]}
-        />
-        <ContactSplitForm
-          title="Book Your Trimming Service"
-          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 }]}
-        />
-        <FooterCard logoText="Ryan Brothers Lawn & Landscape" />
+        <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="Expert Hedge Trimming"
+            description="Keep your property lines clean and your landscaping sharp with our professional hedge and shrub trimming services."
+            buttons={[{ text: "Get A Quote", href: "tel:4803279024" }]}
+            background={{ variant: "plain" }}
+          />
+        </div>
+        <div id="services" data-section="services">
+          <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>
  );
--- a/src/app/irrigation/page.tsx
+++ b/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>
+  );
+}
--- a/src/app/page.tsx
+++ b/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: "Rock & Gravel", id: "rock-gravel" },
+        { name: "Irrigation", id: "/irrigation" },
+        { name: "Rock & Gravel", id: "/rock-gravel" },
        { name: "Why Us", id: "why-us" },
        { name: "Reviews", id: "reviews" },
      ]}
@@ -127,4 +127,4 @@ export default function LandingPage() {
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}
--- a/src/app/rock-gravel/page.tsx
+++ b/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>
+  );
+}
--- a/src/app/tree-removal-trimming/page.tsx
+++ b/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
-        defaultButtonVariant="hover-magnetic"
-        defaultTextAnimation="background-highlight"
-        borderRadius="pill"
-        contentWidth="compact"
-        sizing="mediumLargeSizeMediumTitles"
-        background="noiseDiagonalGradient"
-        cardStyle="gradient-bordered"
-        primaryButtonStyle="shadow"
-        secondaryButtonStyle="glass"
-        headingFontWeight="bold"
-    >
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
      <ReactLenis root>
-        <NavbarLayoutFloatingInline
-          navItems={[
-            { name: "Home", id: "/" },
-            { name: "Services", id: "/#services" },
-            { name: "Hedge Trimming", id: "/hedge-trimming" },
-            { name: "Tree Services", id: "/tree-removal-trimming" },
-            { name: "Why Us", id: "/#why-us" },
-            { name: "Reviews", id: "/#reviews" },
-          ]}
-          brandName="Ryan Brothers"
-          button={{ text: "Get A Quote", href: "tel:4803279024" }}
-        />
-        <HeroLogoBillboard
-          logoText="Tree Removal & Trimming"
-          description="Safe tree removal and professional trimming services to enhance yard safety and aesthetics."
-          buttons={[{ text: "Request a Quote", href: "tel:4803279024" }]}
-        />
-        <ContactSplitForm
-          title="Book Your Tree Service"
-          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 }]}
-        />
-        <FooterCard logoText="Ryan Brothers Lawn & Landscape" />
+        <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="Professional Tree Services"
+            description="Safe removal and expert pruning to maintain the safety and aesthetic appeal of your trees."
+            buttons={[{ text: "Get A Quote", href: "tel:4803279024" }]}
+            background={{ variant: "plain" }}
+          />
+        </div>
+        <div id="services" data-section="services">
+          <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>
  );
Author	SHA1	Message	Date
bender	c76b5a3218	Update src/app/tree-removal-trimming/page.tsx	2026-03-29 03:59:15 +00:00
bender	855f7ecad7	Update src/app/rock-gravel/page.tsx	2026-03-29 03:59:14 +00:00
bender	25d130bf90	Update src/app/irrigation/page.tsx	2026-03-29 03:59:13 +00:00
bender	6489eeb581	Update src/app/hedge-trimming/page.tsx	2026-03-29 03:59:13 +00:00
bender	ddc72e22ed	Update src/app/tree-removal-trimming/page.tsx	2026-03-29 03:57:01 +00:00
bender	77b570b9f1	Add src/app/rock-gravel/page.tsx	2026-03-29 03:57:01 +00:00
bender	9ba5f61890	Update src/app/page.tsx	2026-03-29 03:57:01 +00:00
bender	1fa85ed52d	Add src/app/irrigation/page.tsx	2026-03-29 03:57:00 +00:00
bender	245f75158e	Update src/app/hedge-trimming/page.tsx	2026-03-29 03:57:00 +00:00
bender	7831f7ae2d	Merge version_13 into main Merge version_13 into main	2026-03-29 03:56:27 +00:00