Skip to content

Commit 619405e

Browse files
lovable-dev[bot]lovable-dev[bot]
committed
Refactor CoNetWorKing page
Prioritize official partners, add market sentiment, and update community section.
1 parent ab98811 commit 619405e

1 file changed

Lines changed: 135 additions & 38 deletions

File tree

‎src/pages/CoNetWorKing.tsx‎

Lines changed: 135 additions & 38 deletions
Original file line numberDiff line numberDiff line change
@@ -133,11 +133,29 @@ const CoNetWorKing: React.FC = () => {
133133

134134
const partners = [
135135
{
136-
name: "Aragon",
136+
name: "Aragon DAO",
137137
logo: "https://aragon.org/images/brand/aragongov.svg",
138138
description: "Decentralized governance platform",
139139
url: "https://www.aragon.org/"
140140
},
141+
{
142+
name: "CoinGecko",
143+
logo: "https://static.coingecko.com/s/coingecko-logo-8903d34ce19ca4be1c81f0db30e924154750d208683fad7ae6f2ce06c76d0a56.png",
144+
description: "Cryptocurrency data platform",
145+
url: "https://www.coingecko.com/"
146+
},
147+
{
148+
name: "CoinGlass",
149+
logo: "https://www.coinglass.com/static/logo/logo-text-white.png",
150+
description: "Crypto derivatives data platform",
151+
url: "https://www.coinglass.com/"
152+
},
153+
{
154+
name: "CoinMarketCap",
155+
logo: "https://s2.coinmarketcap.com/static/cloud/img/coinmarketcap_white_1.svg",
156+
description: "Cryptocurrency market data",
157+
url: "https://coinmarketcap.com/"
158+
},
141159
{
142160
name: "DappRadar",
143161
logo: "https://dappradar.com/hubfs/DappRadar%20Logo%20White.svg",
@@ -156,7 +174,14 @@ const CoNetWorKing: React.FC = () => {
156174
}
157175
];
158176

159-
const communityMembers = [
177+
const officialPartners = [
178+
{
179+
name: "Behance",
180+
avatar: "https://a5.behance.net/2acd763cb06c5a944ece7c3ca7946ab3e0417e25/img/site/apple-touch-icon.png",
181+
role: "Creative Portfolio Platform",
182+
location: "Global",
183+
url: "https://www.behance.net/"
184+
},
160185
{
161186
name: "Fiverr",
162187
avatar: "https://npm-assets.s3.amazonaws.com/production/uploads/connect/uploads/logo/6d93e8e6-cf0c-4df0-8910-0bd9e7b7ecf5/fiverr.svg",
@@ -184,6 +209,21 @@ const CoNetWorKing: React.FC = () => {
184209
role: "Latin America Freelance",
185210
location: "LATAM",
186211
url: "https://workana.com/"
212+
}
213+
];
214+
215+
const communityMembers = [
216+
{
217+
name: "Alexandra Rodriguez",
218+
avatar: "https://images.unsplash.com/photo-1494790108755-2616b612b1ab?q=80&w=150&h=150&auto=format&fit=crop",
219+
role: "Crypto Analyst",
220+
location: "Barcelona"
221+
},
222+
{
223+
name: "Marcus Thompson",
224+
avatar: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?q=80&w=150&h=150&auto=format&fit=crop",
225+
role: "Blockchain Developer",
226+
location: "London"
187227
},
188228
{
189229
name: "Sophia Chen",
@@ -196,6 +236,18 @@ const CoNetWorKing: React.FC = () => {
196236
avatar: "https://images.unsplash.com/photo-1529626455594-4ff0802cfb7e?q=80&w=150&h=150&auto=format&fit=crop",
197237
role: "Blockchain Developer",
198238
location: "Tokyo"
239+
},
240+
{
241+
name: "Diego Martinez",
242+
avatar: "https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?q=80&w=150&h=150&auto=format&fit=crop",
243+
role: "Smart Contract Auditor",
244+
location: "Mexico City"
245+
},
246+
{
247+
name: "Emma Wilson",
248+
avatar: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?q=80&w=150&h=150&auto=format&fit=crop",
249+
role: "NFT Artist",
250+
location: "New York"
199251
}
200252
];
201253

@@ -257,7 +309,7 @@ const CoNetWorKing: React.FC = () => {
257309
</h2>
258310

259311
{/* Bitcoin Price Widget */}
260-
<div className="mb-12 max-w-4xl mx-auto">
312+
<div className="mb-8 max-w-4xl mx-auto">
261313
<Card className="bg-alien-space-dark/70 backdrop-blur-md border border-alien-gold/30">
262314
<CardHeader className="text-center pb-4">
263315
<CardTitle className="text-alien-gold font-[Atomic Age] text-2xl flex items-center justify-center gap-3">
@@ -281,6 +333,25 @@ const CoNetWorKing: React.FC = () => {
281333
</Card>
282334
</div>
283335

336+
{/* Crypto Fear & Greed Index */}
337+
<div className="mb-12 max-w-2xl mx-auto">
338+
<Card className="bg-alien-space-dark/70 backdrop-blur-md border border-alien-gold/30">
339+
<CardHeader className="text-center pb-4">
340+
<CardTitle className="text-alien-gold font-[Atomic Age] text-xl flex items-center justify-center gap-3">
341+
<TrendingUp className="h-6 w-6" />
342+
Market Sentiment
343+
</CardTitle>
344+
</CardHeader>
345+
<CardContent className="p-6 text-center">
346+
<img
347+
src="https://alternative.me/crypto/fear-and-greed-index.png"
348+
alt="Latest Crypto Fear & Greed Index"
349+
className="w-full max-w-md mx-auto rounded-lg"
350+
/>
351+
</CardContent>
352+
</Card>
353+
</div>
354+
284355
{/* Network Stats Grid */}
285356
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
286357
{networkStats.map((stat, index) => {
@@ -344,43 +415,69 @@ const CoNetWorKing: React.FC = () => {
344415
<h2 className="text-3xl font-bold text-alien-gold mb-12 text-center font-[Atomic Age]">
345416
Global Community
346417
</h2>
347-
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
348-
{communityMembers.map((member, index) => (
349-
<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">
350-
<CardHeader className="text-center">
351-
<Avatar className="mx-auto mb-4 w-20 h-20 border-2 border-alien-gold">
352-
{member.url ? (
353-
<a href={member.url} target="_blank" rel="noopener noreferrer">
354-
<AvatarImage src={member.avatar} alt={member.name} className="hover:scale-110 transition-transform duration-300" />
355-
<AvatarFallback>{member.name.split(' ').map(n => n[0]).join('')}</AvatarFallback>
418+
419+
{/* Official Partners */}
420+
<div className="mb-16">
421+
<h3 className="text-2xl font-bold text-alien-green mb-8 text-center font-[Atomic Age]">
422+
Official Partners
423+
</h3>
424+
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
425+
{officialPartners.map((partner, index) => (
426+
<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">
427+
<CardHeader className="text-center">
428+
<Avatar className="mx-auto mb-4 w-20 h-20 border-2 border-alien-gold">
429+
<a href={partner.url} target="_blank" rel="noopener noreferrer">
430+
<AvatarImage src={partner.avatar} alt={partner.name} className="hover:scale-110 transition-transform duration-300" />
431+
<AvatarFallback>{partner.name.split(' ').map(n => n[0]).join('')}</AvatarFallback>
356432
</a>
357-
) : (
358-
<>
359-
<AvatarImage src={member.avatar} alt={member.name} />
360-
<AvatarFallback>{member.name.split(' ').map(n => n[0]).join('')}</AvatarFallback>
361-
</>
362-
)}
363-
</Avatar>
364-
<CardTitle className="text-alien-gold font-[Atomic Age] text-lg">
365-
{member.url ? (
366-
<a href={member.url} target="_blank" rel="noopener noreferrer" className="hover:text-alien-gold-light">
367-
{member.name}
433+
</Avatar>
434+
<CardTitle className="text-alien-gold font-[Atomic Age] text-lg">
435+
<a href={partner.url} target="_blank" rel="noopener noreferrer" className="hover:text-alien-gold-light">
436+
{partner.name}
368437
</a>
369-
) : (
370-
member.name
371-
)}
372-
</CardTitle>
373-
<CardDescription className="text-alien-green font-[Exo]">
374-
{member.role}
375-
</CardDescription>
376-
</CardHeader>
377-
<CardContent className="text-center pt-0">
378-
<p className="text-gray-300 font-[Exo] text-sm">
379-
📍 {member.location}
380-
</p>
381-
</CardContent>
382-
</Card>
383-
))}
438+
</CardTitle>
439+
<CardDescription className="text-alien-green font-[Exo]">
440+
{partner.role}
441+
</CardDescription>
442+
</CardHeader>
443+
<CardContent className="text-center pt-0">
444+
<p className="text-gray-300 font-[Exo] text-sm">
445+
📍 {partner.location}
446+
</p>
447+
</CardContent>
448+
</Card>
449+
))}
450+
</div>
451+
</div>
452+
453+
{/* Community Members */}
454+
<div>
455+
<h3 className="text-2xl font-bold text-alien-green mb-8 text-center font-[Atomic Age]">
456+
Community Members
457+
</h3>
458+
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
459+
{communityMembers.map((member, index) => (
460+
<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">
461+
<CardHeader className="text-center">
462+
<Avatar className="mx-auto mb-4 w-20 h-20 border-2 border-alien-gold">
463+
<AvatarImage src={member.avatar} alt={member.name} />
464+
<AvatarFallback>{member.name.split(' ').map(n => n[0]).join('')}</AvatarFallback>
465+
</Avatar>
466+
<CardTitle className="text-alien-gold font-[Atomic Age] text-lg">
467+
{member.name}
468+
</CardTitle>
469+
<CardDescription className="text-alien-green font-[Exo]">
470+
{member.role}
471+
</CardDescription>
472+
</CardHeader>
473+
<CardContent className="text-center pt-0">
474+
<p className="text-gray-300 font-[Exo] text-sm">
475+
📍 {member.location}
476+
</p>
477+
</CardContent>
478+
</Card>
479+
))}
480+
</div>
384481
</div>
385482
</div>
386483

0 commit comments

Comments
 (0)