forked from emre/www_projectmycelium_com
sasha-astiadi
85afc05c35
- Reframed use cases to emphasize sovereignty, workload ownership, and distributed deployment - Replaced AI/ML training and DigitalMe Blueprint sections with enterprise Kubernetes and AI/agent workloads - Updated descriptions and feature bullets to highlight compliance, mesh networking, and autonomous capabilities
89 lines
3.3 KiB
TypeScript
89 lines
3.3 KiB
TypeScript
import { Container } from '../../components/Container'
|
|
import { Eyebrow, SectionHeader, P, Small } from '../../components/Texts'
|
|
|
|
const useCases = [
|
|
{
|
|
title: 'Enterprise & Private Kubernetes',
|
|
description:
|
|
'Production-grade K3s clusters with full workload ownership and residency control. Deploy apps and internal services without vendor lock-in or exposed surfaces.',
|
|
bullets: [
|
|
'High availability + failover',
|
|
'Encrypted, mesh-native networking',
|
|
'Compliance-ready governance & policy control',
|
|
],
|
|
},
|
|
{
|
|
title: 'Edge & Distributed Deployments',
|
|
description:
|
|
'Place compute close to where data is created. Run clusters globally across home labs, offices, data centers, or edge locations.',
|
|
bullets: [
|
|
'Low-latency execution',
|
|
'Mesh-routed connectivity',
|
|
'Autonomous healing across region',
|
|
],
|
|
},
|
|
{
|
|
title: 'AI / ML & Agent Workloads',
|
|
description:
|
|
'Run inference, training, and autonomous AI systems on sovereign compute. GPU orchestration, private vector storage, and model execution without handing data to hyperscalers.',
|
|
bullets: [
|
|
'Scales across nodes',
|
|
'Supports open-source & fine-tuned models',
|
|
'Built for agentic automation + RAG',
|
|
],
|
|
},
|
|
]
|
|
|
|
export function CloudUseCases() {
|
|
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 across every edge.
|
|
</SectionHeader>
|
|
<P className="mt-6 text-gray-600">
|
|
Mycelium Cloud unifies compute, storage, and networking so teams can
|
|
launch anything from GPU inference farms to global collaboration
|
|
suites with deterministic outcomes.
|
|
</P>
|
|
</div>
|
|
<div className="mt-16 grid gap-8 lg:grid-cols-2">
|
|
{useCases.map((useCase) => (
|
|
<div
|
|
key={useCase.title}
|
|
className="flex h-full flex-col rounded-3xl border border-slate-200 bg-white p-8 shadow-sm transition hover:-translate-y-1 hover:border-cyan-300 hover:shadow-lg"
|
|
>
|
|
<div className="flex items-center justify-between">
|
|
<h3 className="text-xl font-semibold text-gray-900">
|
|
{useCase.title}
|
|
</h3>
|
|
<Small className="text-xs uppercase tracking-[0.3em] text-cyan-500">
|
|
Scenario
|
|
</Small>
|
|
</div>
|
|
<p className="mt-4 text-sm leading-relaxed text-gray-600">
|
|
{useCase.description}
|
|
</p>
|
|
<ul className="mt-6 space-y-3 text-sm text-gray-600">
|
|
{useCase.bullets.map((bullet) => (
|
|
<li
|
|
key={bullet}
|
|
className="flex items-start gap-3 rounded-2xl border border-cyan-100 bg-cyan-50/60 p-3 leading-relaxed"
|
|
>
|
|
<span className="mt-1 inline-block size-2 rounded-full bg-cyan-500" />
|
|
<span>{bullet}</span>
|
|
</li>
|
|
))}
|
|
</ul>
|
|
</div>
|
|
))}
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
)
|
|
}
|