feat: messaging revamp

This commit is contained in:
Nik L
2026-03-09 14:53:09 -04:00
parent 281eb09111
commit 144770456d
5 changed files with 128 additions and 207 deletions

View File

@@ -1,19 +1,4 @@
'use client'
import { useState } from 'react'
import { Copy, Check } from 'lucide-react'
export function Hero() {
const [copied, setCopied] = useState(false)
const installCmd = 'curl -fsSL https://raw.githubusercontent.com/GreyhavenHQ/greywall/main/install.sh | sh'
function copyInstall() {
navigator.clipboard.writeText(installCmd)
setCopied(true)
setTimeout(() => setCopied(false), 2000)
}
return (
<section className="relative pt-24 sm:pt-32 pb-16 sm:pb-24 px-4 sm:px-6 overflow-hidden">
{/* Subtle background gradient */}
@@ -35,33 +20,6 @@ export function Hero() {
<span className="text-foreground">Know what they </span><em className="italic text-primary">touch</em><span className="text-foreground">.</span>
</h1>
<p className="text-lg text-muted-foreground leading-relaxed max-w-2xl mx-auto mb-10 font-serif">
OS-native, default-deny sandboxing with real-time visibility into every
file access and network call.
</p>
{/* Install command */}
<div className="mx-auto max-w-5xl">
<div className="code-block glow-orange px-4 sm:px-5 py-3.5 flex items-center justify-between gap-3">
<div className="overflow-x-auto min-w-0 flex-1 scrollbar-hide">
<code className="font-mono text-greyhaven-offwhite text-[13px] whitespace-nowrap">
<span className="text-muted-foreground">$ </span>
{installCmd}
</code>
</div>
<button
onClick={copyInstall}
className="shrink-0 p-1.5 rounded-md text-muted-foreground hover:text-foreground hover:bg-accent/30 transition-all"
title="Copy to clipboard"
>
{copied ? (
<Check className="h-4 w-4 text-primary" />
) : (
<Copy className="h-4 w-4" />
)}
</button>
</div>
</div>
</div>
</section>
)