feat: seo optimization p3

.gitignore

@@ -5,4 +5,7 @@ out/
 *.tsbuildinfo
 next-env.d.ts
 .vercel
-.env
+.env
+greywall-logo-negative.png
+greywall-logo-positive.png
+terminal.png

app/layout.tsx

@@ -35,11 +35,13 @@ export const metadata: Metadata = {
     url: 'https://greywall.io',
     siteName: 'Greywall',
     type: 'website',
+    images: [{ url: '/og-image.png', width: 1200, height: 630 }],
   },
   twitter: {
-    card: 'summary',
+    card: 'summary_large_image',
     title: 'Greywall: Sandbox for AI Agents',
     description: 'Container-free, default-deny sandboxing with real-time observability for AI agents. Five kernel-enforced security layers in one command.',
+    images: ['/og-image.png'],
   },
   alternates: {
     canonical: 'https://greywall.io',

components/about.tsx

@@ -31,7 +31,79 @@ export function About() {
           </p>
         </div>
 
-        <div className="mt-16 border-t border-border/30 pt-16">
+        {/* Team */}
+        <div className="mt-16 border-t border-border/30 pt-16 mb-16">
+          <h3 className="font-serif text-2xl sm:text-3xl font-semibold tracking-tight mb-8">
+            The people behind it.
+          </h3>
+          <div className="grid grid-cols-1 sm:grid-cols-3 gap-4 sm:gap-6">
+            <a
+              href="https://github.com/cowpig"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="flex items-start gap-3 p-4 rounded-lg border border-border/40 bg-card/30 hover:border-primary/20 transition-all"
+            >
+              <img
+                src="https://github.com/cowpig.png?size=64"
+                alt="Max McCrea"
+                width={40}
+                height={40}
+                className="rounded-md shrink-0 bg-muted mt-0.5"
+              />
+              <div>
+                <div className="font-sans font-semibold text-sm text-foreground">Max McCrea</div>
+                <div className="text-xs text-primary font-sans font-medium">CEO & Founder, Greyhaven</div>
+                <p className="text-xs text-muted-foreground font-serif mt-1.5 leading-relaxed">
+                  AI researcher, Recurse Center alumnus. Built Monadical since 2016. Now building sovereign AI infrastructure.
+                </p>
+              </div>
+            </a>
+            <a
+              href="https://github.com/nikitalokhmachev-ai"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="flex items-start gap-3 p-4 rounded-lg border border-border/40 bg-card/30 hover:border-primary/20 transition-all"
+            >
+              <img
+                src="https://github.com/nikitalokhmachev-ai.png?size=64"
+                alt="Nikita Lokhmachev"
+                width={40}
+                height={40}
+                className="rounded-md shrink-0 bg-muted mt-0.5"
+              />
+              <div>
+                <div className="font-sans font-semibold text-sm text-foreground">Nikita Lokhmachev</div>
+                <div className="text-xs text-primary font-sans font-medium">Technical Product Lead</div>
+                <p className="text-xs text-muted-foreground font-serif mt-1.5 leading-relaxed">
+                  Former startup CTO, Fulbright scholar. Leads AI tooling and process engineering.
+                </p>
+              </div>
+            </a>
+            <a
+              href="https://github.com/tito"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="flex items-start gap-3 p-4 rounded-lg border border-border/40 bg-card/30 hover:border-primary/20 transition-all"
+            >
+              <img
+                src="https://github.com/tito.png?size=64"
+                alt="Mathieu Virbel"
+                width={40}
+                height={40}
+                className="rounded-md shrink-0 bg-muted mt-0.5"
+              />
+              <div>
+                <div className="font-sans font-semibold text-sm text-foreground">Mathieu Virbel</div>
+                <div className="text-xs text-primary font-sans font-medium">Senior Team Lead</div>
+                <p className="text-xs text-muted-foreground font-serif mt-1.5 leading-relaxed">
+                  Creator of Kivy (19k+ stars). Full stack engineer, GSoC mentor.
+                </p>
+              </div>
+            </a>
+          </div>
+        </div>
+
+        <div className="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>