forked from emre/www_projectmycelium_com
53 lines
1.8 KiB
TypeScript
53 lines
1.8 KiB
TypeScript
import { Container } from '@/components/Container'
|
|
import { Eyebrow, SectionHeader, P } from '@/components/Texts'
|
|
|
|
const gpuUseCases = [
|
|
{
|
|
title: 'AI / ML Training & Inference',
|
|
description: 'Scale model execution across sovereign GPU nodes.',
|
|
},
|
|
{
|
|
title: 'Rendering & Visualization',
|
|
description: 'Run 3D, scientific, simulation, or generative rendering pipelines.',
|
|
},
|
|
{
|
|
title: 'Distributed & Edge Compute',
|
|
description: 'Place GPU power close to where data is generated.',
|
|
},
|
|
]
|
|
|
|
export function GpuUseCases() {
|
|
return (
|
|
<section className="bg-white py-24 sm:py-32">
|
|
<Container>
|
|
<div className="mx-auto max-w-3xl text-center">
|
|
<Eyebrow>USE CASES</Eyebrow>
|
|
<SectionHeader as="h2" className="mt-6 text-gray-900">
|
|
Built for Intelligent Workloads
|
|
</SectionHeader>
|
|
<P className="mt-6 text-gray-600">
|
|
From sovereign AI execution to real-time rendering and edge inference,
|
|
Mycelium GPU ensures predictable acceleration with full ownership and no centralized control.
|
|
</P>
|
|
</div>
|
|
|
|
<div className="mx-auto mt-16 max-w-4xl space-y-6 lg:space-y-0 lg:grid lg:grid-cols-3 lg:gap-8">
|
|
{gpuUseCases.map((useCase) => (
|
|
<div
|
|
key={useCase.title}
|
|
className="rounded-3xl border border-slate-200 bg-white p-8 shadow-sm transition hover:-translate-y-1 hover:border-cyan-300 hover:shadow-lg"
|
|
>
|
|
<h3 className="text-xl font-semibold text-gray-900">
|
|
{useCase.title}
|
|
</h3>
|
|
<p className="mt-3 text-sm leading-relaxed text-gray-600">
|
|
{useCase.description}
|
|
</p>
|
|
</div>
|
|
))}
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
)
|
|
}
|