feat: add rainbow gradient effect to hero headline

Create vibrant rainbow gradient for "Alternative" and
white text for "Internet" against black background.

#VERCEL_SKIP

Co-authored-by: Jeff Emmett <46964190+Jeff-Emmett@users.noreply.github.com>
This commit is contained in:
v0 2025-11-07 19:29:15 +00:00
parent c980c04214
commit 8e581bfd30
1 changed files with 5 additions and 3 deletions

View File

@ -18,13 +18,15 @@ export function Hero() {
{/* Main headline */}
<h1 className="text-6xl md:text-8xl font-bold tracking-tight text-balance leading-[0.95]">
<span className="block text-5xl md:text-7xl mb-2">We need an</span>
Alternative
<span className="bg-gradient-to-r from-red-500 via-yellow-500 via-green-500 via-blue-500 to-purple-500 bg-clip-text text-transparent">
Alternative
</span>
<br />
<span className="text-muted-foreground">Internet</span>
<span className="text-white">Internet</span>
</h1>
{/* Subheadline */}
<p className="text-xl md:text-2xl text-muted-foreground max-w-3xl mx-auto text-balance leading-relaxed">
<p className="text-xl md:text-2xl text-white/70 max-w-3xl mx-auto text-balance leading-relaxed">
A distributed, local-first, collaborative digital ecosystem free from corporate control. Access a new
internet through physical USB keys and local mesh networks.
</p>