ourworld_web/www_mycelium_cloud2
23
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add

Browse Source
This commit is contained in:
sasha-astiadi
2025-09-17 14:55:37 +02:00
parent b65f2aa538
commit bde7d37305
2 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/StackSection.tsx
View File

@@ -11,7 +11,7 @@ export function StackSectionPreview() {
const isInView = useInView(ref); const isInView = useInView(ref);
return ( 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 */} {/* Gradient Blob Component */}
<motion.div <motion.div
initial={{ opacity: 0 }} initial={{ opacity: 0 }}

10
src/components/WorldMap.tsx
View File

@@ -24,7 +24,7 @@ export function WorldMap() {
{/* Content */} {/* Content */}
<div className="relative z-10 flex flex-col h-full px-8 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-xl">
<H2 color="light">Mycelium Network is Live.</H2> <H2 color="light">Mycelium Network is Live.</H2>
<P className="mt-4 text-base leading-relaxed font-light" color="light"> <P className="mt-4 text-base leading-relaxed font-light" color="light">
Mycelium Cloud's advancement technology enables anyone to deploy Mycelium Cloud's advancement technology enables anyone to deploy
@@ -43,7 +43,7 @@ export function WorldMap() {
{/* Cards Right Column */} {/* Cards Right Column */}
<div className="relative flex-1"> <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> <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="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> <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="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> <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="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> <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">