33 lines
1.2 KiB
TypeScript
33 lines
1.2 KiB
TypeScript
import { Globe } from "@/components/ui/globe"
|
|
import { motion } from "framer-motion"
|
|
import { H2, H3, H4, P } from "./Texts"
|
|
|
|
export function WorldMap() {
|
|
|
|
return (
|
|
<div className="relative h-screen max-w-full overflow-hidden -top-20">
|
|
<video
|
|
autoPlay
|
|
loop
|
|
muted
|
|
playsInline
|
|
className="absolute inset-0 w-full h-full object-cover"
|
|
>
|
|
<source src="/videos/benefits.mp4" type="video/mp4" />
|
|
</video>
|
|
<div className="absolute inset-0 bg-black/60" />
|
|
<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>
|
|
);
|
|
} |