feat: refine benefits section messaging and ordering

- Reordered features to lead with "Unbreakable by Design" for stronger impact
- Simplified benefit descriptions for clarity and conciseness
- Updated section heading from "Why It Changes Everything" to "Why It Matters"
This commit is contained in:
2025-11-04 13:35:22 +01:00
parent 00802c7064
commit 363b822d8b

View File

@@ -7,28 +7,29 @@ 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:
"Own your infrastructure and your data. Mycelium Cloud eliminates dependency on centralized providers, giving you full digital sovereignty.", "Identity, compute, and data belong to you cryptographically.",
image: "/images/benefits/sovereign.webp", image: "/images/benefits/sovereign.webp",
}, },
{ {
title: "Hackable & Open", title: "Hackable & Open",
description: description:
"Open source and hackable by design. Learn, build, and experiment without permission.", "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. Pure compute power at a fraction of traditional cloud costs.", "Distributed hardware eliminates hyperscale overhead.",
image: "/images/benefits/cost.webp", image: "/images/benefits/cost.webp",
}, },
]; ];
@@ -39,7 +40,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 Changes Everything Why It Matters
</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">