src/pages/agents/AgentHeroAlt.tsx

@@ -1,7 +1,7 @@
 'use client'
 
 import { Button } from '../../components/Button'
-import { Eyebrow, SectionHeader, P, H3 } from '../../components/Texts'
+import { Eyebrow, P, H3 } from '../../components/Texts'
 
 export function AgentHeroAlt() {
   return (

src/pages/cloud/CloudPage.tsx

@@ -1,14 +1,11 @@
 import { AnimatedSection } from '../../components/AnimatedSection'
 import { CloudArchitecture } from './CloudArchitecture'
 import { CloudFeatures } from './CloudFeatures'
-import { CloudGettingStarted } from './CloudGettingStarted'
 import { CloudUseCases } from './CloudUseCases'
-import { SecurityPillars } from './SecurityPillars'
 import { CloudCTA } from './CloudCTA'
 import { CloudHeroNew } from './CloudHeroNew'
 import { CloudHosting } from './CloudHosting'
 import { CloudBluePrint } from './CloudBluePrint'
-import { CloudDesign } from './CloudDesign'
 
 export default function CloudPage() {
   return (
@@ -22,10 +19,6 @@ export default function CloudPage() {
         <CloudHosting />
       </AnimatedSection>
 
-      <AnimatedSection>
-        <CloudDesign />
-      </AnimatedSection>
-
       <AnimatedSection>
         <CloudFeatures />
       </AnimatedSection>

src/pages/compute/ComputeDesign.tsx

@@ -24,7 +24,7 @@ const features = [
   },
 ]
 
-export default function ComputeDesign() {
+export function ComputeDesign() {
   return (
     <section className="bg-white py-24 sm:py-32">
       <Container>

src/pages/compute/ComputeHero.tsx

@@ -1,7 +1,7 @@
 'use client'
 
 import { Button } from '../../components/Button'
-import { Eyebrow, SectionHeader, P, H3 } from '../../components/Texts'
+import { Eyebrow, P, H3 } from '../../components/Texts'
 
 export function ComputeHero() {
   return (

src/pages/gpu/GpuCapabilities.tsx

@@ -1,50 +1,60 @@
+import {
+  SparklesIcon,
+  Cog6ToothIcon,
+  CubeTransparentIcon,
+  CpuChipIcon,
+} from '@heroicons/react/24/solid'
+import { Eyebrow, H3, P, CT, CP } from '../../components/Texts'
 import { Container } from '../../components/Container'
-import { Eyebrow, SectionHeader, P } from '../../components/Texts'
 
-const architecture = [
+const capabilities = [
   {
-    title: 'Sovereign Compute Nodes',
-    description: 'GPUs hosted on hardware you trust.',
+    name: 'AI / ML Inference & Training',
+    description: 'LLMs, embeddings, transformers, fine-tuning',
+    icon: SparklesIcon,
   },
   {
-    title: 'Encrypted Mesh Networking',
-    description: 'Secure, private connectivity to workloads.',
+    name: 'Acceleration in Kubernetes Workloads',
+    description: 'GPU-backed deployments on Mycelium Cloud',
+    icon: Cog6ToothIcon,
   },
   {
-    title: 'Reservation & Verification Layer',
-    description: 'Guarantees GPU access and consistency.',
+    name: 'Rendering & Simulation',
+    description: 'Scientific visualization, VFX, real-time 3D',
+    icon: CubeTransparentIcon,
+  },
+  {
+    name: 'Agent Compute & RAG Pipelines',
+    description: 'Vector memory + model execution on sovereign hardware',
+    icon: CpuChipIcon,
   },
 ]
 
-export function GpuArchitecture() {
+export function GpuCapabilities() {
   return (
-    <section id="gpu-architecture" className="bg-white py-24 sm:py-32">
+    <section className="bg-white py-24 sm:py-32">
       <Container>
         <div className="mx-auto max-w-3xl text-center">
-          <Eyebrow>ARCHITECTURE</Eyebrow>
-          <SectionHeader as="h2" className="mt-6 text-gray-900">
-            HOW IT WORKS
-          </SectionHeader>
+          <Eyebrow>CAPABILITIES</Eyebrow>
+          <H3 className="mt-4 text-gray-900">What You Can Run on Mycelium Cloud</H3>
           <P className="mt-6 text-gray-600">
-            A sovereign GPU fabric built for transparent access, secure routing,
-            and guaranteed performance—no opaque clouds or shared queues.
+            GPU workloads can run anywhere on the mesh — on cloud capacity, your own machines,
+            or edge nodes — with full sovereignty.
           </P>
         </div>
 
-        <div className="mx-auto mt-16 max-w-4xl space-y-6">
-          {architecture.map((item) => (
-            <div
-              key={item.title}
-              className="rounded-3xl border border-slate-200 bg-white p-8 shadow-sm transition hover:-translate-y-1 hover:border-cyan-300 hover:shadow-lg"
-            >
-              <h3 className="text-xl font-semibold text-gray-900">
-                {item.title}
-              </h3>
-              <p className="mt-3 text-sm leading-relaxed text-gray-600">
-                {item.description}
-              </p>
-            </div>
-          ))}
+        <div className="mx-auto mt-16 max-w-5xl">
+          <dl className="grid grid-cols-1 gap-12 sm:grid-cols-2 lg:grid-cols-4">
+            {capabilities.map((feature) => (
+              <div key={feature.name} className="flex flex-col text-center">
+                <div className="mx-auto flex size-12 items-center justify-center rounded-xl bg-cyan-50">
+                  <feature.icon className="size-6 text-cyan-600" aria-hidden="true" />
+                </div>
+                <CT className="mt-6 text-gray-900">{feature.name}</CT>
+                <CP className="mt-2 text-gray-600">{feature.description}</CP>
+              </div>
+            ))}
+          </dl>
         </div>
       </Container>
     </section>

src/pages/gpu/GpuPage.tsx

@@ -2,10 +2,7 @@ import { AnimatedSection } from '../../components/AnimatedSection'
 import { GpuHero } from './GpuHero'
 import { GpuOverview } from './GpuOverview'
 import { GpuArchitecture } from './GpuArchitecture'
-import { GpuIntegration } from './GpuIntegration'
 import { GpuUseCases } from './GpuUseCases'
-import { GpuGettingStarted } from './GpuGettingStarted'
-import { GpuDifferentiators } from './GpuDifferentiators'
 import { CallToAction } from './CallToAction'
 import { GpuCapabilities } from './GpuCapabilities'
 import { GpuDesign } from './GpuDesign'

src/pages/storage/StorageDesign.tsx

@@ -1,5 +1,5 @@
 import { Container } from '../../components/Container'
-import { Eyebrow, H3, P, CT, CP } from '../../components/Texts'
+import { Eyebrow, H3, P, CT } from '../../components/Texts'
 import {
   LockClosedIcon,
   ArrowPathIcon,

src/pages/storage/StoragePage.tsx

@@ -1,11 +1,8 @@
 import { AnimatedSection } from '../../components/AnimatedSection'
 import { StorageHero } from './StorageHero'
 import { StorageOverview } from './StorageOverview'
-import { StorageFeatures } from './StorageFeatures'
 import { StorageArchitecture } from './StorageArchitecture'
-import { StorageDeveloperExperience } from './StorageDeveloperExperience'
 import { StorageUseCases } from './StorageUseCases'
-import { StorageDifferentiators } from './StorageDifferentiators'
 import { CallToAction } from './CallToAction'
 import { StorageCapabilities } from './StorageCapabilities'
 import { StorageDesign } from './StorageDesign'