feat: update cube component color scheme from cyan to blue

- Changed cube gradient colors from cyan to blue for better visual consistency
- Updated glow effects and shadows to use blue (rgba(59, 130, 246)) instead of cyan
- Modified background aura gradients in StackSection for enhanced depth perception
- Replaced HomeFeaturesDark component with new HomeSlider in HomePage layout
- Added isolate property to StackSection to prevent gradient bleeding
- Enhanced background layer in StackSection with additional

src/pages/home/HomeSlider.tsx

@@ -0,0 +1,84 @@
+"use client";
+
+import React from "react";
+import { Carousel, Card } from "@/components/ui/apple-cards-carousel";
+import { H2, H3, P } from "@/components/Texts";
+
+export function HomeSlider() {
+  const cards = data.map((card, index) => (
+    <Card key={card.src} card={card} index={index} />
+  ));
+
+  return (
+    <div className="w-full h-full py-20 bg-black">
+      <div className="max-w-7xl mx-auto pl-4">
+        <H3 className="text-left text-white">
+          Discover the Mycelium Ecosystem
+        </H3>
+        <div className="mt-4 max-w-3xl">
+          <P className="text-left text-neutral-400">
+            From compute and networking to intelligent automation, these components work together to empower users, developers, and organizations to build freely, without intermediaries.
+          </P>
+        </div>
+      </div>
+      <Carousel items={cards} />
+    </div>
+  );
+}
+
+const DummyContent = () => {
+  return (
+    <div className="bg-neutral-800 p-8 md:p-14 rounded-3xl mb-4 max-w-3xl">
+      <P className="text-neutral-400 text-base md:text-2xl font-sans  mx-auto">
+        Mycelium is a decentralized compute network that allows you to run AI models and other software on a global network of devices. Mycelium is built on top of the Mycelium Network, a decentralized network of devices that are connected to each other and to the internet.
+      </P>
+      <img
+        src="/images/gallery/1.webp"
+        alt="Macbook mockup from Aceternity UI"
+        height="500"
+        width="500"
+        className="md:w-1/2 md:h-1/2 h-full w-full mx-auto object-cover"
+      />
+    </div>
+  );
+};
+
+const data = [
+  {
+    category: "DePIN",
+    title: "Mycelium Network",
+    src: "/images/gallery/9.webp",
+    content: <DummyContent />,
+  },
+  {
+    category: "AI Agent",
+    title: "Mycelium Agent",
+    src: "/images/gallery/2.webp",
+    content: <DummyContent />,
+  },
+  {
+    category: "Cloud",
+    title: "Mycelium Cloud",
+    src: "/images/gallery/3.webp",
+    content: <DummyContent />,
+  },
+
+  {
+    category: "GPU",
+    title: "Mycelium GPU",
+    src: "/images/gallery/4.webp",
+    content: <DummyContent />,
+  },
+  {
+    category: "Compute",
+    title: "Mycelium Compute",
+    src: "/images/gallery/5.webp",
+    content: <DummyContent />,
+  },
+  {
+    category: "Storage",
+    title: "Mycelium Storage",
+    src: "/images/gallery/6.webp",
+    content: <DummyContent />,
+  },
+];