add

src/components/StackSection.tsx

@@ -5,7 +5,10 @@ import { StackedCubes } from "@/components/ui/StackedCubes";
 export function StackSectionPreview() {
 
   return (
-    <section className="w-full bg-transparent px-4 py-8 sm:px-6 sm:pb-12 lg:px-8">
+    <section className="w-full bg-transparent px-4 py-8 sm:px-6 sm:pb-12 lg:px-8 relative">
+    {/* Gradient Blob Component */}
+      <div className="absolute w-[400px] h-[200px] bg-gradient-to-br from-[#505050] to-[#7e7e7e] opacity-40 rounded-full blur-[150px] bottom-[200px] left-[-150px] z-0" />
+      <div className="absolute w-[200px] h-[100px] bg-gradient-to-br from-[#505050] to-[#7e7e7e] opacity-50 rounded-full blur-[150px] top-[200px] right-[-150px] z-0" />
       <div className="mx-auto max-w-7xl">
         <div className="grid grid-cols-1 lg:grid-cols-3 gap-4 lg:gap-16 items-center lg:items-start">
           {/* Left Column - Text (1/3 width) */}
@@ -13,9 +16,10 @@ export function StackSectionPreview() {
             <h2 className="text-xl sm:text-2xl font-semibold tracking-tight leading-tight text-white lg:text-3xl">
               A Decentralized Infrastructure Layer
             </h2>
-            <p className="mt-4 sm:mt-6 text-sm font-light text-pretty text-gray-700 lg:text-base">
+            <p className="mt-4 sm:mt-6 text-sm font-light text-pretty text-white lg:text-base">
               We have built a foundational platform that runs directly on bare metal, offering a scalable solution focused on the essential building blocks of the Internet and Cloud: compute, data, and network.
             </p>
+            <button className="mt-4" variant="primary" color="transparent" href="https://threefold.io/build" >Discover How It Works →</button>
           </div>
           
           {/* Right Column - Stacked Cubes (2/3 width) */}