From 5295adf91612c705f33761d7f2deb5d2f16a52f0 Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Sun, 21 Jun 2026 17:22:04 +0000
Subject: [PATCH 1/2] Bob AI: Add about page

---
 src/App.tsx               |  2 +
 src/components/Layout.tsx |  2 +
 src/pages/AboutPage.tsx   | 88 +++++++++++++++++++++++++++++++++++++++
 src/routes.ts             |  1 +
 4 files changed, 93 insertions(+)
 create mode 100644 src/pages/AboutPage.tsx

diff --git a/src/App.tsx b/src/App.tsx
index 4cc1975..8591d72 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -3,12 +3,14 @@ import Layout from './components/Layout';
 import HomePage from './pages/HomePage';
 
 import PortfolioPage from "@/pages/PortfolioPage";
+import AboutPage from "@/pages/AboutPage";
 export default function App() {
   return (
     <Routes>
       <Route element={<Layout />}>
         <Route path="/" element={<HomePage />} />
         <Route path="/portfolio" element={<PortfolioPage />} />
+        <Route path="/about" element={<AboutPage />} />
       </Route>
     </Routes>
   );
diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
index 46b6439..8876bfe 100644
--- a/src/components/Layout.tsx
+++ b/src/components/Layout.tsx
@@ -36,6 +36,8 @@ export default function Layout() {
     "href": "#faq"
   },
   { name: "Portfolio", href: "/portfolio" },
+  { name: "About", href: "/about" },
+
 
 ];
 
