refactor: simplify navigation structure and update homepage content

- Removed Cloud dropdown menu and flattened navigation to direct links (Network, Cloud, Pods, Agents, Node)
- Reordered navigation items for better flow and renamed "Nodes" to "Node" for consistency
- Updated homepage hero and CTA sections with clearer messaging focused on digital sovereignty and infrastructure control
- Added new bento grid images for visual refresh

src/pages/home/CallToAction.tsx

@@ -37,38 +37,35 @@ export function CallToAction() {
         </svg>
 
         <Container className="relative">
-          <div className="mx-auto max-w-2xl text-center">
+          <div className="mx-auto max-w-3xl text-center">
             <H3 className=" text-white ">
-              A Living Network
-            </H3> 
+              Use the Mycelium Stack Your Way
+            </H3>
 
             <P className="mt-6 text-gray-300">
-              Mycelium isn’t a platform.
-              It’s the soil where a new internet grows — open, resilient, and alive.
+              Deploy infrastructure, run workloads, connect environments, and build distributed AI systems, all on one network designed for autonomy and control.
             </P>
 
             <P className="mt-4 text-gray-300">
-              The self-sovereign network powering the next internet.
+              Start wherever you are. Scale on your own terms.
             </P>
 
-            <div className="mt-10 flex flex-wrap justify-center gap-x-6 gap-y-4">
-              <Button to="/cloud" variant="solid" color="cyan">
-                Join Mycelium
+            <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>
 
               <Button
-                to="https://threefold.info/mycelium_network/docs/"
-                as="a"
-                target="_blank"
+                to="/cloud"
                 variant="outline"
                 color="white"
               >
-                Join Early Cloud Access
+                Deploy in Cloud
               </Button>
 
-              <Button to="#" variant="solid" color="cyan">
-                Join the Waitlist
-              </Button>
+              <a href="/node" className="text-cyan-400 hover:text-cyan-300 transition-colors">
+                Host a Node &rarr;
+              </a>
             </div>
           </div>
         </Container>