forked from emre/www_projectmycelium_com
52 lines
2.0 KiB
TypeScript
52 lines
2.0 KiB
TypeScript
import { H3, Eyebrow } from "@/components/Texts"
|
|
import { Button } from "@/components/Button"
|
|
|
|
export function CloudHeroNew({ onGetStartedClick = () => {} }: { onGetStartedClick?: () => void }) {
|
|
return (
|
|
<div className="">
|
|
{/* Boxed container */}
|
|
<div
|
|
className="relative mx-auto max-w-7xl border border-t-0 border-b-0 border-gray-100 bg-white overflow-hidden bg-contain bg-right bg-no-repeat"
|
|
style={{ backgroundImage: "url('/images/cloudhero4.webp')", backgroundSize: "contain" }}
|
|
>
|
|
{/* Inner padding */}
|
|
<div className="px-6 py-16 lg:py-16">
|
|
<div className="max-w-2xl lg:pl-6">
|
|
<Eyebrow>
|
|
Mycelium Cloud
|
|
</Eyebrow>
|
|
<H3 className="mt-4">
|
|
Run Kubernetes on the Sovereign Agentic Cloud
|
|
</H3>
|
|
<p className="mt-6 text-lg">
|
|
Deploy K3s clusters on a global, self-healing mesh network.
|
|
Your workloads run on sovereign, encrypted infrastructure, without centralized cloud control.
|
|
</p>
|
|
<p className="mt-4 lg:text-base italic text-gray-600 text-sm">
|
|
Works Alone. Works Together.
|
|
Mycelium Cloud can run on any network fabric, or pair with Mycelium Network
|
|
for sovereign connectivity.
|
|
</p>
|
|
<div className="mt-10 flex items-center gap-x-6">
|
|
<Button
|
|
onClick={onGetStartedClick}
|
|
variant="solid"
|
|
color="cyan"
|
|
>
|
|
Get started
|
|
</Button>
|
|
<Button to="#" variant="outline">
|
|
Documentation <span aria-hidden="true">→</span>
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
{/* ✅ Bottom horizontal line with spacing */}
|
|
<div className="w-full border-b border-gray-100" />
|
|
<div className="max-w-7xl bg-transparent mx-auto py-6 border border-t-0 border-b-0 border-gray-100"></div>
|
|
</div>
|
|
)
|
|
}
|