refactor: remove comparison table section from home page

src/pages/cloud/CloudHeroNew.tsx

@@ -22,13 +22,8 @@ export function CloudHeroNew() {
             </H5>
             <H5 className="mt-4 text-lg text-gray-600">
               Deploy K3s clusters on a global, self-healing mesh network.
-              Your workloads run on sovereign, encrypted infrastructure, without centralized cloud control.
-            </H5>
-            <H5 className="mt-4 text-sm text-gray-600">
-              Works Alone. Works Together.
-              Mycelium Cloud can run on any network fabric, or pair with Mycelium Network
-              for sovereign connectivity.
-            </H5>
+Your workloads run on sovereign, encrypted infrastructure, without centralized cloud control.
+ </H5>
             <div className="mt-10 flex items-center gap-x-6">
               <Button
                 to="#"
@@ -39,7 +34,7 @@ export function CloudHeroNew() {
                 Get started
               </Button>
               <Button to="#" variant="outline">
-                Documentation <span aria-hidden="true"> →</span>
+                Explore Docs <span aria-hidden="true"> →</span>
               </Button>
             </div>
           </div>

src/pages/cloud/CloudHosting.tsx

@@ -8,28 +8,24 @@ import { CP, CT, Eyebrow, H3, P } from '../../components/Texts'
 
 const features = [
   {
-    Eyebrow: 'DevOps / Cloud teams',
     name: 'Kubernetes Clusters',
-    description: 'Deterministic K3s workloads across sovereign hardware.',
+    description: 'Deploy and scale containerized apps across your own hardware.',
     icon: ServerIcon,
   },
   {
-    Eyebrow: 'Security & infrastructure',
-    name: 'Encrypted Mesh Networking',
-    description: 'No public ingress, no exposed attack surface, zero-trust routing.',
-    icon: ShieldCheckIcon,
+    name: 'AI Agents & LLM Runtimes',
+    description: 'Run open-source models locally, securely, and offline.',
+    icon: ArrowPathIcon,
   },
   {
-    Eyebrow: 'Data-driven teams',
     name: 'S3-Compatible Storage',
-    description: 'Distributed storage with erasure coding and residency control.',
+    description: 'Your own personal over-the-network drive, encrypted end-to-end.',
     icon: CloudArrowUpIcon,
   },
   {
-    Eyebrow: 'AI / ML workloads',
-    name: 'GPU-Ready',
-    description: 'Scale inference & training on demand.',
-    icon: ArrowPathIcon,
+    name: 'Mesh VPN & Zero-Trust Networking',
+    description: 'Securely connect all your devices and remote locations.',
+    icon: ShieldCheckIcon,
   },
 ]
 
@@ -37,7 +33,7 @@ export function CloudHosting() {
   return (
     <div className="relative bg-white py-24 lg:py-32">
       <div className="mx-auto max-w-md px-6 text-center sm:max-w-3xl lg:max-w-7xl lg:px-8">
-        <Eyebrow>CAPABILITIES</Eyebrow>
+        <Eyebrow>DEPLOY</Eyebrow>
         <H3 className="mt-2">What You Can Run on Mycelium Cloud</H3>
         <P className="mx-auto mt-5 max-w-prose">
           Turn your own machines into real, production-grade infrastructure. Mycelium handles the networking,
@@ -52,7 +48,6 @@ export function CloudHosting() {
                   <span className="absolute -top-6 left-1/2 -translate-x-1/2 transform rounded-xl bg-cyan-500 hover:bg-cyan-400 p-3 shadow-lg">
                     <feature.icon aria-hidden="true" className="size-8 text-white" />
                   </span>
-                  <Eyebrow>{feature.Eyebrow}</Eyebrow>
                   <CT as="h3" className="mt-4">
                     {feature.name}
                   </CT>

src/pages/home/CallToAction.tsx

@@ -24,7 +24,7 @@ export function CallToAction() {
           </p>
           <div className="mt-10 flex flex-wrap justify-center gap-x-6 gap-y-4">
             <Button to="/cloud" variant="solid" color="cyan">
-              Get Started
+              Start Deployment
             </Button>
             <Button
               to="https://threefold.info/mycelium_network/docs/"

src/pages/home/HomeBenefits.tsx

@@ -7,29 +7,28 @@ import { H2, P, CP, Eyebrow } from '@/components/Texts'
 
 export function HomeBenefits() {
   const features = [
-    {
-      title: "Unbreakable by Design",
-      description:
-        "No central cloud to censor or fail. The network heals itself.",
-      image: "/images/benefits/energy.webp",
-    },
     {
       title: "Sovereign by Default",
       description:
-        "Identity, compute, and data belong to you – cryptographically.",
+        "Own your infrastructure and your data. Mycelium Cloud eliminates dependency on centralized providers, giving you full digital sovereignty.",
       image: "/images/benefits/sovereign.webp",
     },
     {
       title: "Hackable & Open",
       description:
-        "Learn, build, and experiment without permission.",
+        "Open source and hackable by design. Learn, build, and experiment without permission.",
       image: "/images/benefits/autonomous.webp",
     },
- 
+    {
+      title: "Unbreakable by Design",
+      description:
+        "Distributed nodes make it resilient to attacks and failures. The network heals itself.",
+      image: "/images/benefits/energy.webp",
+    },
     {
       title: "Cost & Energy Efficient",
       description:
-        "Distributed hardware eliminates hyperscale overhead.",
+        "Distributed hardware eliminates hyperscale overhead. Pure compute power at a fraction of traditional cloud costs.",
       image: "/images/benefits/cost.webp",
     },
   ];
@@ -40,7 +39,7 @@ export function HomeBenefits() {
          Benefits
         </Eyebrow>
         <H2 className="text-3xl lg:text-5xl lg:leading-tight max-w-5xl mx-auto text-center tracking-tight font-medium text-black dark:text-white">
-          Why It Matters
+          Why It Changes Everything
         </H2>
 
         <P className=" max-w-3xl  my-4 mx-auto text-center text-gray-600">

src/pages/home/HomeHostingDark.tsx

@@ -10,7 +10,7 @@ import { DarkCard } from '../../components/ui/cards'
 const features = [
   {
     name: 'Kubernetes Clusters',
-    description: 'Deploy and scale containerized apps across your own hardware. enabling a world of possibilities..',
+    description: 'Deploy and scale containerized apps across your own hardware.',
     icon: CubeIcon,
   },
   {
@@ -37,7 +37,9 @@ export function HomeHostingDark() {
         <Eyebrow>DEPLOY</Eyebrow>
         <H3 className="mt-2 text-gray-200">Run Real Infrastructure on Your Own Hardware</H3>
         <P className="mx-auto mt-5 max-w-prose text-gray-400">
-          Build and run production-grade workloads on hardware you control, whether it’s your own node or capacity from the decentralized grid. Mycelium handles the networking, orchestration, and security layers, so you can deploy services the same way you would on a public cloud, without giving your data or control to anyone.
+          Turn your own machines into real, production-grade infrastructure. Mycelium handles the networking,
+          orchestration, and security layers, so you can deploy services the same way you would on public cloud without
+          giving your data or control to anyone.
         </P>
         <div className="mt-16">
           <div className="grid grid-cols-1 gap-12 lg:grid-cols-4">

src/pages/home/HomePage.tsx

@@ -26,26 +26,23 @@ export default function HomePage() {
         <WorldMap />
       </AnimatedSection>
 
-      <AnimatedSection>
-        <HomeHostingDark   />
-      </AnimatedSection>
-
       <AnimatedSection>
         <StackSectionLight />
       </AnimatedSection>
 
-      <AnimatedSection ref={sliderRef}>
-        <HomeSlider />
+      <AnimatedSection>
+        <HomeHostingDark   />
       </AnimatedSection>
 
       <AnimatedSection>
        <HomeBenefits />
       </AnimatedSection>
 
-      <AnimatedSection>
-        <HomeComparisonTable />
+      <AnimatedSection ref={sliderRef}>
+        <HomeSlider />
       </AnimatedSection>
 
+
       <AnimatedSection>
         <CallToAction />
       </AnimatedSection>

src/pages/home/HomeSlider.tsx

@@ -15,11 +15,11 @@ export function HomeSlider() {
           Ecosystem
         </Eyebrow>
         <H3 className="text-left text-white">
-          Discover Mycelium Components
+          Discover the Mycelium Products
         </H3>
         <div className="mt-4 max-w-3xl">
           <P className="text-left text-neutral-400">
-            From compute and networking to Agents, these components  can be used on its own or combined into a fully sovereign cloud.
+            From compute and networking to intelligent automation, these components  can be used on its own or combined into a fully sovereign cloud.
           </P>
         </div>
       </div>
@@ -35,14 +35,6 @@ import cloudImage from "/images/pages/cloud.webp";
 import computeImage from "/images/pages/compute.webp";
 
 const data = [
-    {
-    category: "Resources",
-    title: "Compute / Storage / GPU",
-    description: "The resource layers powering the stack.",
-    src: "/images/pages/compute.png",
-    bg: computeImage,
-    link: "/compute",
-  },
   {
     category: "Cloud",
     title: "Mycelium Cloud",
@@ -67,4 +59,12 @@ const data = [
     bg: agentImage,
     link: "/agent",
   },
+  {
+    category: "Resources",
+    title: "Compute / Storage / GPU",
+    description: "The resource layers powering the stack.",
+    src: "/images/pages/compute.png",
+    bg: computeImage,
+    link: "/compute",
+  },
 ];

src/pages/home/StackSection.tsx

@@ -63,7 +63,9 @@ export function StackSectionLight() {
 
           <FadeIn>
             <P color="dark" className="mt-6  text-gray-600">
-              Mycelium unifies compute, storage, networking, and AI into a self-governing comprehensive decentralized infrastructure fabric.
+              Project Mycelium unifies compute, storage, networking, and AI into a resilient
+              ecosystem that preserves data sovereignty, powers seamless collaboration,
+              and keeps every layer of your infrastructure secure end to end on decentralized infrastructure.
             </P>
           </FadeIn>
         </div>