import { Link } from "react-router-dom";
import { ArrowRight, Shield, Zap, Search } from "lucide-react";
import { Button } from "@/components/ui/button";
export function Home() {
return (
<div className="min-h-screen bg-slate-950 text-white flex flex-col items-center justify-center relative overflow-hidden">
{/* Background Gradients */}
<div className="absolute top-0 -left-4 w-72 h-72 bg-purple-500 rounded-full mix-blend-multiply filter blur-3xl opacity-20 animate-blob" />
<div className="absolute top-0 -right-4 w-72 h-72 bg-blue-500 rounded-full mix-blend-multiply filter blur-3xl opacity-20 animate-blob animation-delay-2000" />
<div className="absolute -bottom-8 left-20 w-72 h-72 bg-pink-500 rounded-full mix-blend-multiply filter blur-3xl opacity-20 animate-blob animation-delay-4000" />
<div className="max-w-5xl mx-auto px-4 z-10 text-center flex flex-col items-center">
<div className="inline-flex items-center rounded-full border border-slate-800 bg-slate-900/50 px-3 py-1 text-sm text-slate-300 backdrop-blur-3xl mb-8">
<span className="flex h-2 w-2 rounded-full bg-emerald-500 mr-2 animate-pulse"></span>
Privacy-Preserving Search SDK v1.0
</div>
<h1 className="text-5xl md:text-7xl font-extrabold tracking-tight mb-8 bg-gradient-to-r from-blue-400 via-purple-400 to-pink-400 text-transparent bg-clip-text drop-shadow-sm">
Securing Data with RO(SE)²
</h1>
<p className="text-lg md:text-xl text-slate-400 mb-12 max-w-2xl leading-relaxed">
The ultimate privacy-preserving search SDK. Add, search, and delete documents seamlessly using O(1) Search Complexity and strong forward-backward security.
</p>
<Link to="/add">
<Button size="lg" className="h-14 px-8 text-lg font-semibold rounded-full bg-white text-slate-950 hover:bg-zinc-200 hover:scale-105 transition-all shadow-[0_0_40px_-10px_rgba(255,255,255,0.3)]">
Launch Demo <ArrowRight className="ml-2 h-5 w-5" />
</Button>
</Link>
<div className="grid grid-cols-1 md:grid-cols-3 gap-8 mt-24 text-left w-full max-w-4xl">
<div className="p-6 rounded-2xl bg-slate-900/50 border border-slate-800 backdrop-blur-sm hover:border-slate-700 transition">
<div className="h-12 w-12 rounded-xl bg-blue-500/20 text-blue-400 flex items-center justify-center mb-4">
<Shield className="h-6 w-6" />
</div>
<h3 className="text-xl font-bold mb-2">Forward Security</h3>
<p className="text-slate-400">Newly added documents cannot be targeted by previous search tokens, sealing past queries.</p>
</div>
<div className="p-6 rounded-2xl bg-slate-900/50 border border-slate-800 backdrop-blur-sm hover:border-slate-700 transition">
<div className="h-12 w-12 rounded-xl bg-purple-500/20 text-purple-400 flex items-center justify-center mb-4">
<Zap className="h-6 w-6" />
</div>
<h3 className="text-xl font-bold mb-2">O(1) Search</h3>
<p className="text-slate-400">Lightning-fast queries with constant time complexity, uncompromised by index size.</p>
</div>
<div className="p-6 rounded-2xl bg-slate-900/50 border border-slate-800 backdrop-blur-sm hover:border-slate-700 transition">
<div className="h-12 w-12 rounded-xl bg-pink-500/20 text-pink-400 flex items-center justify-center mb-4">
<Search className="h-6 w-6" />
</div>
<h3 className="text-xl font-bold mb-2">Volume Hiding</h3>
<p className="text-slate-400">SWiSSSE protocol pads batch sizes to N_max to conceal metadata from untrusted servers.</p>
</div>
</div>
</div>
</div>
);
}