Skip to content

Commit bd2813d

Browse files
Refactor CoNetWorKing page
Update community member images, remove specific names, and re-add live network stats.
1 parent 974edfc commit bd2813d

File tree

1 file changed

+30
-27
lines changed

1 file changed

+30
-27
lines changed

src/pages/CoNetWorKing.tsx

Lines changed: 30 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -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

Comments
 (0)