sashaastiadi/www_mycelium_net
1
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki 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" />
</div>
<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">
Discover Mycelium
</h2>

18
src/components/Features.tsx
View File

@@ -8,19 +8,15 @@ export function Features() {
return (
<section id="features" className=" py-24">
<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
</p>
<p className="mt-2 max-w-lg text-lg text-gray-600">
If you have anything else you want to ask,{' '}
<a
href="mailto:info@example.com"
className="text-gray-900 underline"
>
reach out to us
</a>
.
</p>
<p className="mt-4 max-w-xl text-lg text-gray-600">
Built for resilience and autonomy, the Mycelium Network dynamically connects nodes through intelligent routing, proxy discovery, and decentralized delivery.
</p>
<p className="mt-2 max-w-xl text-lg text-gray-600">
Each component — from message passing to content distribution — works in harmony to create a fully self-healing, self-optimizing data mesh.
</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="relative lg:col-span-3 transition-all duration-300 ease-in-out hover:scale-105">
<div className="absolute inset-0 rounded-lg bg-white max-lg:rounded-t-4xl lg:rounded-tl-4xl" />