ourworld_web/www_mycelium_net
23
0
Fork 0
forked from sashaastiadi/www_mycelium_net
Code Issues Pull Requests Activity

refactor: update About and Features components with improved content and styling

Browse Source
This commit is contained in:
sasha-astiadi
2025-10-14 16:18:23 +02:00
parent 251d55506e
commit 8ff6d9de52
2 changed files with 8 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/About.tsx
View File

@@ -13,7 +13,7 @@ export function About() {
<CircleBackground color="#fff" className="animate-spin-slower" /> <CircleBackground color="#fff" className="animate-spin-slower" />
</div> </div>
<Container className="relative"> <Container className="relative">
<div className="mx-auto max-w-3xl sm:text-center"> <div className="mx-auto max-w-3xl text-center">
<h2 className="text-3xl lg:text-4xl font-medium tracking-tight text-white sm:text-4xl"> <h2 className="text-3xl lg:text-4xl font-medium tracking-tight text-white sm:text-4xl">
Discover Mycelium Discover Mycelium
</h2> </h2>

16
src/components/Features.tsx
View File

@@ -8,18 +8,14 @@ export function Features() {
return ( return (
<section id="features" className=" py-24"> <section id="features" className=" py-24">
<div className="mx-auto max-w-2xl px-6 lg:max-w-7xl lg:px-8"> <div className="mx-auto max-w-2xl px-6 lg:max-w-7xl lg:px-8">
<p className="mt-2 max-w-lg text-3xl lg:text-4xl lg:text-4xl font-medium tracking-tight text-pretty text-gray-950"> <p className="mt-2 max-w-4xl text-3xl lg:text-4xl font-medium tracking-tight text-pretty text-gray-950">
Network Capabilities Network Capabilities
</p> </p>
<p className="mt-2 max-w-lg text-lg text-gray-600"> <p className="mt-4 max-w-xl text-lg text-gray-600">
If you have anything else you want to ask,{' '} Built for resilience and autonomy, the Mycelium Network dynamically connects nodes through intelligent routing, proxy discovery, and decentralized delivery.
<a </p>
href="mailto:info@example.com" <p className="mt-2 max-w-xl text-lg text-gray-600">
className="text-gray-900 underline" Each component — from message passing to content distribution — works in harmony to create a fully self-healing, self-optimizing data mesh.
>
reach out to us
</a>
.
</p> </p>
<div className="mt-10 grid grid-cols-1 gap-x-4 gap-y-8 sm:mt-16 lg:grid-cols-6 lg:grid-rows-2"> <div className="mt-10 grid grid-cols-1 gap-x-4 gap-y-8 sm:mt-16 lg:grid-cols-6 lg:grid-rows-2">
<div className="relative lg:col-span-3 transition-all duration-300 ease-in-out hover:scale-105"> <div className="relative lg:col-span-3 transition-all duration-300 ease-in-out hover:scale-105">