Files
greywall-landing-page/components/hero.tsx
Nik L b43e4c8ac4 feat: SaaS closed beta waitlist section
Gauges B2B interest in a commercial tier built on top of Greywall's
open-source core. The plugin SDK angle leans into what people have
actually been asking for: extending Greyproxy with custom heuristics,
Model Council, and token-saving MITM plugins. Web3forms handles signup.

Core stays free and open source; the new tier rides on top.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-09 15:23:51 -04:00

53 lines
3.1 KiB
TypeScript

export function Hero() {
return (
<section className="relative pt-24 sm:pt-32 pb-12 sm:pb-16 px-4 sm:px-6 overflow-hidden">
{/* Subtle background gradient */}
<div className="absolute inset-0 bg-[radial-gradient(ellipse_at_top,rgba(217,94,42,0.05)_0%,transparent_50%)]" />
{/* Grid pattern */}
<div
className="absolute inset-0 opacity-[0.03]"
style={{
backgroundImage:
'linear-gradient(rgba(249,249,247,1) 1px, transparent 1px), linear-gradient(90deg, rgba(249,249,247,1) 1px, transparent 1px)',
backgroundSize: '64px 64px',
}}
/>
<div className="relative mx-auto max-w-4xl text-center">
<h1 className="font-serif text-4xl sm:text-5xl md:text-6xl font-semibold tracking-tight leading-[1.1] mb-6">
<em className="italic text-primary">Greywall</em> your agent &amp; let it cook.
</h1>
<p className="text-lg text-muted-foreground leading-relaxed max-w-2xl mx-auto font-serif mb-6">
Container-free sandboxing with real-time observability & dynamic controls, for Linux & MacOS.
</p>
<div className="inline-flex items-center gap-2 flex-wrap justify-center">
<a href="https://github.com/GreyhavenHQ/greywall" target="_blank" rel="noopener noreferrer">
<img src="https://img.shields.io/github/stars/GreyhavenHQ/greywall?style=flat&color=D95E2A&labelColor=161614&logo=github&logoColor=white" alt="GitHub stars" className="h-5" />
</a>
<a href="https://github.com/GreyhavenHQ/greywall/blob/main/LICENSE" target="_blank" rel="noopener noreferrer">
<img src="https://img.shields.io/github/license/GreyhavenHQ/greywall?style=flat&color=D95E2A&labelColor=161614" alt="License" className="h-5" />
</a>
<a href="https://github.com/GreyhavenHQ/greywall/releases" target="_blank" rel="noopener noreferrer">
<img src="https://img.shields.io/github/v/release/GreyhavenHQ/greywall?style=flat&color=D95E2A&labelColor=161614" alt="Latest release" className="h-5" />
</a>
<a href="https://github.com/GreyhavenHQ/greywall" target="_blank" rel="noopener noreferrer">
<img src="https://img.shields.io/github/go-mod/go-version/GreyhavenHQ/greywall?style=flat&color=D95E2A&labelColor=161614" alt="Go version" className="h-5" />
</a>
<a href="https://www.producthunt.com/products/greywall?launch=greywall" target="_blank" rel="noopener noreferrer">
<img src="https://img.shields.io/badge/Product%20Hunt-Greywall-D95E2A?style=flat&logo=producthunt&logoColor=white&labelColor=161614" alt="Product Hunt" className="h-5" />
</a>
</div>
<div className="mt-8 flex justify-center">
<a
href="#waitlist"
className="inline-flex items-center gap-2 px-5 py-2.5 rounded-md bg-primary text-primary-foreground font-sans text-sm font-medium hover:bg-primary/90 transition-colors"
>
Join the SaaS beta
<span aria-hidden="true">&rarr;</span>
</a>
</div>
</div>
</section>
)
}