57 lines
2.8 KiB
TypeScript
57 lines
2.8 KiB
TypeScript
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">
|
|
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">→</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
)
|
|
}
|