feat: messaging revamp
This commit is contained in:
@@ -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>
|
||||
)
|
||||
|
||||
Reference in New Issue
Block a user