diff --git a/src/pages/AboutPage.tsx b/src/pages/AboutPage.tsx
new file mode 100644
index 0000000..e6a3b58
--- /dev/null
+++ b/src/pages/AboutPage.tsx
@@ -0,0 +1,88 @@
+import React from "react";
+import { routes } from "@/routes";
+import NavbarCentered from "@/components/ui/NavbarCentered";
+import AboutParallax from "@/components/sections/about/AboutParallax";
+import AboutTextSplit from "@/components/sections/about/AboutTextSplit";
+import MetricsSimpleCards from "@/components/sections/metrics/MetricsSimpleCards";
+import ContactCta from "@/components/sections/contact/ContactCta";
+import FooterSimple from "@/components/sections/footer/FooterSimple";
+
+export default function AboutPage() {
+  return (
+    <div className="min-h-screen bg-background text-foreground flex flex-col">
+      <NavbarCentered
+        logo="Orca.so"
+        navItems={routes.map((r) => ({ name: r.label, href: r.path }))}
+        ctaButton={{ text: "Launch App", href: "/app" }}
+      />
+
+      <main className="flex-grow">
+        <AboutParallax
+          tag="Overview"
+          title="The apex predator of Solana DeFi"
+          description="Orca is the most user-friendly concentrated liquidity AMM on Solana. We believe in making decentralized finance accessible, efficient, and intuitive for everyone."
+          badge="About Orca"
+          frontImageSrc="https://images.unsplash.com/photo-1551244072-5d12893278ab?auto=format&fit=crop&q=80"
+          backImageSrc="https://images.unsplash.com/photo-1639762681485-074b7f4fc8ea?auto=format&fit=crop&q=80"
+        />
+
+        <AboutTextSplit
+          title="Our Mission & Vision"
+          descriptions={[
+            "Orca was founded with a simple goal: to create a decentralized exchange that is as easy to use as a centralized one, without compromising on security or decentralization.",
+            "We are committed to providing the best trading experience on Solana, with lightning-fast swaps, minimal fees, and deep liquidity. Our concentrated liquidity model ensures that capital is used efficiently, benefiting both traders and liquidity providers.",
+            "Beyond technology, we are dedicated to the community and the ecosystem. A portion of our fees goes towards the Orca Climate Fund, supporting initiatives that combat climate change and promote sustainability."
+          ]}
+          primaryButton={{ text: "Read our Docs", href: "/docs" }}
+          secondaryButton={{ text: "View Climate Fund", href: "/climate" }}
+        />
+
+        <MetricsSimpleCards
+          tag="Ecosystem Scale"
+          title="Powered by the Community"
+          description="Orca has grown to become a foundational pillar of the Solana DeFi ecosystem, trusted by thousands of users daily."
+          metrics={[
+            { value: "$1B+", description: "Total Value Locked" },
+            { value: "50M+", description: "Total Swaps Executed" },
+            { value: "$100M+", description: "Daily Trading Volume" },
+            { value: "100k+", description: "Active Monthly Users" }
+          ]}
+        />
+
+        <ContactCta
+          tag="Join the Pod"
+          text="Ready to dive into the Solana ecosystem with the most intuitive AMM?"
+          primaryButton={{ text: "Start Trading", href: "/trade" }}
+          secondaryButton={{ text: "Join Discord", href: "/discord" }}
+        />
+      </main>
+
+      <FooterSimple
+        brand="Orca.so"
+        columns={[
+          {
+            title: "Product",
+            items: [
+              { label: "Trade", href: "/trade" },
+              { label: "Pools", href: "/pools" },
+              { label: "Portfolio", href: "/portfolio" }
+            ]
+          },
+          {
+            title: "Resources",
+            items: [
+              { label: "Documentation", href: "/docs" },
+              { label: "Developers", href: "/build" },
+              { label: "Blog", href: "/blog" }
+            ]
+          }
+        ]}
+        copyright="© 2024 Orca.so. All rights reserved."
+        links={[
+          { label: "Terms of Service", href: "/terms" },
+          { label: "Privacy Policy", href: "/privacy" }
+        ]}
+      />
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/src/routes.ts b/src/routes.ts
index bf82e0c..f2db14b 100644
--- a/src/routes.ts
+++ b/src/routes.ts
@@ -7,4 +7,5 @@ export interface Route {
 export const routes: Route[] = [
   { path: '/', label: 'Home', pageFile: 'HomePage' },
   { path: '/portfolio', label: 'Portfolio', pageFile: 'PortfolioPage' },
+  { path: '/about', label: 'About', pageFile: 'AboutPage' },
 ];
-- 
2.49.1


From 885ead4012ca14d85d4169e476a5d3ea69fba8de Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Sun, 21 Jun 2026 17:22:33 +0000
Subject: [PATCH 2/2] Bob AI: Populate src/pages/AboutPage.tsx (snippet
 builder, 2 sections)

---
 src/pages/AboutPage.tsx | 102 +++++++---------------------------------
 1 file changed, 18 insertions(+), 84 deletions(-)

diff --git a/src/pages/AboutPage.tsx b/src/pages/AboutPage.tsx
index e6a3b58..7b84d22 100644
--- a/src/pages/AboutPage.tsx
+++ b/src/pages/AboutPage.tsx
@@ -1,88 +1,22 @@
-import React from "react";
-import { routes } from "@/routes";
-import NavbarCentered from "@/components/ui/NavbarCentered";
-import AboutParallax from "@/components/sections/about/AboutParallax";
-import AboutTextSplit from "@/components/sections/about/AboutTextSplit";
-import MetricsSimpleCards from "@/components/sections/metrics/MetricsSimpleCards";
-import ContactCta from "@/components/sections/contact/ContactCta";
-import FooterSimple from "@/components/sections/footer/FooterSimple";
+import Button from "@/components/ui/Button";
+import TextAnimation from "@/components/ui/TextAnimation";
+import AboutFeaturesSplit from "@/components/sections/about/AboutFeaturesSplit";
 
 export default function AboutPage() {
   return (
-    <div className="min-h-screen bg-background text-foreground flex flex-col">
-      <NavbarCentered
-        logo="Orca.so"
-        navItems={routes.map((r) => ({ name: r.label, href: r.path }))}
-        ctaButton={{ text: "Launch App", href: "/app" }}
-      />
-
-      <main className="flex-grow">
-        <AboutParallax
-          tag="Overview"
-          title="The apex predator of Solana DeFi"
-          description="Orca is the most user-friendly concentrated liquidity AMM on Solana. We believe in making decentralized finance accessible, efficient, and intuitive for everyone."
-          badge="About Orca"
-          frontImageSrc="https://images.unsplash.com/photo-1551244072-5d12893278ab?auto=format&fit=crop&q=80"
-          backImageSrc="https://images.unsplash.com/photo-1639762681485-074b7f4fc8ea?auto=format&fit=crop&q=80"
-        />
-
-        <AboutTextSplit
-          title="Our Mission & Vision"
-          descriptions={[
-            "Orca was founded with a simple goal: to create a decentralized exchange that is as easy to use as a centralized one, without compromising on security or decentralization.",
-            "We are committed to providing the best trading experience on Solana, with lightning-fast swaps, minimal fees, and deep liquidity. Our concentrated liquidity model ensures that capital is used efficiently, benefiting both traders and liquidity providers.",
-            "Beyond technology, we are dedicated to the community and the ecosystem. A portion of our fees goes towards the Orca Climate Fund, supporting initiatives that combat climate change and promote sustainability."
-          ]}
-          primaryButton={{ text: "Read our Docs", href: "/docs" }}
-          secondaryButton={{ text: "View Climate Fund", href: "/climate" }}
-        />
-
-        <MetricsSimpleCards
-          tag="Ecosystem Scale"
-          title="Powered by the Community"
-          description="Orca has grown to become a foundational pillar of the Solana DeFi ecosystem, trusted by thousands of users daily."
-          metrics={[
-            { value: "$1B+", description: "Total Value Locked" },
-            { value: "50M+", description: "Total Swaps Executed" },
-            { value: "$100M+", description: "Daily Trading Volume" },
-            { value: "100k+", description: "Active Monthly Users" }
-          ]}
-        />
-
-        <ContactCta
-          tag="Join the Pod"
-          text="Ready to dive into the Solana ecosystem with the most intuitive AMM?"
-          primaryButton={{ text: "Start Trading", href: "/trade" }}
-          secondaryButton={{ text: "Join Discord", href: "/discord" }}
-        />
-      </main>
-
-      <FooterSimple
-        brand="Orca.so"
-        columns={[
-          {
-            title: "Product",
-            items: [
-              { label: "Trade", href: "/trade" },
-              { label: "Pools", href: "/pools" },
-              { label: "Portfolio", href: "/portfolio" }
-            ]
-          },
-          {
-            title: "Resources",
-            items: [
-              { label: "Documentation", href: "/docs" },
-              { label: "Developers", href: "/build" },
-              { label: "Blog", href: "/blog" }
-            ]
-          }
-        ]}
-        copyright="© 2024 Orca.so. All rights reserved."
-        links={[
-          { label: "Terms of Service", href: "/terms" },
-          { label: "Privacy Policy", href: "/privacy" }
-        ]}
-      />
-    </div>
+    <>
+      <div data-webild-section="AboutTextSplit"><section aria-label="About section" className="py-20"><div className="flex flex-col gap-20 mx-auto w-content-width"><div className="flex flex-col md:flex-row gap-3 md:gap-15"><div className="w-full md:w-1/2"><TextAnimation text="Pioneering Capital Efficiency on Solana" variant="fade" gradientText={true} tag="h2" className="text-7xl 2xl:text-8xl leading-[1.15] font-semibold text-balance" /></div><div className="flex flex-col gap-2 w-full md:w-1/2"><TextAnimation key={0} text="Orca is the premier decentralized exchange on Solana, designed to provide traders and liquidity providers with unparalleled capital efficiency." variant="fade" gradientText={false} tag="p" className="text-xl md:text-2xl leading-snug text-balance" />
+<TextAnimation key={1} text="By leveraging concentrated liquidity pools, we ensure minimal slippage for users while maximizing yield potential for those who provide liquidity." variant="fade" gradientText={false} tag="p" className="text-xl md:text-2xl leading-snug text-balance" />
+<TextAnimation key={2} text="Whether you are a high-frequency trader or a DeFi builder, Orca delivers the speed and depth required to thrive in modern crypto markets." variant="fade" gradientText={false} tag="p" className="text-xl md:text-2xl leading-snug text-balance" /><div className="flex flex-wrap gap-3 mt-2 md:mt-3"><Button text="Start Trading" href="/trade" variant="primary" /><Button text="Explore Pools" href="/pools" variant="secondary" animationDelay={0.1} /></div></div></div><div className="w-full border-b border-foreground/5" /></div></section></div>
+      <div data-webild-section="AboutFeaturesSplit"><AboutFeaturesSplit
+        tag="About Orca"
+        title="The Apex Predator of Solana DeFi"
+        description="Orca is the most user-friendly, capital-efficient decentralized exchange on Solana. We empower traders and liquidity providers to maximize returns with minimal slippage."
+        primaryButton={{"text":"Start Trading","href":"/trade"}}
+        secondaryButton={{"text":"Provide Liquidity","href":"/pools"}}
+        items={[{"icon":"Zap","title":"Lightning Fast","description":"Built on Solana for sub-second trade execution and near-zero gas fees."},{"icon":"Droplet","title":"Deep Liquidity","description":"Concentrated liquidity pools ensure the best prices and lowest slippage."},{"icon":"ShieldCheck","title":"Audited & Secure","description":"Smart contracts rigorously audited by top-tier security firms."},{"icon":"Coins","title":"Capital Efficient","description":"Maximize yield on your assets with our optimized AMM architecture."}]}
+        imageSrc="https://img.freepik.com/premium-photo/abstract-blue-wave-background-with-glowing-lines-dots-concept-technology-connection-data-transfer_1421-4444.jpg"
+      /></div>
+    </>
   );
-}
\ No newline at end of file
+}
-- 
2.49.1