From 8ff6d9de529ca4774075717aed8d0829255496b8 Mon Sep 17 00:00:00 2001
From: sasha-astiadi <sasha@incubaid.com>
Date: Tue, 14 Oct 2025 16:18:23 +0200
Subject: [PATCH] refactor: update About and Features components with improved
 content and styling

---
 src/components/About.tsx    |  2 +-
 src/components/Features.tsx | 18 +++++++-----------
 2 files changed, 8 insertions(+), 12 deletions(-)

diff --git a/src/components/About.tsx b/src/components/About.tsx
index d03c109..e765818 100644
--- a/src/components/About.tsx
+++ b/src/components/About.tsx
@@ -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>
diff --git a/src/components/Features.tsx b/src/components/Features.tsx
index a22918b..814e9a1 100644
--- a/src/components/Features.tsx
+++ b/src/components/Features.tsx
@@ -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" />