forked from emre/www_projectmycelium_com
Compare commits
1 Commits
b39694ea24
...
developmen
| Author | SHA1 | Date | |
|---|---|---|---|
| 3ac2f8ede7 |
@@ -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/"
|
||||||
|
|||||||
@@ -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">
|
||||||
|
|||||||
@@ -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 it’s 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">
|
||||||
|
|||||||
@@ -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 />
|
||||||
|
|||||||
@@ -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",
|
||||||
|
},
|
||||||
];
|
];
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user