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

Merge version_15 into main

src/app/hedge-trimming/page.tsx

@@ -0,0 +1,53 @@
+"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 FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
+import FooterCard from '@/components/sections/footer/FooterCard';
+
+export default function HedgeTrimmingPage() {
+  return (
+    <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>
+        <div id="nav" data-section="nav">
+          <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" }
+            ]}
+            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>
+  );
+}

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 & 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="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?_wi=2"
+            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

@@ -9,7 +9,7 @@ import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
-import { Phone, Mail } from "lucide-react";
+import { Phone } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -31,6 +31,9 @@ export default function LandingPage() {
       navItems={[
         { name: "Home", id: "home" },
         { name: "Services", id: "services" },
+        { name: "Tree Care & Removal", id: "/tree-removal-trimming" },
+        { name: "Irrigation", id: "/irrigation" },
+        { name: "Rock & Gravel", id: "/rock-gravel" },
         { name: "Why Us", id: "why-us" },
         { name: "Reviews", id: "reviews" },
       ]}
@@ -60,8 +63,8 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         { id: 1, title: "Lawn Maintenance", description: "Weekly, bi-weekly & monthly mowing, edging, trimming, blowing & more.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXDFgC7Q1QH0RYIW8wS68MTMTG/uploaded-1774756198244-5vkzgw2u.png", imageAlt: "Lawn mowing service" },
-        { id: 2, title: "Landscaping Services", description: "Landscape cleanups, hedge trimming, Landscape maintenance, tree removal & trimming, irrigation repair & Installation, Rock & gravel installation & Removal.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXDFgC7Q1QH0RYIW8wS68MTMTG/uploaded-1774683217001-qyt5vvru.png", imageAlt: "Landscape maintenance" },
-        { id: 3, title: "Seasonal Cleanups", description: "Leaf removal, property cleanouts, and overgrown yard restoration.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXDFgC7Q1QH0RYIW8wS68MTMTG/uploaded-1774683236779-lfs0cx8c.png", imageAlt: "Garden cleanup" },
+        { id: 2, title: "Irrigation Repair & Installation", description: "Professional irrigation system repair, troubleshooting, and custom installation to keep your landscape lush and healthy.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXDFgC7Q1QH0RYIW8wS68MTMTG/uploaded-1774683217001-qyt5vvru.png?_wi=1", imageAlt: "Irrigation services" },
+        { id: 3, title: "Rock & Gravel Installation & Removal", description: "Transform your yard with professional rock and gravel services, including new installations and total removal.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXDFgC7Q1QH0RYIW8wS68MTMTG/uploaded-1774683236779-lfs0cx8c.png?_wi=1", imageAlt: "Rock installation" },
       ]}
       title="Our Services"
       description="Clean, sharp, and consistent results for every property we serve."

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 & 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>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

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

@@ -0,0 +1,53 @@
+"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 FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
+import FooterCard from '@/components/sections/footer/FooterCard';
+
+export default function TreeCarePage() {
+  return (
+    <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>
+        <div id="nav" data-section="nav">
+          <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" }
+            ]}
+            brandName="Ryan Brothers"
+            button={{ text: "Get A Quote", href: "tel:4803279024" }}
+          />
+        </div>
+        <div id="home" data-section="home">
+          <HeroLogoBillboard
+            logoText="Professional Tree Services"
+            description="Comprehensive tree care, including expert pruning, maintenance, and safe removal to keep your property safe and beautiful."
+            buttons={[{ text: "Get A Quote", href: "tel:4803279024" }]}
+            background={{ variant: "plain" }}
+          />
+        </div>
+        <div id="services" data-section="services">
+          <FeatureCardSix
+            title="Our Tree Services"
+            description="Precision care for every tree on your property."
+            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>
+  );
+}