forked from emre/www_projectmycelium_com
sasha-astiadi
d6a5f70bd6
- Changed all "Explore Docs" buttons from internal links to external docs.projectmycelium.com links with target="_blank" - Updated CloudArchitecture, CloudHeroNew, CloudIntro, GpuHero, NodeHero, StorageHero, and CallToAction components - Added "Explore Docs" buttons to AgentHeroAlt and ComputeCapabilities components - Updated HomeBlink, HomeSpotlight, and HomeCTA to use external docs link instead of onClick
62 lines
2.2 KiB
TypeScript
62 lines
2.2 KiB
TypeScript
import { H3, Eyebrow, P } from "@/components/Texts"
|
|
import { Button } from "@/components/Button"
|
|
|
|
export function CloudHeroNew() {
|
|
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 md:bg-[url('/images/cloudhero4.webp')] md:bg-contain md:bg-right md:bg-no-repeat"
|
|
>
|
|
{/* Inner padding */}
|
|
<div className="px-6 pt-4 pb-12 lg:py-24">
|
|
{/* Mobile-only hero image */}
|
|
<img
|
|
src="/images/mobile/cloudpage.jpg"
|
|
alt="Mycelium Cloud page visual"
|
|
className="mb-8 w-full object-cover md:hidden"
|
|
/>
|
|
|
|
<div className="max-w-2xl lg:pl-6">
|
|
<Eyebrow>
|
|
MYCELIUM CLOUD
|
|
</Eyebrow>
|
|
<H3 className="mt-4">
|
|
Sovereign Edge Cloud Infrastructure
|
|
</H3>
|
|
<P className="mt-6 text-gray-600">
|
|
Run compute, storage, and AI resources on infrastructure you control.
|
|
The Mycelium Cloud runs on a distributed grid of independent nodes,
|
|
delivering secure, scalable performance wherever your users or data live.
|
|
</P>
|
|
<div className="mt-10 flex items-center gap-x-6">
|
|
<Button
|
|
as="a"
|
|
to="https://myceliumcloud.tf"
|
|
variant="solid"
|
|
color="cyan"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
>
|
|
Deploy Workloads
|
|
</Button>
|
|
<Button
|
|
as="a"
|
|
to="https://docs.projectmycelium.com/cloud/"
|
|
variant="outline"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
>
|
|
Explore Docs
|
|
</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>
|
|
)
|
|
}
|