feat: new design

This commit is contained in:
Nik L
2026-04-13 13:09:46 -04:00
parent 14fcaea830
commit b2879e1a5e
34 changed files with 573 additions and 608 deletions

View File

@@ -1,39 +1,29 @@
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-2xl sm:text-3xl md:text-4xl font-semibold tracking-tight mb-4">
<h2 className="title-serif text-[36px] md:text-[48px] leading-none">
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">
<div className="max-w-3xl space-y-4 text-serif font-normal text-[15px] md:text-[16px] leading-[1.55] text-muted-foreground">
<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.
We needed kernel-enforced sandboxing with real-time visibility inside client environments, 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.
It runs in production deployments today. We open-sourced it because the control layer around the agent should not depend on the company selling the model.
</p>
</div>
{/* 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">
<h3 className="title-serif text-[22px] md:text-[28px] leading-[1.1] mb-8">
The people behind it.
</h3>
<div className="grid grid-cols-1 sm:grid-cols-3 gap-4 sm:gap-6">
@@ -52,7 +42,7 @@ export function About() {
/>
<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>
<div className="text-xs text-muted-foreground 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>
@@ -73,7 +63,7 @@ export function About() {
/>
<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>
<div className="text-xs text-muted-foreground 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>
@@ -94,7 +84,7 @@ export function About() {
/>
<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>
<div className="text-xs text-muted-foreground font-sans font-medium">Senior Team Lead</div>
<p className="text-xs text-muted-foreground font-serif mt-1.5 leading-relaxed">
Creator of <a href="https://github.com/kivy/kivy" target="_blank" rel="noopener noreferrer" className="text-foreground hover:text-primary transition-colors">Kivy</a> (19k+ stars). Full stack engineer, GSoC mentor.
</p>
@@ -104,13 +94,11 @@ export function About() {
</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 className="title-serif text-[22px] md:text-[28px] leading-[1.1] mb-4">
Need the rest of the system?
</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 className="text-serif font-normal text-[15px] md:text-[16px] leading-[1.55] text-muted-foreground max-w-2xl mb-8">
Greywall is one layer in a larger deployment model. For teams that need private model hosting, workflow design, and contained end-to-end systems, Greyhaven builds the surrounding infrastructure.
</p>
<a
href="https://greyhaven.co/contact"