From 8e581bfd308e6fd92b1e708b533b008492866535 Mon Sep 17 00:00:00 2001
From: v0 <v0[bot]@users.noreply.github.com>
Date: Fri, 7 Nov 2025 19:29:15 +0000
Subject: [PATCH] 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>
---
 components/hero.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/components/hero.tsx b/components/hero.tsx
index c48c69a..690232c 100644
--- a/components/hero.tsx
+++ b/components/hero.tsx
@@ -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>