2 Commits

Author SHA1 Message Date
1f11ca5319 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
2025-11-04 14:05:27 +01:00
3e99e85e48 feat: enhance CloudHero messaging and formatting
- Added tagline "Works Alone. Works Together." with explanation of Mycelium Cloud's flexibility
- Simplified "Explore Docs" button text to "Documentation"
- Fixed indentation for improved code readability
2025-11-04 14:01:17 +01:00
2 changed files with 22 additions and 12 deletions

View File

@@ -22,7 +22,12 @@ export function CloudHeroNew() {
</H5> </H5>
<H5 className="mt-4 text-lg text-gray-600"> <H5 className="mt-4 text-lg text-gray-600">
Deploy K3s clusters on a global, self-healing mesh network. Deploy K3s clusters on a global, self-healing mesh network.
Your workloads run on sovereign, encrypted infrastructure, without centralized cloud control. Your workloads run on sovereign, encrypted infrastructure, without centralized cloud control.
</H5>
<H5 className="mt-4 text-sm text-gray-600">
Works Alone. Works Together.
Mycelium Cloud can run on any network fabric, or pair with Mycelium Network
for sovereign connectivity.
</H5> </H5>
<div className="mt-10 flex items-center gap-x-6"> <div className="mt-10 flex items-center gap-x-6">
<Button <Button
@@ -34,7 +39,7 @@ Your workloads run on sovereign, encrypted infrastructure, without centralized c
Get started Get started
</Button> </Button>
<Button to="#" variant="outline"> <Button to="#" variant="outline">
Explore Docs <span aria-hidden="true"> </span> Documentation <span aria-hidden="true"> </span>
</Button> </Button>
</div> </div>
</div> </div>

View File

@@ -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>