From bde7d37305920a8ad603f6fe7a8ec37bf71bdebe Mon Sep 17 00:00:00 2001
From: sasha-astiadi <sasha@incubaid.com>
Date: Wed, 17 Sep 2025 14:55:37 +0200
Subject: [PATCH] add

---
 src/components/StackSection.tsx |  2 +-
 src/components/WorldMap.tsx     | 10 +++++-----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/StackSection.tsx b/src/components/StackSection.tsx
index 999615d..2e8befe 100644
--- a/src/components/StackSection.tsx
+++ b/src/components/StackSection.tsx
@@ -11,7 +11,7 @@ export function StackSectionPreview() {
   const isInView = useInView(ref);
 
   return (
-    <section ref={ref} className="w-full h-screen bg-transparent lg:px-0 py-12 px-6 relative">
+    <section ref={ref} className="w-full h-screen bg-transparent lg:px-0  pt-12 px-6 relative">
     {/* Gradient Blob Component */}
       <motion.div
         initial={{ opacity: 0 }}
diff --git a/src/components/WorldMap.tsx b/src/components/WorldMap.tsx
index 2a2d820..fac5deb 100644
--- a/src/components/WorldMap.tsx
+++ b/src/components/WorldMap.tsx
@@ -24,7 +24,7 @@ export function WorldMap() {
       {/* Content */}
       <div className="relative z-10 flex flex-col h-full px-8 md:px-16 py-12">
         {/* Title + Subtitle */}
-        <div className="max-w-2xl">
+        <div className="max-w-xl">
           <H2 color="light">Mycelium Network is Live.</H2>
           <P className="mt-4 text-base leading-relaxed font-light" color="light">
             Mycelium Cloud's advancement technology enables anyone to deploy
@@ -43,7 +43,7 @@ export function WorldMap() {
 
           {/* Cards Right Column */}
           <div className="relative flex-1">
-            <motion.div className="absolute top-0 left-0 rounded-2xl bg-white/5 backdrop-blur-md border border-white/10 p-4 shadow-md w-70">
+            <motion.div className="absolute top-12 -left-12 rounded-2xl bg-white/5 backdrop-blur-md border border-white/10 px-4 py-8 shadow-md w-80">
               <CT color="light" className="uppercase tracking-wide">CORES</CT>
               <H2 color="light" className="mt-2 text-3xl font-bold">54,958</H2>
               <CP color="light" className="mt-2 text-sm">
@@ -51,7 +51,7 @@ export function WorldMap() {
               </CP>
             </motion.div>
 
-            <motion.div className="absolute top-1/4 right-0 rounded-2xl bg-white/5 backdrop-blur-md border border-white/10 p-4 shadow-md w-70">
+            <motion.div className="absolute -top-10 right-0 rounded-2xl bg-white/5 backdrop-blur-md border border-white/10 px-4 py-8 shadow-md w-80">
               <CT color="light" className="uppercase tracking-wide">NODES</CT>
               <H2 color="light" className="mt-2 text-3xl font-bold">54,958</H2>
               <CP color="light" className="mt-2 text-sm">
@@ -59,7 +59,7 @@ export function WorldMap() {
               </CP>
             </motion.div>
 
-            <motion.div className="absolute bottom-1/4 left-0 rounded-2xl bg-white/5 backdrop-blur-md border border-white/10 p-4 shadow-md w-70">
+            <motion.div className="absolute bottom-28 -left-12 rounded-2xl bg-white/5 backdrop-blur-md border border-white/10 px-4 py-8 shadow-md w-80">
               <CT color="light" className="uppercase tracking-wide">SSD CAPACITY</CT>
               <H2 color="light" className="mt-2 text-3xl font-bold">54,958</H2>
               <CP color="light" className="mt-2 text-sm">
@@ -67,7 +67,7 @@ export function WorldMap() {
               </CP>
             </motion.div>
 
-            <motion.div className="absolute bottom-0 right-0 rounded-2xl bg-white/5 backdrop-blur-md border border-white/10 p-4 shadow-md w-70">
+            <motion.div className="absolute top-44 right-0 rounded-2xl bg-white/5 backdrop-blur-md border border-white/10 px-4 py-8 shadow-md w-80">
               <CT color="light" className="uppercase tracking-wide">COUNTRIES</CT>
               <H2 color="light" className="mt-2 text-3xl font-bold">51</H2>
               <CP color="light" className="mt-2 text-sm">