From c9335d2c5afb481b3f4527ee47f63a0d0dd4268a Mon Sep 17 00:00:00 2001
From: sasha-astiadi <sasha@incubaid.com>
Date: Mon, 24 Nov 2025 14:40:44 +0100
Subject: [PATCH] refactor: update CallToAction "Join the Network" button to
 use smooth scroll instead of navigation link

- Changed Button from navigation link with to="/network" to onClick handler with smooth scroll behavior
- Added smoothScrollToElement import from @/utils/scroll
- Implemented smooth scroll to #node-how-it-works section with 1200ms duration
- Removed to prop from Button component
---
 src/pages/network/CallToAction.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/pages/network/CallToAction.tsx b/src/pages/network/CallToAction.tsx
index 3a52351..8ae2648 100644
--- a/src/pages/network/CallToAction.tsx
+++ b/src/pages/network/CallToAction.tsx
@@ -2,6 +2,7 @@
 
 import { Container } from '@/components/Container'
 import { Button } from "@/components/Button";
+import { smoothScrollToElement } from "@/utils/scroll";
 
 export function CallToAction() {
   return (
@@ -50,7 +51,8 @@ Use the network to link environments, deploy workloads, or host nodes to strengt
 
             {/* ✅ Two cards, stacked center with spacing */}
             <div className="mt-10 flex flex-wrap justify-center items-center gap-x-6 gap-y-4">
-              <Button to="/network" variant="solid" color="cyan">
+              <Button variant="solid" color="cyan" onClick={() => smoothScrollToElement('node-how-it-works', 1200)}
+                            >
                 Join the Network
               </Button>