@@ -142,13 +142,13 @@ const CoNetWorKing: React.FC = () => {
142142 const communityMembers = [
143143 {
144144 name : "Sophia Chen" ,
145- avatar : "https://images.unsplash.com/photo-1649972904349-6e44c42644a7 ?q=80&w=150&h=150&auto=format&fit=crop" ,
145+ avatar : "https://images.unsplash.com/photo-1524504388940-b1c1722653e1 ?q=80&w=150&h=150&auto=format&fit=crop" ,
146146 role : "DeFi Strategist" ,
147147 location : "Singapore"
148148 } ,
149149 {
150150 name : "Aria Nakamura" ,
151- avatar : "https://images.unsplash.com/photo-1581091226825-a6a2a5aee158 ?q=80&w=150&h=150&auto=format&fit=crop" ,
151+ avatar : "https://images.unsplash.com/photo-1529626455594-4ff0802cfb7e ?q=80&w=150&h=150&auto=format&fit=crop" ,
152152 role : "Blockchain Developer" ,
153153 location : "Tokyo"
154154 } ,
@@ -166,23 +166,23 @@ const CoNetWorKing: React.FC = () => {
166166 } ,
167167 {
168168 name : "Isabella Kim" ,
169- avatar : "https://images.unsplash.com/photo-1607746882042-944635dfe10e ?q=80&w=150&h=150&auto=format&fit=crop" ,
169+ avatar : "https://images.unsplash.com/photo-1488716820095-cbe80883c496 ?q=80&w=150&h=150&auto=format&fit=crop" ,
170170 role : "GameFi Designer" ,
171171 location : "Seoul"
172172 } ,
173173 {
174- name : "Amara Okafor " ,
175- avatar : "https://images.unsplash.com/photo-1531746020798-e6953c6e8e04 ?q=80&w=150&h=150&auto=format&fit=crop" ,
174+ name : "Amara Singh " ,
175+ avatar : "https://images.unsplash.com/photo-1506863530036-1efeddceb993 ?q=80&w=150&h=150&auto=format&fit=crop" ,
176176 role : "ReFi Advocate" ,
177- location : "Lagos "
177+ location : "Mumbai "
178178 }
179179 ] ;
180180
181181 const networkStats = [
182- { label : "Active Users " , value : "2,847,392 " , change : "+12.5%" } ,
183- { label : "Total Volume" , value : "$1.2B " , change : "+8.3%" } ,
184- { label : "Countries " , value : "127 " , change : "+3" } ,
185- { label : "Transactions/sec " , value : "15,847 " , change : "+24.7%" }
182+ { label : "Active Nodes " , value : "47,293 " , change : "+2.8%" , icon : Network } ,
183+ { label : "BTC Volume" , value : "$3.7B " , change : "+15.2%" , icon : Coins } ,
184+ { label : "Global Reach " , value : "189 " , change : "+7 countries" , icon : Globe } ,
185+ { label : "TPS Network " , value : "28,459 " , change : "+31.4%" , icon : Zap }
186186 ] ;
187187
188188 return (
@@ -259,7 +259,7 @@ const CoNetWorKing: React.FC = () => {
259259 </ div >
260260 </ div >
261261
262- { /* Community Members Section */ }
262+ { /* Global Community Section */ }
263263 < div className = "mb-20" >
264264 < h2 className = "text-3xl font-bold text-alien-gold mb-12 text-center font-[Atomic Age]" >
265265 Global Community
@@ -295,22 +295,25 @@ const CoNetWorKing: React.FC = () => {
295295 Live Network Stats
296296 </ h2 >
297297 < div className = "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6" >
298- { networkStats . map ( ( stat , index ) => (
299- < Card key = { index } className = "bg-alien-space-dark/70 backdrop-blur-md border border-alien-gold/30 hover:border-alien-gold/60 transition-all duration-300" >
300- < CardContent className = "p-6 text-center" >
301- < Globe className = "h-8 w-8 text-alien-green mx-auto mb-4 animate-pulse" />
302- < div className = "text-2xl font-bold text-alien-gold font-[Atomic Age] mb-2" >
303- { stat . value }
304- </ div >
305- < div className = "text-gray-300 font-[Exo] text-sm mb-2" >
306- { stat . label }
307- </ div >
308- < div className = "text-alien-green font-[Exo] text-xs" >
309- { stat . change }
310- </ div >
311- </ CardContent >
312- </ Card >
313- ) ) }
298+ { networkStats . map ( ( stat , index ) => {
299+ const IconComponent = stat . icon ;
300+ return (
301+ < Card key = { index } className = "bg-alien-space-dark/70 backdrop-blur-md border border-alien-gold/30 hover:border-alien-gold/60 transition-all duration-300 hover:scale-105" >
302+ < CardContent className = "p-6 text-center" >
303+ < IconComponent className = "h-8 w-8 text-alien-green mx-auto mb-4 animate-pulse" />
304+ < div className = "text-2xl font-bold text-alien-gold font-[Atomic Age] mb-2" >
305+ { stat . value }
306+ </ div >
307+ < div className = "text-gray-300 font-[Exo] text-sm mb-2" >
308+ { stat . label }
309+ </ div >
310+ < div className = "text-alien-green font-[Exo] text-xs" >
311+ { stat . change }
312+ </ div >
313+ </ CardContent >
314+ </ Card >
315+ ) ;
316+ } ) }
314317 </ div >
315318 </ div >
316319
0 commit comments