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>