1 Commits

Author SHA1 Message Date
3ac2f8ede7 refactor: remove comparison table section from home page 2025-11-07 12:13:12 +01:00
6 changed files with 33 additions and 33 deletions

View File

@@ -24,7 +24,7 @@ export function CallToAction() {
</p> </p>
<div className="mt-10 flex flex-wrap justify-center gap-x-6 gap-y-4"> <div className="mt-10 flex flex-wrap justify-center gap-x-6 gap-y-4">
<Button to="/cloud" variant="solid" color="cyan"> <Button to="/cloud" variant="solid" color="cyan">
Get Started Start Deployment
</Button> </Button>
<Button <Button
to="https://threefold.info/mycelium_network/docs/" to="https://threefold.info/mycelium_network/docs/"

View File

@@ -7,29 +7,28 @@ import { H2, P, CP, Eyebrow } from '@/components/Texts'
export function HomeBenefits() { export function HomeBenefits() {
const features = [ const features = [
{
title: "Unbreakable by Design",
description:
"No central cloud to censor or fail. The network heals itself.",
image: "/images/benefits/energy.webp",
},
{ {
title: "Sovereign by Default", title: "Sovereign by Default",
description: description:
"Identity, compute, and data belong to you cryptographically.", "Own your infrastructure and your data. Mycelium Cloud eliminates dependency on centralized providers, giving you full digital sovereignty.",
image: "/images/benefits/sovereign.webp", image: "/images/benefits/sovereign.webp",
}, },
{ {
title: "Hackable & Open", title: "Hackable & Open",
description: description:
"Learn, build, and experiment without permission.", "Open source and hackable by design. Learn, build, and experiment without permission.",
image: "/images/benefits/autonomous.webp", image: "/images/benefits/autonomous.webp",
}, },
{
title: "Unbreakable by Design",
description:
"Distributed nodes make it resilient to attacks and failures. The network heals itself.",
image: "/images/benefits/energy.webp",
},
{ {
title: "Cost & Energy Efficient", title: "Cost & Energy Efficient",
description: description:
"Distributed hardware eliminates hyperscale overhead.", "Distributed hardware eliminates hyperscale overhead. Pure compute power at a fraction of traditional cloud costs.",
image: "/images/benefits/cost.webp", image: "/images/benefits/cost.webp",
}, },
]; ];
@@ -40,7 +39,7 @@ export function HomeBenefits() {
Benefits Benefits
</Eyebrow> </Eyebrow>
<H2 className="text-3xl lg:text-5xl lg:leading-tight max-w-5xl mx-auto text-center tracking-tight font-medium text-black dark:text-white"> <H2 className="text-3xl lg:text-5xl lg:leading-tight max-w-5xl mx-auto text-center tracking-tight font-medium text-black dark:text-white">
Why It Matters Why It Changes Everything
</H2> </H2>
<P className=" max-w-3xl my-4 mx-auto text-center text-gray-600"> <P className=" max-w-3xl my-4 mx-auto text-center text-gray-600">

View File

@@ -10,7 +10,7 @@ import { DarkCard } from '../../components/ui/cards'
const features = [ const features = [
{ {
name: 'Kubernetes Clusters', name: 'Kubernetes Clusters',
description: 'Deploy and scale containerized apps across your own hardware. enabling a world of possibilities..', description: 'Deploy and scale containerized apps across your own hardware.',
icon: CubeIcon, icon: CubeIcon,
}, },
{ {
@@ -37,7 +37,9 @@ export function HomeHostingDark() {
<Eyebrow>DEPLOY</Eyebrow> <Eyebrow>DEPLOY</Eyebrow>
<H3 className="mt-2 text-gray-200">Run Real Infrastructure on Your Own Hardware</H3> <H3 className="mt-2 text-gray-200">Run Real Infrastructure on Your Own Hardware</H3>
<P className="mx-auto mt-5 max-w-prose text-gray-400"> <P className="mx-auto mt-5 max-w-prose text-gray-400">
Build and run production-grade workloads on hardware you control, whether its your own node or capacity from the decentralized grid. Mycelium handles the networking, orchestration, and security layers, so you can deploy services the same way you would on a public cloud, without giving your data or control to anyone. Turn your own machines into real, production-grade infrastructure. Mycelium handles the networking,
orchestration, and security layers, so you can deploy services the same way you would on public cloud without
giving your data or control to anyone.
</P> </P>
<div className="mt-16"> <div className="mt-16">
<div className="grid grid-cols-1 gap-12 lg:grid-cols-4"> <div className="grid grid-cols-1 gap-12 lg:grid-cols-4">

View File

@@ -26,25 +26,22 @@ export default function HomePage() {
<WorldMap /> <WorldMap />
</AnimatedSection> </AnimatedSection>
<AnimatedSection>
<StackSectionLight />
</AnimatedSection>
<AnimatedSection> <AnimatedSection>
<HomeHostingDark /> <HomeHostingDark />
</AnimatedSection> </AnimatedSection>
<AnimatedSection> <AnimatedSection>
<StackSectionLight /> <HomeBenefits />
</AnimatedSection> </AnimatedSection>
<AnimatedSection ref={sliderRef}> <AnimatedSection ref={sliderRef}>
<HomeSlider /> <HomeSlider />
</AnimatedSection> </AnimatedSection>
<AnimatedSection>
<HomeBenefits />
</AnimatedSection>
<AnimatedSection>
<HomeComparisonTable />
</AnimatedSection>
<AnimatedSection> <AnimatedSection>
<CallToAction /> <CallToAction />

View File

@@ -15,11 +15,11 @@ export function HomeSlider() {
Ecosystem Ecosystem
</Eyebrow> </Eyebrow>
<H3 className="text-left text-white"> <H3 className="text-left text-white">
Discover Mycelium Components Discover the Mycelium Products
</H3> </H3>
<div className="mt-4 max-w-3xl"> <div className="mt-4 max-w-3xl">
<P className="text-left text-neutral-400"> <P className="text-left text-neutral-400">
From compute and networking to Agents, these components can be used on its own or combined into a fully sovereign cloud. From compute and networking to intelligent automation, these components can be used on its own or combined into a fully sovereign cloud.
</P> </P>
</div> </div>
</div> </div>
@@ -35,14 +35,6 @@ import cloudImage from "/images/pages/cloud.webp";
import computeImage from "/images/pages/compute.webp"; import computeImage from "/images/pages/compute.webp";
const data = [ const data = [
{
category: "Resources",
title: "Compute / Storage / GPU",
description: "The resource layers powering the stack.",
src: "/images/pages/compute.png",
bg: computeImage,
link: "/compute",
},
{ {
category: "Cloud", category: "Cloud",
title: "Mycelium Cloud", title: "Mycelium Cloud",
@@ -67,4 +59,12 @@ const data = [
bg: agentImage, bg: agentImage,
link: "/agent", link: "/agent",
}, },
{
category: "Resources",
title: "Compute / Storage / GPU",
description: "The resource layers powering the stack.",
src: "/images/pages/compute.png",
bg: computeImage,
link: "/compute",
},
]; ];

View File

@@ -63,7 +63,9 @@ export function StackSectionLight() {
<FadeIn> <FadeIn>
<P color="dark" className="mt-6 text-gray-600"> <P color="dark" className="mt-6 text-gray-600">
Mycelium unifies compute, storage, networking, and AI into a self-governing comprehensive decentralized infrastructure fabric. Project Mycelium unifies compute, storage, networking, and AI into a resilient
ecosystem that preserves data sovereignty, powers seamless collaboration,
and keeps every layer of your infrastructure secure end to end on decentralized infrastructure.
</P> </P>
</FadeIn> </FadeIn>
</div> </div>