feat: streamline cloud and pods pages with improved CTAs and content

- Replaced CloudCodeTabs with static reserve image in CloudIntro
- Added dynamic action buttons (Deploy, Follow Development, View Docs) to CloudIntro tabs
- Removed CloudFeaturesLight section from CloudPage
- Enhanced Pods CallToAction with benefits checklist and expanded early adopter messaging
- Added CTA buttons to Homepod component with waitlist and docs links
- Removed PodsBenefits section from PodsPage
- Updated Homepod description

src/pages/cloud/CloudIntro.tsx

@@ -1,8 +1,8 @@
 "use client";
 
 import { useState } from "react";
-import { CloudCodeTabs } from "./CloudCodeTabs";
 import { Eyebrow, H3, P } from "@/components/Texts";
+import { Button } from "@/components/Button";
 
 const tabs = [
   {
@@ -59,9 +59,25 @@ const tabs = [
   },
 ];
 
+const tabButtons = {
+  kubernetes: {
+    primary: "Deploy a Cluster",
+    secondary: "Learn More",
+  },
+  vdc: {
+    primary: "Follow Development",
+    secondary: "Learn More",
+  },
+  qsfs: {
+    primary: "View Docs",
+    secondary: "Explore Integration",
+  },
+} as const;
+
 export function CloudIntro() {
   const [active, setActive] = useState("kubernetes");
   const current = tabs.find((t) => t.id === active)!.content;
+  const currentButtons = tabButtons[active as keyof typeof tabButtons];
 
   return (
     <section className="relative w-full bg-[#121212] overflow-hidden">
@@ -94,7 +110,11 @@ export function CloudIntro() {
 
           {/* Left: Code UI */}
           <div className="w-full lg:w-1/2">
-            <CloudCodeTabs />
+            <img
+              src="/images/cloud/reserve.png"
+              alt="Mycelium Cloud reserve"
+              className="w-full h-auto rounded-xl border border-white/10 object-cover"
+            />
           </div>
 
           {/* Right: Tabs */}
@@ -141,6 +161,26 @@ export function CloudIntro() {
                 </ul>
               </div>
 
+              {currentButtons && (
+                <div className="mt-8 flex flex-wrap gap-4">
+                  <Button
+                    to="#"
+                    variant="solid"
+                    color="cyan"
+                  >
+                    {currentButtons.primary}
+                  </Button>
+
+                  <Button
+                    to="#"
+                    variant="outline"
+                    color="white"
+                  >
+                    {currentButtons.secondary}
+                  </Button>
+                </div>
+              )}
+
             </div>
           </div>
         </div>