From 90499e2b77b40ba940d968ed4ebdf97ef32f102b Mon Sep 17 00:00:00 2001
From: sasha-astiadi <sasha@incubaid.com>
Date: Wed, 22 Oct 2025 14:31:07 +0200
Subject: [PATCH] refactor: replace About component with new AboutNew
 implementation

---
 src/app/(main)/page.tsx     |  4 ++--
 src/components/AboutNew.tsx | 37 +++++++++++++++++++++++++++++++++++++
 2 files changed, 39 insertions(+), 2 deletions(-)
 create mode 100644 src/components/AboutNew.tsx

diff --git a/src/app/(main)/page.tsx b/src/app/(main)/page.tsx
index db00e55..bf2e1de 100644
--- a/src/app/(main)/page.tsx
+++ b/src/app/(main)/page.tsx
@@ -6,7 +6,7 @@ import { PrimaryFeatures } from '@/components/PrimaryFeatures'
 import { UseCases } from '@/components/UseCases'
 import { SecondaryFeatures } from '@/components/SecondaryFeatures'
 import { Benefits } from '@/components/Benefits'
-import { About } from '@/components/About'
+import { AboutNew } from '@/components/AboutNew'
 import { Features } from '@/components/Features'
 
 export default function Home() {
@@ -16,7 +16,7 @@ export default function Home() {
         <Hero />
       </AnimatedSection>
       <AnimatedSection>
-        <About />
+        <AboutNew />
       </AnimatedSection>
       <AnimatedSection>
         <Features />
diff --git a/src/components/AboutNew.tsx b/src/components/AboutNew.tsx
new file mode 100644
index 0000000..9e59a20
--- /dev/null
+++ b/src/components/AboutNew.tsx
@@ -0,0 +1,37 @@
+import { AppStoreLink } from '@/components/AppStoreLink'
+import { P, SectionHeader } from '@/components/Texts'
+import { WindowsLink } from '@/components/WindowsLink'
+import { AndroidLink } from './AndroidLink'
+import { LinuxLink } from '@/components/LinuxLink'
+import { CircleBackground } from '@/components/CircleBackground'
+import { Container } from '@/components/Container'
+
+export function AboutNew() {
+  return (
+    <section
+      id="get-free-shares-today"
+      className="relative overflow-hidden bg-gray-900 py-20 sm:py-28"
+    >
+      <div className="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
+        <CircleBackground color="#06b6d4" className="animate-spin-slower" />
+      </div>
+      <Container>
+        <div className="mx-auto max-w-2xl text-center">
+          <SectionHeader as="h2" color="white">
+            Discover Mycelium
+          </SectionHeader>
+           <P color="light" className="mt-6">
+              Mycelium is an unbreakable network, always finding the shortest path and
+              providing 100% secure, peer-to-peer communication. But this is just
+              the beginning.
+            </P>
+            <P color="light" className="mt-6">
+              Our mission is to create a sustainable digital ecosystem where
+              communication is seamless, data is secure, and scalability knows no
+              bounds.
+            </P>
+        </div>
+      </Container>
+    </section>
+  )
+}