feat: reorder slider items and update ecosystem messaging

- Moved Compute/Storage/GPU to first position in slider
- Updated heading from "Mycelium Products" to "Mycelium Components"
- Changed description to emphasize Agents instead of "intelligent automation"

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.',
+    description: 'Deploy and scale containerized apps across your own hardware. enabling a world of possibilities..',
     icon: CubeIcon,
   },
   {
@@ -37,9 +37,7 @@ 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">
-          Turn your own machines into real, production-grade infrastructure. Mycelium handles the networking,
+          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.
-          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

@@ -27,20 +27,22 @@ export default function HomePage() {
       </AnimatedSection>
 
       <AnimatedSection>
-        <StackSectionLight />
+        <HomeHostingDark   />
       </AnimatedSection>
 
       <AnimatedSection>
-        <HomeHostingDark   />
+        <StackSectionLight />
+      </AnimatedSection>
+
+      <AnimatedSection ref={sliderRef}>
+        <HomeSlider />
       </AnimatedSection>
 
       <AnimatedSection>
        <HomeBenefits />
       </AnimatedSection>
 
-      <AnimatedSection ref={sliderRef}>
+
-        <HomeSlider />
-      </AnimatedSection>
 
       <AnimatedSection>
         <HomeComparisonTable />

src/pages/home/HomeSlider.tsx

@@ -15,11 +15,11 @@ export function HomeSlider() {
           Ecosystem
         </Eyebrow>
         <H3 className="text-left text-white">
-          Discover the Mycelium Products
+          Discover Mycelium Components
         </H3>
         <div className="mt-4 max-w-3xl">
           <P className="text-left text-neutral-400">
-            From compute and networking to intelligent automation, these components  can be used on its own or combined into a fully sovereign cloud.
+            From compute and networking to Agents, these components  can be used on its own or combined into a fully sovereign cloud.
           </P>
         </div>
       </div>
@@ -35,6 +35,14 @@ 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",
@@ -59,12 +67,4 @@ 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,9 +63,7 @@ export function StackSectionLight() {
 
           <FadeIn>
             <P color="dark" className="mt-6  text-gray-600">
-              Project Mycelium unifies compute, storage, networking, and AI into a resilient
+              Mycelium unifies compute, storage, networking, and AI into a self-governing comprehensive decentralized infrastructure fabric.
-              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>