ok

src/components/WorldMap.tsx

@@ -1,7 +1,23 @@
 import { Globe } from "@/components/ui/globe"
+import { motion } from "framer-motion"
+import { H2, H3, H4, P } from "./Texts"
 
 export function WorldMap() {
-    return (
-        <Globe />
-    )
+
+  return (
+    <div className="relative h-screen max-w-full overflow-hidden bg-black -top-20">
+      <div className="absolute top-0 left-0 px-6 py-24 z-10 max-w-lg">
+        <H4 className="" color="light">
+          Mycelium Network is Live.
+        </H4>
+        <P className="mt-6 text-base text-pretty leading-relaxed font-light" color="light">
+          Mycelium Cloud's advancement technology enables anyone to deploy their own Internet infrastructure, anywhere.
+        </P>
+      </div>
+      <div className="absolute inset-0 flex items-center justify-center">
+        <Globe className="top-28" />
+      </div>
+      <div className="pointer-events-none absolute inset-0 h-full bg-[radial-gradient(circle_at_50%_200%,rgba(0,0,0,0.2),rgba(255,255,255,0))]" />
+    </div>
+  );
 }