ourworld_web/www_projectmycelium_com
23
0
Fork 0
forked from emre/www_projectmycelium_com
Code Issues 4 Pull Requests Releases Activity

new dropdown content from Mik

Browse Source
This commit is contained in:
Emre
2025-10-28 19:32:09 +03:00
parent 1260afdd82
commit 3c9823bf80
35 changed files with 2511 additions and 132 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
src/pages/gpu/GpuHero.tsx
View File

@@ -1,31 +1,42 @@
'use client'
import { Button } from '../../components/Button'
import { Eyebrow, SectionHeader, P } from '../../components/Texts'
export function GpuHero() {
return (
<div className="relative bg-white">
<div className="relative h-80 overflow-hidden bg-transparent md:absolute md:right-0 md:h-full md:w-1/3 lg:w-1/2">
<img
alt=""
alt="Mycelium GPU nebula illustration"
src="/images/gpuhero.png"
className="size-full object-cover"
/>
</div>
<div className="relative mx-auto max-w-7xl py-24 sm:py-32 lg:px-8 lg:py-40">
<div className="pr-6 pl-6 md:mr-auto md:w-2/3 md:pr-16 lg:w-1/2 lg:pl-0 lg:pr-24 xl:pr-32">
<h2 className="text-base/7 font-semibold text-cyan-500">GPU</h2>
<h1 className="mt-2 text-4xl font-semibold tracking-tight text-gray-900 sm:text-5xl">Unify Distributed GPU Power. Run Intelligence Anywhere.</h1>
<p className="mt-6 text-base/7 text-gray-600">
Mycelium GPU transforms fragmented GPU resources into a single sovereign fabric for running AI, ML, and rendering workloads — from edge to core, with deterministic performance and transparent cost.
</p>
<div className="mt-8 flex items-center gap-x-4">
<Button to="/docs" variant="solid" color="cyan">
Get Started →
<Eyebrow className="tracking-[0.35em] uppercase text-cyan-500">
Mycelium GPU
</Eyebrow>
<SectionHeader as="h1" className="mt-4 text-gray-900">
Unify distributed GPU power into a sovereign acceleration fabric.
</SectionHeader>
<P className="mt-6 text-gray-600">
Mycelium GPU transforms fragmented hardware across the ThreeFold
Grid into one adaptive intelligence layer. Run AI, ML, rendering,
and high-performance workloads anywhere—from edge devices to
planetary clusters—with deterministic performance and transparent
cost.
</P>
<P className="mt-4 italic text-gray-500">
The energy behind intelligence, orchestrated entirely through code.
</P>
<div className="mt-10 flex flex-wrap gap-4">
<Button to="#gpu-getting-started" as="a" variant="solid" color="cyan">
Start with GPU Access
</Button>
<Button to="#architecture" variant="outline" color="cyan">
Explore Architecture →
<Button to="#gpu-architecture" as="a" variant="outline" color="cyan">
Explore the Mesh
</Button>
</div>
</div>