This commit is contained in:
2025-09-17 14:34:37 +02:00
parent be949d65bd
commit b65f2aa538

View File

@@ -22,7 +22,7 @@ export function WorldMap() {
<div className="absolute inset-0 bg-black/20" /> <div className="absolute inset-0 bg-black/20" />
{/* Content */} {/* Content */}
<div className="relative z-10 flex flex-col h-full px-6 md:px-16 py-12"> <div className="relative z-10 flex flex-col h-full px-8 md:px-16 py-12">
{/* Title + Subtitle */} {/* Title + Subtitle */}
<div className="max-w-2xl"> <div className="max-w-2xl">
<H2 color="light">Mycelium Network is Live.</H2> <H2 color="light">Mycelium Network is Live.</H2>
@@ -37,13 +37,13 @@ export function WorldMap() {
{/* Globe Left Column */} {/* Globe Left Column */}
<div className="flex-1 flex items-center justify-center"> <div className="flex-1 flex items-center justify-center">
<div className="relative w-[450px] h-[450px] md:w-[600px] md:h-[600px]"> <div className="relative w-[450px] h-[450px] md:w-[600px] md:h-[600px]">
<Globe className="absolute inset-0 w-full h-full -top-20 -left-32" /> <Globe className="absolute inset-0 w-full h-full -left-24" />
</div> </div>
</div> </div>
{/* Cards Right Column */} {/* Cards Right Column */}
<div className="flex flex-col justify-center gap-6 max-w-xs w-full"> <div className="relative flex-1">
<motion.div className="rounded-2xl bg-white/5 backdrop-blur-md border border-white/10 p-4 shadow-md -top-20"> <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">
<CT color="light" className="uppercase tracking-wide">CORES</CT> <CT color="light" className="uppercase tracking-wide">CORES</CT>
<H2 color="light" className="mt-2 text-3xl font-bold">54,958</H2> <H2 color="light" className="mt-2 text-3xl font-bold">54,958</H2>
<CP color="light" className="mt-2 text-sm"> <CP color="light" className="mt-2 text-sm">
@@ -51,7 +51,7 @@ export function WorldMap() {
</CP> </CP>
</motion.div> </motion.div>
<motion.div className="rounded-2xl bg-white/5 backdrop-blur-md border border-white/10 p-4 shadow-md"> <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">
<CT color="light" className="uppercase tracking-wide">NODES</CT> <CT color="light" className="uppercase tracking-wide">NODES</CT>
<H2 color="light" className="mt-2 text-3xl font-bold">54,958</H2> <H2 color="light" className="mt-2 text-3xl font-bold">54,958</H2>
<CP color="light" className="mt-2 text-sm"> <CP color="light" className="mt-2 text-sm">
@@ -59,7 +59,7 @@ export function WorldMap() {
</CP> </CP>
</motion.div> </motion.div>
<motion.div className="rounded-2xl bg-white/5 backdrop-blur-md border border-white/10 p-4 shadow-md"> <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">
<CT color="light" className="uppercase tracking-wide">SSD CAPACITY</CT> <CT color="light" className="uppercase tracking-wide">SSD CAPACITY</CT>
<H2 color="light" className="mt-2 text-3xl font-bold">54,958</H2> <H2 color="light" className="mt-2 text-3xl font-bold">54,958</H2>
<CP color="light" className="mt-2 text-sm"> <CP color="light" className="mt-2 text-sm">
@@ -67,7 +67,7 @@ export function WorldMap() {
</CP> </CP>
</motion.div> </motion.div>
<motion.div className="rounded-2xl bg-white/5 backdrop-blur-md border border-white/10 p-4 shadow-md"> <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">
<CT color="light" className="uppercase tracking-wide">COUNTRIES</CT> <CT color="light" className="uppercase tracking-wide">COUNTRIES</CT>
<H2 color="light" className="mt-2 text-3xl font-bold">51</H2> <H2 color="light" className="mt-2 text-3xl font-bold">51</H2>
<CP color="light" className="mt-2 text-sm"> <CP color="light" className="mt-2 text-sm">