feat: replace SecurityPillars with CloudBluePrint component and reorder sections

- Removed CloudGettingStarted section from the page
- Replaced SecurityPillars with new CloudBluePrint component
- Adjusted section ordering to improve page flow

src/pages/cloud/CloudBluePrint.tsx

@@ -0,0 +1,52 @@
+import { H3, P, Eyebrow } from '../../components/Texts'
+
+
+export function CloudBluePrint() {
+  return (
+    <div className="bg-white py-24 sm:py-32">
+      <div className="mx-auto max-w-7xl px-6 lg:px-8">
+        <Eyebrow color="accent">Cloud Blueprint</Eyebrow>
+        <H3 color="primary">Your Personal Sovereign Cloud Workspace</H3>
+        <P color="primary">Digital Me is an example environment built to demonstrate what’s possible on top of the Mycelium Stack, a full personal cloud you can deploy, customize, or extend.
+            Your files, communication, apps, and optional AI agent, all running privately on infrastructure you choose.</P>
+        <div className="mx-auto mt-10 grid max-w-lg grid-cols-4 items-center gap-x-8 gap-y-10 sm:max-w-xl sm:grid-cols-6 sm:gap-x-10 lg:mx-0 lg:max-w-none lg:grid-cols-5">
+          <img
+            alt="Transistor"
+            src="https://tailwindcss.com/plus-assets/img/logos/158x48/transistor-logo-gray-900.svg"
+            width={158}
+            height={48}
+            className="col-span-2 max-h-12 w-full object-contain lg:col-span-1"
+          />
+          <img
+            alt="Reform"
+            src="https://tailwindcss.com/plus-assets/img/logos/158x48/reform-logo-gray-900.svg"
+            width={158}
+            height={48}
+            className="col-span-2 max-h-12 w-full object-contain lg:col-span-1"
+          />
+          <img
+            alt="Tuple"
+            src="https://tailwindcss.com/plus-assets/img/logos/158x48/tuple-logo-gray-900.svg"
+            width={158}
+            height={48}
+            className="col-span-2 max-h-12 w-full object-contain lg:col-span-1"
+          />
+          <img
+            alt="SavvyCal"
+            src="https://tailwindcss.com/plus-assets/img/logos/158x48/savvycal-logo-gray-900.svg"
+            width={158}
+            height={48}
+            className="col-span-2 max-h-12 w-full object-contain sm:col-start-2 lg:col-span-1"
+          />
+          <img
+            alt="Statamic"
+            src="https://tailwindcss.com/plus-assets/img/logos/158x48/statamic-logo-gray-900.svg"
+            width={158}
+            height={48}
+            className="col-span-2 col-start-2 max-h-12 w-full object-contain sm:col-start-auto lg:col-span-1"
+          />
+        </div>
+      </div>
+    </div>
+  )
+}

src/pages/cloud/CloudPage.tsx

@@ -7,6 +7,7 @@ import { SecurityPillars } from './SecurityPillars'
 import { CloudCTA } from './CloudCTA'
 import { CloudHeroNew } from './CloudHeroNew'
 import { CloudHosting } from './CloudHosting'
+import { CloudBluePrint } from './CloudBluePrint'
 
 export default function CloudPage() {
   return (
@@ -28,15 +29,14 @@ export default function CloudPage() {
         <CloudArchitecture />
       </AnimatedSection>
 
-      <AnimatedSection>
-        <CloudGettingStarted />
-      </AnimatedSection>
       <AnimatedSection>
         <CloudUseCases />
       </AnimatedSection>
+
       <AnimatedSection>
-        <SecurityPillars />
+        <CloudBluePrint />
       </AnimatedSection>
+
       <AnimatedSection>
         <CloudCTA />
       </AnimatedSection>

src/pages/cloud/CloudUseCases.tsx

@@ -3,35 +3,33 @@ import { Eyebrow, SectionHeader, P, Small } from '../../components/Texts'
 
 const useCases = [
   {
-    title: 'AI / ML Training',
+    title: 'Enterprise & Private Kubernetes',
     description:
-      'Run GPU-accelerated workloads for deep learning, data science, and inference on demand.',
-    bullets: ['GPU acceleration', 'Scalable compute', 'Cost optimization'],
-  },
-  {
-    title: 'Enterprise Kubernetes',
-    description:
-      'Operate production-grade clusters with complete control and no vendor lock-in.',
-    bullets: ['High availability', 'Security', 'Compliance'],
-  },
-  {
-    title: 'Edge & IoT',
-    description:
-      'Leverage global nodes for low-latency workloads and connected device deployments.',
-    bullets: ['Low latency', 'Global distribution', 'Real-time processing'],
-  },
-  {
-    title: 'DigitalMe Blueprint',
-    description:
-      'Launch a full digital workspace on Mycelium Cloud with pre-integrated services.',
+      'Production-grade K3s clusters with full workload ownership and residency control. Deploy apps and internal services without vendor lock-in or exposed surfaces.',
     bullets: [
-      'Cryptpad • Encrypted collaboration',
-      'Elements • Matrix chat',
-      'Stallwart • Mail, calendar, contacts',
-      'Gitea • Git hosting',
-      'Nextcloud • File storage and sync',
-      'LiveKit / Jitsi • Real-time video',
-      'Single Sign-On backed by Gitea',
+      'High availability + failover',
+      'Encrypted, mesh-native networking',
+      'Compliance-ready governance & policy control',
+    ],
+  },
+  {
+    title: 'Edge & Distributed Deployments',
+    description:
+      'Place compute close to where data is created. Run clusters globally across home labs, offices, data centers, or edge locations.',
+    bullets: [
+      'Low-latency execution',
+      'Mesh-routed connectivity',
+      'Autonomous healing across region',
+    ],
+  },
+  {
+    title: 'AI / ML & Agent Workloads',
+    description:
+      'Run inference, training, and autonomous AI systems on sovereign compute. GPU orchestration, private vector storage, and model execution without handing data to hyperscalers.',
+    bullets: [
+      'Scales across nodes',
+      'Supports open-source & fine-tuned models',
+      'Built for agentic automation + RAG',
     ],
   },
 ]