forked from emre/www_projectmycelium_com
feat: update cloud hosting capabilities section with audience-focused messaging
- Reorganized features to target specific user personas (DevOps, Security, Data, AI/ML teams) - Updated feature descriptions to emphasize technical benefits and security posture - Changed section eyebrow from "DEPLOY" to "CAPABILITIES" for clearer positioning
This commit is contained in:
@@ -8,24 +8,28 @@ import { CP, CT, Eyebrow, H3, P } from '../../components/Texts'
|
|||||||
|
|
||||||
const features = [
|
const features = [
|
||||||
{
|
{
|
||||||
|
Eyebrow: 'DevOps / Cloud teams',
|
||||||
name: 'Kubernetes Clusters',
|
name: 'Kubernetes Clusters',
|
||||||
description: 'Deploy and scale containerized apps across your own hardware.',
|
description: 'Deterministic K3s workloads across sovereign hardware.',
|
||||||
icon: ServerIcon,
|
icon: ServerIcon,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: 'AI Agents & LLM Runtimes',
|
Eyebrow: 'Security & infrastructure',
|
||||||
description: 'Run open-source models locally, securely, and offline.',
|
name: 'Encrypted Mesh Networking',
|
||||||
icon: ArrowPathIcon,
|
description: 'No public ingress, no exposed attack surface, zero-trust routing.',
|
||||||
|
icon: ShieldCheckIcon,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
Eyebrow: 'Data-driven teams',
|
||||||
name: 'S3-Compatible Storage',
|
name: 'S3-Compatible Storage',
|
||||||
description: 'Your own personal over-the-network drive, encrypted end-to-end.',
|
description: 'Distributed storage with erasure coding and residency control.',
|
||||||
icon: CloudArrowUpIcon,
|
icon: CloudArrowUpIcon,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: 'Mesh VPN & Zero-Trust Networking',
|
Eyebrow: 'AI / ML workloads',
|
||||||
description: 'Securely connect all your devices and remote locations.',
|
name: 'GPU-Ready',
|
||||||
icon: ShieldCheckIcon,
|
description: 'Scale inference & training on demand.',
|
||||||
|
icon: ArrowPathIcon,
|
||||||
},
|
},
|
||||||
]
|
]
|
||||||
|
|
||||||
@@ -33,7 +37,7 @@ export function CloudHosting() {
|
|||||||
return (
|
return (
|
||||||
<div className="relative bg-white py-24 lg:py-32">
|
<div className="relative bg-white py-24 lg:py-32">
|
||||||
<div className="mx-auto max-w-md px-6 text-center sm:max-w-3xl lg:max-w-7xl lg:px-8">
|
<div className="mx-auto max-w-md px-6 text-center sm:max-w-3xl lg:max-w-7xl lg:px-8">
|
||||||
<Eyebrow>DEPLOY</Eyebrow>
|
<Eyebrow>CAPABILITIES</Eyebrow>
|
||||||
<H3 className="mt-2">What You Can Run on Mycelium Cloud</H3>
|
<H3 className="mt-2">What You Can Run on Mycelium Cloud</H3>
|
||||||
<P className="mx-auto mt-5 max-w-prose">
|
<P className="mx-auto mt-5 max-w-prose">
|
||||||
Turn your own machines into real, production-grade infrastructure. Mycelium handles the networking,
|
Turn your own machines into real, production-grade infrastructure. Mycelium handles the networking,
|
||||||
@@ -48,6 +52,7 @@ export function CloudHosting() {
|
|||||||
<span className="absolute -top-6 left-1/2 -translate-x-1/2 transform rounded-xl bg-cyan-500 hover:bg-cyan-400 p-3 shadow-lg">
|
<span className="absolute -top-6 left-1/2 -translate-x-1/2 transform rounded-xl bg-cyan-500 hover:bg-cyan-400 p-3 shadow-lg">
|
||||||
<feature.icon aria-hidden="true" className="size-8 text-white" />
|
<feature.icon aria-hidden="true" className="size-8 text-white" />
|
||||||
</span>
|
</span>
|
||||||
|
<Eyebrow>{feature.Eyebrow}</Eyebrow>
|
||||||
<CT as="h3" className="mt-4">
|
<CT as="h3" className="mt-4">
|
||||||
{feature.name}
|
{feature.name}
|
||||||
</CT>
|
</CT>
|
||||||
|
|||||||
Reference in New Issue
Block a user