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:
parent
c980c04214
commit
8e581bfd30
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Reference in New Issue