From aa6c12e749401b78bf66130a6563b0da5a09d846 Mon Sep 17 00:00:00 2001
From: sasha-astiadi <sasha@incubaid.com>
Date: Thu, 16 Oct 2025 21:08:58 +0200
Subject: [PATCH] feat: add team section and call-to-action components to About
 page

---
 src/app/(main)/about/page.tsx |  5 +++-
 src/components/AboutCTA.tsx   | 44 +++++++++++++++++++++++++++++++++++
 2 files changed, 48 insertions(+), 1 deletion(-)
 create mode 100644 src/components/AboutCTA.tsx

diff --git a/src/app/(main)/about/page.tsx b/src/app/(main)/about/page.tsx
index 5cf9c5e..350e4c3 100644
--- a/src/app/(main)/about/page.tsx
+++ b/src/app/(main)/about/page.tsx
@@ -1,12 +1,15 @@
 import { AboutHero } from "@/components/AboutHero"
 import { AboutSolutions } from "@/components/AboutSolutions"
-
+import { AboutTeam } from "@/components/AboutTeam"
+import { AboutCTA } from "@/components/AboutCTA"
 
 export default function About() {
   return (
     <div>
       <AboutHero />
       <AboutSolutions />
+      <AboutTeam />
+      <AboutCTA />
     </div>
   )
 }
diff --git a/src/components/AboutCTA.tsx b/src/components/AboutCTA.tsx
new file mode 100644
index 0000000..215f740
--- /dev/null
+++ b/src/components/AboutCTA.tsx
@@ -0,0 +1,44 @@
+export  function AboutCTA() {
+  return (
+    <div className="bg-transparent">
+      <div className="mx-auto max-w-7xl py-24 px-6 lg:px-4">
+        <div className="relative isolate overflow-hidden bg-stat-gradient  py-16 text-center after:pointer-events-none after:absolute after:inset-0 sm:rounded-3xl sm:px-16">
+          <div className="mx-auto max-w-2xl lg:max-w-2xl">
+          <h2 className="text-2xl font-semibold tracking-tight leading-tight text-white lg:text-4xl">
+            Be Part of the Change
+          </h2>
+          <p className="mx-auto mt-6 max-w-xl text-sm font-light text-pretty text-white lg:text-base">
+            Contribute your resources, build decentralized applications, or simply learn more about how you can get involved
+          </p>
+          <div className="mt-10 flex items-center justify-center gap-x-6">
+            <a
+              href="#"
+              className="rounded-md bg-white/10 px-3.5 py-2.5 text-sm font-semibold text-white hover:bg-white/15"
+            >
+              {' '}
+              Get started{' '}
+            </a>
+            <a href="#" className="text-sm/6 font-semibold text-white">
+              Learn more
+              <span aria-hidden="true">→</span>
+            </a>
+          </div>
+          <svg
+            viewBox="0 0 1024 1024"
+            aria-hidden="true"
+            className="absolute top-1/2 left-1/2 -z-10 size-256 -translate-x-1/2 mask-[radial-gradient(closest-side,white,transparent)]"
+          >
+            <circle r={512} cx={512} cy={512} fill="url(#827591b1-ce8c-4110-b064-7cb85a0b1217)" fillOpacity="0.7" />
+            <defs>
+              <radialGradient id="827591b1-ce8c-4110-b064-7cb85a0b1217">
+                <stop stopColor="#fff4f8" />
+                <stop offset={1} stopColor="#97979d" />
+              </radialGradient>
+            </defs>
+          </svg>
+        </div>
+      </div>
+      </div>
+    </div>
+  )
+}