refactor: reposition BentoReviews section below ClickableGallery

src/app/(main)/page.tsx

@@ -21,15 +21,12 @@ export default function Home() {
       <section id="home-hero">
         <HomeHero />
       </section>
-      <section id="technologies">
-        <StackSectionPreview />
-      </section>
-      <section id="bento-reviews">
-        <BentoReviews />
-      </section>
       <section id="network">
         <WorldMap />
       </section>
+      <section id="technologies">
+        <StackSectionPreview />
+      </section>
       <section id="deploy">
         <Steps />
       </section>
@@ -39,6 +36,9 @@ export default function Home() {
       <section id="clickable-gallery">
         <ClickableGallery />
       </section>
+      <section id="bento-reviews">
+        <BentoReviews />
+      </section>
       <section id="call-to-action">
         <CallToAction />
       </section>

src/components/BentoReviews.tsx

@@ -92,7 +92,7 @@ export function BentoReviews() {
 
   return (
     <div>
-      <div className="relative isolate pt-24 pb-12 bg-black text-center w-full lg:px-0 px-4">
+      <div className="relative isolate py-24 bg-black text-center w-full lg:px-0 px-4">
         <FadeIn transition={{ duration: 0.8, delay: 0.1 }}>
           <div className="mx-auto max-w-5xl ">
             <H2 className="text-center">Augmented Intelligence Fabric</H2>

src/components/Companies.tsx

@@ -40,7 +40,7 @@ const row2 = logos.slice(6);
 
 export function Companies() {
   return (
-    <div id="companies" className="relative bg-black flex flex-col items-center justify-center w-full overflow-hidden antialiased  py-4 -top-20">
+    <div id="companies" className="relative bg-black flex flex-col items-center justify-center w-full overflow-hidden antialiased  py-4 mb-12">
       <div className="relative z-10 mx-auto w-full max-w-6xl p-4">
 
         {/* Heading */}

src/components/Steps.tsx

@@ -30,7 +30,7 @@ export function Steps() {
   const isInView = useInView(ref, { once: true });
 
   return (
-    <section id="benefits" ref={ref} className="relative pt-16 pb-4 px-4 lg:px-12 -top-20 text-white">
+    <section id="benefits" ref={ref} className="relative pt-12 pb-4 px-4 lg:px-12  text-white">
       <div className="relative px-6 lg:px-12">
         <motion.div
           initial={{ opacity: 0, y: 20 }}

src/components/ui/StackedCubes.tsx

@@ -8,25 +8,25 @@ const stackData = [
   {
     id: "agent",
     title: "Agent Layer",
-    descriptionTitle: "Personal Agents - Secure & Sovereign",
+    descriptionTitle: "Your sovereign agent with private memory and permissioned data access—always under your control.",
     description:
-      "Personal AI agents operate as secure digital twins, providing tailored intelligent assistance. They interact with existing chat, MCP agents, and coding tools while maintaining sovereignty and ecosystem compatibility.",
+      "Choose from a wide library of open-source LLMs, paired with built-in semantic search and retrieval.\nIt coordinates across people, apps, and other agents to plan, create, and execute.\nIt operates inside a compliant legal & financial sandbox, ready for real-world transactions and operations.\nMore than just an assistant—an intelligent partner that learns and does your way.",
     position: "top",
   },
   {
-    id: "ai",
+    id: "network",
-    title: "AI Layer",
+    title: "Network Layer",
-    descriptionTitle: "AI Agents & AI Brains + Mycelium Code & Compute Sandboxes",
+    descriptionTitle: "A global, end-to-end encrypted overlay that simply doesn’t break.",
     description:
-      "Intelligence core combining LLMs with specialized AI agents. Mycelium-powered sandboxes provide secure environments for development, testing, and compilation with active memory systems and unbreakable network architecture.",
+      "Shortest-path routing moves your traffic the fastest way, every time.\nInstant discovery with integrated DNS, semantic search, and indexing.\nA distributed CDN and edge delivery keep content available and tamper-resistant worldwide.\nBuilt-in tool services and secure coding sandboxes—seamless on phones, desktops, and edge.",
     position: "middle",
   },
   {
     id: "cloud",
     title: "Cloud Layer",
-    descriptionTitle: "Mycelium Compute & Storage - Decentralized Infrastructure Layer",
+    descriptionTitle: "An autonomous, stateless OS that enforces pre-deterministic deployments you define.",
     description:
-      "Foundation runs bare metal Zero OS enabling autonomous cloud. Decentralized infrastructure supports Web2, Web3, AI workloads with superior scalability. Built on twenty years cloud experience.",
+      "Workloads are cryptographically bound to your private key—location and access are yours.\nNo cloud vendor or middleman in the path: end-to-end ownership and isolation by default.\nGeo-aware placement delivers locality, compliance, and ultra-low latency where it matters.\nEncrypted, erasure-coded storage, decentralized compute and GPU on demand—including LLMs.",
     position: "bottom",
   },
 ];