11"use client"
22
3- import { Zap , Network , Trees } from "lucide-react"
3+ import { Zap , Network , Trees , Radio } from "lucide-react"
44
55export default function Hero ( ) {
66 return (
@@ -28,11 +28,8 @@ export default function Hero() {
2828 < h1 className = "text-4xl font-bold tracking-tighter sm:text-5xl md:text-6xl lg:text-7xl" >
2929 Chicago < span className = "text-primary" > Plasma Forest</ span >
3030 </ h1 >
31- < div className = "text-sm text-yellow-600 dark:text-yellow-400 font-semibold" >
32- AI-Generated Theoretical Framework for Net-Zero Energy Vision
33- </ div >
3431 < p className = "mx-auto max-w-[700px] text-lg text-muted-foreground md:text-xl" >
35- A revolutionary peer-to-peer network for wireless energy distribution across the entire Chicago metropolitan area - from downtown to Tinley Park, Joliet, Naperville, Schaumburg, and Evanston
32+ Community-owned wireless energy and communications infrastructure connecting Illinois — from Chicago to the Quad Cities, Rockford to Peoria, with Mendota at the center.
3633 </ p >
3734 </ div >
3835
@@ -46,46 +43,79 @@ export default function Hero() {
4643 </ p >
4744 </ div >
4845 < div className = "flex flex-col items-center space-y-2 p-6 rounded-lg bg-card/50 backdrop-blur border" >
49- < Network className = "h-8 w-8 text-primary" />
50- < h3 className = "text-xl font-semibold" > P2P Protocol </ h3 >
46+ < Radio className = "h-8 w-8 text-primary" />
47+ < h3 className = "text-xl font-semibold" > Statewide Backbone </ h3 >
5148 < p className = "text-sm text-muted-foreground text-center" >
52- Beyond TCP/IP - quantum-entangled mesh network for instant communication
49+ Point-to-point radio links connecting 5 metro areas across northern Illinois via tower network
5350 </ p >
5451 </ div >
5552 < div className = "flex flex-col items-center space-y-2 p-6 rounded-lg bg-card/50 backdrop-blur border" >
5653 < Trees className = "h-8 w-8 text-primary" />
5754 < h3 className = "text-xl font-semibold" > Community Owned</ h3 >
5855 < p className = "text-sm text-muted-foreground text-center" >
59- Decentralized infrastructure owned and operated by Chicago residents
56+ Decentralized infrastructure owned and operated by Illinois communities
6057 </ p >
6158 </ div >
6259 </ div >
6360
64- { /* Real Implementation Banner */ }
65- < div className = "mt-8 p-6 rounded-lg bg-green-600/20 border-2 border-green-500 max-w-3xl" >
66- < div className = "flex items-center justify-center gap-2 mb-3" >
67- < span className = "text-2xl" > 🌐</ span >
68- < h3 className = "text-xl font-bold text-green-400" > Real Implementation Available!</ h3 >
69- </ div >
70- < p className = "text-gray-300 mb-4 text-center" >
71- While the plasma energy network is theoretical, we have developed a < strong > real, deployable mesh network</ strong > using proven technologies (B.A.T.M.A.N., Yggdrasil, UniFi hardware).
61+ { /* Illinois Network Overview */ }
62+ < div className = "mt-8 p-6 rounded-lg bg-primary/5 border border-primary/20 max-w-4xl" >
63+ < h3 className = "text-xl font-bold mb-4" > The Illinois Network</ h3 >
64+ < p className = "text-muted-foreground mb-4 text-center" >
65+ A solar-powered tower network connecting northern Illinois metro areas through high-powered point-to-point radio links, starting with the Mendota Solar Tower as the central junction hub.
7266 </ p >
73- < div className = "flex justify-center" >
67+ < div className = "grid grid-cols-2 md:grid-cols-3 gap-3 mb-4" >
68+ < div className = "p-3 rounded bg-card/50 border text-center" >
69+ < div className = "text-sm font-semibold" > Chicago / Naperville</ div >
70+ < div className = "text-xs text-muted-foreground" > 113 km East</ div >
71+ </ div >
72+ < div className = "p-3 rounded bg-card/50 border text-center" >
73+ < div className = "text-sm font-semibold" > Quad Cities</ div >
74+ < div className = "text-xs text-muted-foreground" > 110 km West</ div >
75+ </ div >
76+ < div className = "p-3 rounded bg-card/50 border text-center" >
77+ < div className = "text-sm font-semibold" > Rockford</ div >
78+ < div className = "text-xs text-muted-foreground" > 80 km North</ div >
79+ </ div >
80+ < div className = "p-3 rounded bg-card/50 border text-center" >
81+ < div className = "text-sm font-semibold" > Peoria</ div >
82+ < div className = "text-xs text-muted-foreground" > 100 km Southwest</ div >
83+ </ div >
84+ < div className = "p-3 rounded bg-card/50 border text-center" >
85+ < div className = "text-sm font-semibold" > Bloomington</ div >
86+ < div className = "text-xs text-muted-foreground" > 118 km Southeast</ div >
87+ </ div >
88+ < div className = "p-3 rounded bg-amber-500/10 border border-amber-500/30 text-center" >
89+ < div className = "text-sm font-semibold text-amber-400" > Mendota Hub</ div >
90+ < div className = "text-xs text-muted-foreground" > Central Junction</ div >
91+ </ div >
92+ </ div >
93+ < div className = "flex justify-center gap-4 flex-wrap" >
94+ < a
95+ href = "/solar-tower"
96+ className = "px-6 py-3 rounded-lg bg-amber-600 hover:bg-amber-700 text-white font-semibold transition-colors inline-flex items-center gap-2"
97+ >
98+ < span > Mendota Solar Tower</ span >
99+ < span > →</ span >
100+ </ a >
74101 < a
75102 href = "/mesh"
76- className = "px-8 py-3 rounded-lg bg-green-600 hover:bg-green-700 text-white font-semibold transition-colors inline-flex items-center gap-2"
103+ className = "px-6 py-3 rounded-lg bg-green-600 hover:bg-green-700 text-white font-semibold transition-colors inline-flex items-center gap-2"
77104 >
78- < span > Build a Real Mesh Network</ span >
79- < span > → </ span >
105+ < span > Mesh Network Guide </ span >
106+ < span > → </ span >
80107 </ a >
81108 </ div >
82109 </ div >
83110
84111 { /* CTA Buttons */ }
85112 < div className = "flex flex-col sm:flex-row gap-4 mt-8" >
86- < button className = "px-8 py-3 rounded-lg bg-primary text-primary-foreground font-semibold hover:bg-primary/90 transition-colors" >
87- Explore Vision (Theoretical)
88- </ button >
113+ < a
114+ href = "/solar-tower"
115+ className = "px-8 py-3 rounded-lg bg-primary text-primary-foreground font-semibold hover:bg-primary/90 transition-colors text-center"
116+ >
117+ Explore the Network
118+ </ a >
89119 < a
90120 href = "/free-energy"
91121 className = "px-8 py-3 rounded-lg border border-primary text-primary font-semibold hover:bg-primary/10 transition-colors text-center"
@@ -94,24 +124,24 @@ export default function Hero() {
94124 </ a >
95125 </ div >
96126
97- { /* Live Stats */ }
127+ { /* Network Stats */ }
98128 < div className = "mt-12 p-6 rounded-lg bg-card/30 backdrop-blur border" >
99129 < div className = "grid grid-cols-2 md:grid-cols-4 gap-6" >
100130 < div className = "text-center" >
101- < div className = "text-2xl font-bold text-primary" > 0 </ div >
102- < div className = "text-sm text-muted-foreground" > Active Nodes </ div >
131+ < div className = "text-2xl font-bold text-primary" > 5 </ div >
132+ < div className = "text-sm text-muted-foreground" > Metro Areas </ div >
103133 </ div >
104134 < div className = "text-center" >
105- < div className = "text-2xl font-bold text-primary" > 0 kW </ div >
106- < div className = "text-sm text-muted-foreground" > Power Shared </ div >
135+ < div className = "text-2xl font-bold text-primary" > ~120 km </ div >
136+ < div className = "text-sm text-muted-foreground" > Network Radius </ div >
107137 </ div >
108138 < div className = "text-center" >
109- < div className = "text-2xl font-bold text-primary" > 0 GB </ div >
110- < div className = "text-sm text-muted-foreground" > Data Transferred </ div >
139+ < div className = "text-2xl font-bold text-primary" > 4.5M </ div >
140+ < div className = "text-sm text-muted-foreground" > Population Reach </ div >
111141 </ div >
112142 < div className = "text-center" >
113- < div className = "text-2xl font-bold text-primary" > 0 </ div >
114- < div className = "text-sm text-muted-foreground" > Communities </ div >
143+ < div className = "text-2xl font-bold text-primary" > 10+ </ div >
144+ < div className = "text-sm text-muted-foreground" > Tower Sites </ div >
115145 </ div >
116146 </ div >
117147 </ div >
@@ -126,4 +156,4 @@ export default function Hero() {
126156 </ div >
127157 </ section >
128158 )
129- }
159+ }
0 commit comments