From f28038e141af003b224fd98bbc19f3ac569102f6 Mon Sep 17 00:00:00 2001
From: Nik L <lokhmachevnikita@gmail.com>
Date: Tue, 10 Mar 2026 12:44:10 -0400
Subject: [PATCH] feat: add about section

---
 app/page.tsx         |  2 ++
 components/about.tsx | 56 ++++++++++++++++++++++++++++++++++++++++++++
 components/nav.tsx   |  4 ++--
 3 files changed, 60 insertions(+), 2 deletions(-)
 create mode 100644 components/about.tsx

diff --git a/app/page.tsx b/app/page.tsx
index 51abd9e..b3195ce 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -10,6 +10,7 @@ import { Layers } from '@/components/layers'
 import { Observability } from '@/components/observability'
 import { Control } from '@/components/control'
 import { Comparison } from '@/components/comparison'
+import { About } from '@/components/about'
 import { Footer } from '@/components/footer'
 
 export default function Home() {
@@ -25,6 +26,7 @@ export default function Home() {
         <Control />
         <Comparison />
         <GettingStarted />
+        <About />
         <Footer />
       </main>
     </PlatformProvider>
diff --git a/components/about.tsx b/components/about.tsx
new file mode 100644
index 0000000..438dcf0
--- /dev/null
+++ b/components/about.tsx
@@ -0,0 +1,56 @@
+import { Users } from 'lucide-react'
+
+export function About() {
+  return (
+    <section id="about" className="py-24 px-4 sm:px-6 border-t border-border/30">
+      <div className="mx-auto max-w-5xl">
+        <div className="max-w-2xl mb-12">
+          <div className="flex items-center gap-2 mb-4">
+            <Users className="h-4 w-4 text-primary" />
+            <span className="text-xs font-sans uppercase tracking-wider text-primary font-medium">
+              About
+            </span>
+          </div>
+          <h2 className="font-serif text-3xl sm:text-4xl font-semibold tracking-tight mb-4 whitespace-nowrap">
+            We built it for ourselves, then open-sourced it.
+          </h2>
+        </div>
+
+        <div className="max-w-3xl space-y-4 text-muted-foreground font-serif text-lg leading-relaxed">
+          <p>
+            Greywall was built by{' '}
+            <a href="https://greyhaven.co" target="_blank" rel="noopener noreferrer" className="text-foreground font-medium hover:text-primary transition-colors">Greyhaven</a>,
+            where we build custom{' '}
+            <a href="https://greyhaven.co/insights/greyhaven-sovereign-ai-framework" target="_blank" rel="noopener noreferrer" className="text-foreground font-medium hover:text-primary transition-colors">sovereign AI</a> solutions for enterprises.
+            We needed kernel-enforced sandboxing with real-time visibility. Nothing existed, so we built it.
+          </p>
+          <p>
+            It runs in our production deployments every day. We open-sourced it because the security
+            layer around your tools should be independent of the company selling you the AI.
+            We actively maintain it and ship updates regularly.
+          </p>
+        </div>
+
+        <div className="mt-16 border-t border-border/30 pt-16">
+          <h3 className="font-serif text-2xl sm:text-3xl font-semibold tracking-tight mb-4">
+            Need more than sandboxing?
+          </h3>
+          <p className="text-muted-foreground font-serif text-lg leading-relaxed max-w-2xl mb-8">
+            Greywall is one piece of a larger platform. For enterprises that need sovereign AI
+            infrastructure, private model deployment, and end-to-end agent orchestration,
+            Greyhaven builds custom solutions on your terms.
+          </p>
+          <a
+            href="https://greyhaven.co/contact"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="inline-flex items-center gap-2 px-6 py-3 rounded-lg border border-border/50 bg-card/30 font-sans text-sm font-medium text-foreground hover:border-primary/30 hover:text-primary transition-all"
+          >
+            Talk to our team
+            <span className="text-muted-foreground">&rarr;</span>
+          </a>
+        </div>
+      </div>
+    </section>
+  )
+}
diff --git a/components/nav.tsx b/components/nav.tsx
index d3d67d8..87b8663 100644
--- a/components/nav.tsx
+++ b/components/nav.tsx
@@ -31,10 +31,10 @@ export function Nav() {
             Compare
           </a>
           <a
-            href="#getting-started"
+            href="#about"
             className="text-sm text-muted-foreground hover:text-foreground transition-colors hidden sm:block"
           >
-            Install
+            About
           </a>
           <a
             href="https://github.com/GreyhavenHQ/greywall"