Skip to content

Commit 3b11415

Browse files
lovable-dev[bot]lovable-dev[bot]
committed
Refine club and CoNetWorKing pages
1 parent 376a704 commit 3b11415

File tree

2 files changed

+89
-84
lines changed

2 files changed

+89
-84
lines changed

‎src/components/FeaturedClubCard.tsx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -124,8 +124,8 @@ const FeaturedClubCard = ({ club }: { club: FeaturedClubProps }) => {
124124
</div>
125125
</div>
126126

127-
{/* Sections - horizontal grid layout */}
128-
<div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
127+
{/* Sections - vertical stack with horizontal layout */}
128+
<div className="space-y-6">
129129
{club.sections.map((section, index) => (
130130
<div key={index} className="bg-alien-space-dark/60 border border-alien-gold/20 backdrop-blur-sm rounded-lg p-5 hover:border-alien-gold/40 transition-all duration-300">
131131
<div className="flex items-center text-alien-gold text-sm font-nasalization mb-3">
@@ -140,13 +140,13 @@ const FeaturedClubCard = ({ club }: { club: FeaturedClubProps }) => {
140140
<EcoProductCarousel />
141141
</div>
142142
) : (
143-
<div className="grid grid-cols-2 gap-2">
143+
<div className="flex flex-wrap gap-2">
144144
{section.platforms.sort((a, b) => a.name.localeCompare(b.name)).map((platform, pIndex) => (
145145
<Button
146146
key={pIndex}
147147
variant="ghost"
148148
size="sm"
149-
className={`${section.color} text-white hover:bg-white/20 text-xs h-auto py-2 justify-start font-[Exo] w-full`}
149+
className={`${section.color} text-white hover:bg-white/20 text-xs h-auto py-2 justify-start font-[Exo]`}
150150
onClick={() => platform.url && window.open(platform.url, '_blank')}
151151
disabled={!platform.url}
152152
>

‎src/pages/CoNetWorKing.tsx‎

Lines changed: 85 additions & 80 deletions
Original file line numberDiff line numberDiff line change
@@ -138,54 +138,47 @@ const CoNetWorKing: React.FC = () => {
138138
];
139139

140140
const partners = [
141-
{
142-
name: "Aragon DAO",
143-
logo: "/lovable-uploads/AragonDAOLogo.svg",
144-
description: "Decentralized governance platform",
145-
url: "https://www.aragon.org/"
146-
},
147-
{
148-
name: "Behance",
149-
logo: "/lovable-uploads/BehanceLogo.jpeg",
150-
description: "Creative portfolio platform",
151-
url: "https://www.behance.net/"
152-
},
153-
{
154-
name: "Climate Reanalyzer",
155-
logo: "/lovable-uploads/ClimateReanalyzerLogo.svg",
156-
description: "Climate data visualization",
157-
url: "https://climatereanalyzer.org/"
158-
},
159-
{
160-
name: "CoinGecko",
161-
logo: "/lovable-uploads/CoinGeckoLogo.svg",
162-
description: "Cryptocurrency data platform",
163-
url: "https://www.coingecko.com/"
164-
},
165-
{
166-
name: "CoinGlass",
167-
logo: "/lovable-uploads/CoinGlassLogo.jpeg",
168-
description: "Crypto derivatives data platform",
169-
url: "https://www.coinglass.com/"
170-
},
171-
{
172-
name: "CoinMarketCap",
173-
logo: "/lovable-uploads/CoinMarketCapLogo.jpeg",
174-
description: "Cryptocurrency market data",
175-
url: "https://coinmarketcap.com/"
176-
},
177-
{
178-
name: "DappRadar",
179-
logo: "/lovable-uploads/DappRadarLogo.jpeg",
180-
description: "DApp analytics and discovery platform",
181-
url: "https://dappradar.com/"
182-
},
183-
{
184-
name: "Unity Learn",
185-
logo: "/lovable-uploads/UnityLearnLogo.svg",
186-
description: "Game development education",
187-
url: "https://learn.unity.com/"
188-
}
141+
// CashFlow Partners
142+
{ name: "Binance", url: "https://binance.com/", logo: "/lovable-uploads/BinanceLogo.svg", description: "Leading crypto exchange" },
143+
{ name: "BingX", url: "https://bingx.com/referral-program/QCXRKM", logo: "/lovable-uploads/BingXLogo.svg", description: "Crypto trading platform" },
144+
{ name: "Bitget", url: "https://www.bitgetapp.com/referral/register?clacCode=42E67C3N", logo: "/lovable-uploads/BitgetLogo.svg", description: "Crypto derivatives exchange" },
145+
{ name: "Bybit", url: "https://www.bybit.com/invite?ref=Q15Q4M", logo: "/lovable-uploads/BybitLogo.svg", description: "Crypto trading platform" },
146+
{ name: "Coinbase", url: "https://www.coinbase.com/join/EC2PSZT?src", logo: "/lovable-uploads/CoinbaseLogo.svg", description: "Trusted crypto exchange" },
147+
{ name: "Crypto.com", url: "https://crypto.com/app/una5xskncn", logo: "/lovable-uploads/CryptoComLogo.svg", description: "Crypto platform with card" },
148+
{ name: "Nexo", url: "https://nexo.com/ref/x6ts3r0kb2?src", logo: "/lovable-uploads/NexoLogo.svg", description: "Crypto banking platform" },
149+
{ name: "Pionex", url: "https://www.pionex.com/es/signUp?r=0TTkucC3Gy7", logo: "/lovable-uploads/PionexLogo.svg", description: "Crypto trading bot platform" },
150+
{ name: "Pi Network", url: "https://minepi.com/Aitor69Alien", logo: "/lovable-uploads/PiNetworkLogo.svg", description: "Mobile crypto mining" },
151+
152+
// GameFi Partners
153+
{ name: "Axie Infinity", url: "https://app.axieinfinity.com/", logo: "/lovable-uploads/AxieLogo.svg", description: "Play-to-earn game" },
154+
{ name: "Community Gaming", url: "https://www.communitygaming.io/", logo: "/lovable-uploads/CommunityGamingLogo.svg", description: "Gaming tournaments" },
155+
{ name: "Decentraland", url: "https://decentraland.org/", logo: "/lovable-uploads/DecentralandLogo.svg", description: "Virtual world platform" },
156+
{ name: "GAMEE", url: "https://www.gamee.com/", logo: "/lovable-uploads/GAMEELogo.svg", description: "Blockchain gaming" },
157+
{ name: "GameFi.org", url: "https://gamefi.org/", logo: "/lovable-uploads/GameFiLogo.svg", description: "GameFi aggregator" },
158+
{ name: "Illuvium", url: "https://www.illuvium.io/", logo: "/lovable-uploads/IlluviumLogo.svg", description: "AAA blockchain game" },
159+
{ name: "MOBOX", url: "https://www.mobox.io/", logo: "/lovable-uploads/MOBOXLogo.svg", description: "Gaming metaverse" },
160+
{ name: "The Sandbox", url: "https://www.sandbox.game/", logo: "/lovable-uploads/SandboxLogo.svg", description: "Metaverse platform" },
161+
{ name: "Treasure", url: "https://treasure.lol/", logo: "/lovable-uploads/TreasureLogo.svg", description: "Decentralized game console" },
162+
{ name: "Wombat", url: "https://go.getwombat.io/eN3a", logo: "/lovable-uploads/WombatLogo.svg", description: "Gaming wallet" },
163+
{ name: "ZEBEDEE", url: "https://zbd.link/hcHi/invite?af_sub1=S2S7IY", logo: "/lovable-uploads/ZEBEDEELogo.svg", description: "Bitcoin gaming platform" },
164+
{ name: "Arena.gg", url: "https://www.arenagg.com/", logo: "/lovable-uploads/ArenaLogo.svg", description: "eSports tournaments" },
165+
{ name: "Battlefy", url: "https://battlefy.com/", logo: "/lovable-uploads/BattlefyLogo.svg", description: "Tournament platform" },
166+
{ name: "Blitz.gg", url: "https://blitz.gg/", logo: "/lovable-uploads/BlitzLogo.svg", description: "Gaming performance" },
167+
{ name: "ESL Gaming", url: "https://esl.com/", logo: "/lovable-uploads/ESLLogo.svg", description: "eSports organization" },
168+
{ name: "LVP Global", url: "https://lvp.global/", logo: "/lovable-uploads/LVPLogo.svg", description: "eSports leagues" },
169+
170+
// Data & Analytics Partners
171+
{ name: "CoinGecko", url: "https://www.coingecko.com/", logo: "/lovable-uploads/CoinGeckoLogo.svg", description: "Crypto data platform" },
172+
{ name: "CoinMarketCap", url: "https://coinmarketcap.com/", logo: "/lovable-uploads/CoinMarketCapLogo.jpeg", description: "Crypto market data" },
173+
{ name: "DappRadar", url: "https://dappradar.com/", logo: "/lovable-uploads/DappRadarLogo.jpeg", description: "DApp analytics" },
174+
{ name: "CoinGlass", url: "https://www.coinglass.com/", logo: "/lovable-uploads/CoinGlassLogo.jpeg", description: "Crypto derivatives data" },
175+
176+
// Governance & Infrastructure
177+
{ name: "Aragon DAO", url: "https://www.aragon.org/", logo: "/lovable-uploads/AragonDAOLogo.svg", description: "DAO governance platform" },
178+
179+
// Education & Resources
180+
{ name: "Unity Learn", url: "https://learn.unity.com/", logo: "/lovable-uploads/UnityLearnLogo.svg", description: "Game development" },
181+
{ name: "Climate Reanalyzer", url: "https://climatereanalyzer.org/", logo: "/lovable-uploads/ClimateReanalyzerLogo.svg", description: "Climate data" }
189182
];
190183

191184
const officialPartners = [
@@ -309,9 +302,9 @@ const CoNetWorKing: React.FC = () => {
309302
];
310303

311304
return (
312-
<div className="min-h-screen relative overflow-hidden bg-alien-space-dark/80">
313-
{/* Background with darkened overlay */}
314-
<div className="absolute inset-0 bg-gradient-to-b from-alien-space-dark/90 to-alien-space-dark/70 z-0"></div>
305+
<div className="min-h-screen relative overflow-hidden bg-alien-space-dark/50">
306+
{/* Background with subtle overlay */}
307+
<div className="absolute inset-0 bg-gradient-to-b from-alien-space-dark/60 to-alien-space-dark/40 z-0"></div>
315308

316309
<main className="container mx-auto px-4 pt-32 pb-16 relative z-20">
317310
<div className="max-w-7xl mx-auto">
@@ -332,41 +325,53 @@ const CoNetWorKing: React.FC = () => {
332325
</p>
333326
</div>
334327

335-
{/* Combined Bitcoin & Market Data Card */}
328+
{/* Combined Bitcoin & Market Data Card - Luxury Design */}
336329
<div className="mb-20">
337-
<Card className="bg-alien-space-dark/70 backdrop-blur-md border border-alien-gold/30 max-w-6xl mx-auto">
338-
<CardContent className="p-8">
339-
<div className="grid grid-cols-1 lg:grid-cols-2 gap-8">
330+
<Card className="bg-gradient-to-br from-alien-space-dark/90 via-alien-space-dark/80 to-alien-space-dark/70 backdrop-blur-xl border-2 border-alien-gold/40 max-w-6xl mx-auto shadow-[0_0_50px_rgba(255,215,0,0.2)] hover:shadow-[0_0_80px_rgba(255,215,0,0.3)] transition-all duration-500">
331+
<CardContent className="p-10">
332+
<div className="grid grid-cols-1 lg:grid-cols-2 gap-10">
340333
{/* Bitcoin Real-Time Price */}
341-
<div>
342-
<CardTitle className="text-alien-gold font-[Atomic Age] text-2xl flex items-center gap-3 mb-6">
343-
<Coins className="h-8 w-8" />
344-
Bitcoin Real-Time Price
345-
</CardTitle>
346-
<div className="coinmarketcap-currency-widget"
347-
data-currencyid="1"
348-
data-base="USD"
349-
data-secondary="BTC"
350-
data-ticker="true"
351-
data-rank="true"
352-
data-marketcap="true"
353-
data-volume="true"
354-
data-statsticker="true"
355-
data-stats="USD">
334+
<div className="space-y-4">
335+
<div className="flex items-center gap-4 mb-6 pb-4 border-b border-alien-gold/30">
336+
<div className="p-3 bg-gradient-to-br from-yellow-500 to-orange-500 rounded-xl shadow-lg">
337+
<Coins className="h-8 w-8 text-white" />
338+
</div>
339+
<CardTitle className="text-alien-gold font-[Atomic Age] text-2xl text-glow">
340+
Bitcoin Real-Time Price
341+
</CardTitle>
342+
</div>
343+
<div className="bg-alien-space-light/20 p-4 rounded-xl border border-alien-gold/20">
344+
<div className="coinmarketcap-currency-widget"
345+
data-currencyid="1"
346+
data-base="USD"
347+
data-secondary="BTC"
348+
data-ticker="true"
349+
data-rank="true"
350+
data-marketcap="true"
351+
data-volume="true"
352+
data-statsticker="true"
353+
data-stats="USD">
354+
</div>
356355
</div>
357356
</div>
358357

359358
{/* Market Sentiment */}
360-
<div>
361-
<CardTitle className="text-alien-gold font-[Atomic Age] text-2xl flex items-center gap-3 mb-6">
362-
<TrendingUp className="h-8 w-8" />
363-
Market Sentiment
364-
</CardTitle>
365-
<img
366-
src="https://alternative.me/crypto/fear-and-greed-index.png"
367-
alt="Latest Crypto Fear & Greed Index"
368-
className="w-full rounded-lg"
369-
/>
359+
<div className="space-y-4">
360+
<div className="flex items-center gap-4 mb-6 pb-4 border-b border-alien-gold/30">
361+
<div className="p-3 bg-gradient-to-br from-green-500 to-emerald-500 rounded-xl shadow-lg">
362+
<TrendingUp className="h-8 w-8 text-white" />
363+
</div>
364+
<CardTitle className="text-alien-gold font-[Atomic Age] text-2xl text-glow">
365+
Market Sentiment
366+
</CardTitle>
367+
</div>
368+
<div className="bg-alien-space-light/20 p-4 rounded-xl border border-alien-gold/20">
369+
<img
370+
src="https://alternative.me/crypto/fear-and-greed-index.png"
371+
alt="Latest Crypto Fear & Greed Index"
372+
className="w-full rounded-lg shadow-xl"
373+
/>
374+
</div>
370375
</div>
371376
</div>
372377
</CardContent>

0 commit comments

Comments
 (0)