jeffemmett
/
alltornet-website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
components/hero.tsx
View File

@ -18,13 +18,15 @@ export function Hero() {
{/* Main headline */} {/* Main headline */}
<h1 className="text-6xl md:text-8xl font-bold tracking-tight text-balance leading-[0.95]"> <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> <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 /> <br />
<span className="text-muted-foreground">Internet</span> <span className="text-white">Internet</span>
</h1> </h1>
{/* Subheadline */} {/* 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 A distributed, local-first, collaborative digital ecosystem free from corporate control. Access a new
internet through physical USB keys and local mesh networks. internet through physical USB keys and local mesh networks.
</p> </p>