From cf32cd081c5a00546b532ead0ab3df196d2c7552 Mon Sep 17 00:00:00 2001
From: sasha-astiadi <sasha@incubaid.com>
Date: Fri, 14 Nov 2025 16:16:08 +0100
Subject: [PATCH] feat: update network CTA with improved messaging and
 navigation

- Changed heading from "Start" to "Connect" and refined description for clarity
- Replaced two-button layout with three-option navigation (Join Network, Deploy in Cloud, Host a Node)
- Updated button destinations and styling to better guide user journey
---
 src/pages/network/CallToAction.tsx | 31 +++++++++++++++++-------------
 1 file changed, 18 insertions(+), 13 deletions(-)

diff --git a/src/pages/network/CallToAction.tsx b/src/pages/network/CallToAction.tsx
index 478400d..9dde3f1 100644
--- a/src/pages/network/CallToAction.tsx
+++ b/src/pages/network/CallToAction.tsx
@@ -20,26 +20,31 @@ export function CallToAction() {
         <Container className="relative">
           <div className="mx-auto max-w-3xl text-center">
             <h2 className="text-3xl lg:text-4xl font-medium tracking-tight text-white sm:text-4xl">
-              Choose How You Want to Start
+              Choose How You Want to Connect
             </h2>
 
             <p className="mt-6 text-lg text-gray-300">
-              Use the network to connect workloads or host nodes to deepen mesh resilience and run your environments on your own hardware.
+              Choose How You Want to Connect
+Use the network to link environments, deploy workloads, or host nodes to strengthen the mesh and run on your own hardware.
             </p>
 
             {/* ✅ Two cards, stacked center with spacing */}
-            <div className="mt-10 flex flex-wrap justify-center gap-x-10 gap-y-8">
-              <div className="flex flex-col items-center text-center max-w-xs">
-                <Button to="/download" variant="solid" color="cyan" className="mt-4">
-                  Get Mycelium Network
-                </Button>
-              </div>
+            <div className="mt-10 flex flex-wrap justify-center items-center gap-x-6 gap-y-4">
+              <Button to="/network" variant="solid" color="cyan">
+                Join the Network
+              </Button>
 
-              <div className="flex flex-col items-center text-center max-w-xs">
-                <Button to="https://threefold.info/mycelium_network/docs/" as="a" target="_blank" variant="outline" color="white" className="mt-4">
-                  Host a Node
-                </Button>
-              </div>
+              <Button
+                to="/cloud"
+                variant="outline"
+                color="white"
+              >
+                Deploy in Cloud
+              </Button>
+
+              <a href="/node" className="text-cyan-400 hover:text-cyan-300 transition-colors">
+                Host a Node &rarr;
+              </a>
             </div>
           </div>
         </Container>