Skip to content

Commit 90b535a

Browse files
lovable-dev[bot]lovable-dev[bot]
committed
Refactor: Improve page styling and content
1 parent 3b11415 commit 90b535a

File tree

4 files changed

+44
-43
lines changed

4 files changed

+44
-43
lines changed

‎src/components/ExploreSpacesSection.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,7 @@ const ExploreSpacesSection = () => {
3434
viewport={{ once: true }}
3535
className="text-center mb-16"
3636
>
37-
<h2 className="text-4xl font-bold mb-4 text-alien-gold text-glow font-nasalization">Explore Spaces</h2>
37+
<h2 className="text-4xl font-bold mb-4 text-alien-green drop-shadow-[0_0_30px_rgba(3,255,25,0.6)] font-nasalization">Explore Spaces</h2>
3838
<p className="text-xl text-gray-300 max-w-3xl mx-auto">
3939
Discover specialized environments designed to enhance your journey through the cosmos
4040
</p>

‎src/components/FinancialFreedomSection.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -237,7 +237,7 @@ const FinancialFreedomSection = () => {
237237
<Zap className="h-12 w-12 text-alien-gold animate-pulse" />
238238
</div>
239239
</div>
240-
<CardTitle className="text-3xl md:text-4xl font-bold text-alien-gold font-nasalization group-hover:text-alien-gold-light transition-colors mb-6 text-glow">
240+
<CardTitle className="text-3xl md:text-4xl font-bold text-alien-green font-nasalization group-hover:text-alien-green-light transition-colors mb-6 drop-shadow-[0_0_30px_rgba(3,255,25,0.6)]">
241241
Instant Digital Access
242242
</CardTitle>
243243
<CardDescription className="text-gray-200 text-xl leading-relaxed font-[Exo] max-w-5xl mx-auto">

‎src/pages/CoNetWorKing.tsx‎

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

140140
const partners = [
141-
// CashFlow Partners
141+
// Data & Analytics
142+
{ name: "Aragon DAO", url: "https://www.aragon.org/", logo: "/lovable-uploads/AragonDAOLogo.svg", description: "DAO governance platform" },
143+
{ name: "Arena.gg", url: "https://www.arenagg.com/", logo: "/lovable-uploads/ArenaLogo.svg", description: "eSports tournaments" },
144+
{ name: "Axie Infinity", url: "https://app.axieinfinity.com/", logo: "/lovable-uploads/AxieLogo.svg", description: "Play-to-earn game" },
145+
146+
// CashFlow Partners
147+
{ name: "Battlefy", url: "https://battlefy.com/", logo: "/lovable-uploads/BattlefyLogo.svg", description: "Tournament platform" },
142148
{ name: "Binance", url: "https://binance.com/", logo: "/lovable-uploads/BinanceLogo.svg", description: "Leading crypto exchange" },
143149
{ name: "BingX", url: "https://bingx.com/referral-program/QCXRKM", logo: "/lovable-uploads/BingXLogo.svg", description: "Crypto trading platform" },
144150
{ name: "Bitget", url: "https://www.bitgetapp.com/referral/register?clacCode=42E67C3N", logo: "/lovable-uploads/BitgetLogo.svg", description: "Crypto derivatives exchange" },
151+
{ name: "Blitz.gg", url: "https://blitz.gg/", logo: "/lovable-uploads/BlitzLogo.svg", description: "Gaming performance" },
145152
{ name: "Bybit", url: "https://www.bybit.com/invite?ref=Q15Q4M", logo: "/lovable-uploads/BybitLogo.svg", description: "Crypto trading platform" },
153+
154+
// Education & Climate
155+
{ name: "Climate Reanalyzer", url: "https://climatereanalyzer.org/", logo: "/lovable-uploads/ClimateReanalyzerLogo.svg", description: "Climate data" },
146156
{ name: "Coinbase", url: "https://www.coinbase.com/join/EC2PSZT?src", logo: "/lovable-uploads/CoinbaseLogo.svg", description: "Trusted crypto exchange" },
157+
{ name: "CoinGecko", url: "https://www.coingecko.com/", logo: "/lovable-uploads/CoinGeckoLogo.svg", description: "Crypto data platform" },
158+
{ name: "CoinGlass", url: "https://www.coinglass.com/", logo: "/lovable-uploads/CoinGlassLogo.jpeg", description: "Crypto derivatives data" },
159+
{ name: "CoinMarketCap", url: "https://coinmarketcap.com/", logo: "/lovable-uploads/CoinMarketCapLogo.jpeg", description: "Crypto market data" },
160+
{ name: "Community Gaming", url: "https://www.communitygaming.io/", logo: "/lovable-uploads/CommunityGamingLogo.svg", description: "Gaming tournaments" },
147161
{ 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" },
151162

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" },
163+
// GameFi & Metaverse
164+
{ name: "DappRadar", url: "https://dappradar.com/", logo: "/lovable-uploads/DappRadarLogo.jpeg", description: "DApp analytics" },
155165
{ name: "Decentraland", url: "https://decentraland.org/", logo: "/lovable-uploads/DecentralandLogo.svg", description: "Virtual world platform" },
166+
{ name: "ESL Gaming", url: "https://esl.com/", logo: "/lovable-uploads/ESLLogo.svg", description: "eSports organization" },
156167
{ name: "GAMEE", url: "https://www.gamee.com/", logo: "/lovable-uploads/GAMEELogo.svg", description: "Blockchain gaming" },
157168
{ name: "GameFi.org", url: "https://gamefi.org/", logo: "/lovable-uploads/GameFiLogo.svg", description: "GameFi aggregator" },
169+
170+
// Infrastructure & Finance
158171
{ name: "Illuvium", url: "https://www.illuvium.io/", logo: "/lovable-uploads/IlluviumLogo.svg", description: "AAA blockchain game" },
172+
{ name: "LVP Global", url: "https://lvp.global/", logo: "/lovable-uploads/LVPLogo.svg", description: "eSports leagues" },
159173
{ name: "MOBOX", url: "https://www.mobox.io/", logo: "/lovable-uploads/MOBOXLogo.svg", description: "Gaming metaverse" },
174+
{ name: "Nexo", url: "https://nexo.com/ref/x6ts3r0kb2?src", logo: "/lovable-uploads/NexoLogo.svg", description: "Crypto banking platform" },
175+
{ name: "Pi Network", url: "https://minepi.com/Aitor69Alien", logo: "/lovable-uploads/PiNetworkLogo.svg", description: "Mobile crypto mining" },
176+
{ name: "Pionex", url: "https://www.pionex.com/es/signUp?r=0TTkucC3Gy7", logo: "/lovable-uploads/PionexLogo.svg", description: "Crypto trading bot platform" },
177+
178+
// Gaming & Development
160179
{ name: "The Sandbox", url: "https://www.sandbox.game/", logo: "/lovable-uploads/SandboxLogo.svg", description: "Metaverse platform" },
161180
{ 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
180181
{ 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" }
182+
{ name: "Wombat", url: "https://go.getwombat.io/eN3a", logo: "/lovable-uploads/WombatLogo.svg", description: "Gaming wallet" },
183+
{ name: "ZEBEDEE", url: "https://zbd.link/hcHi/invite?af_sub1=S2S7IY", logo: "/lovable-uploads/ZEBEDEELogo.svg", description: "Bitcoin gaming platform" }
182184
];
183185

184186
const officialPartners = [
@@ -296,15 +298,14 @@ const CoNetWorKing: React.FC = () => {
296298

297299
const networkStats = [
298300
{ label: "Active Nodes", value: "47,293", change: "+2.8%", icon: Network },
299-
{ label: "BTC Volume", value: "$3.7B", change: "+15.2%", icon: Coins },
300301
{ label: "Global Reach", value: "189", change: "+7 countries", icon: Globe },
301302
{ label: "TPS Network", value: "28,459", change: "+31.4%", icon: Zap }
302303
];
303304

304305
return (
305-
<div className="min-h-screen relative overflow-hidden bg-alien-space-dark/50">
306+
<div className="min-h-screen relative overflow-hidden bg-alien-space-dark/30">
306307
{/* 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>
308+
<div className="absolute inset-0 bg-gradient-to-b from-alien-space-dark/40 to-alien-space-dark/20 z-0"></div>
308309

309310
<main className="container mx-auto px-4 pt-32 pb-16 relative z-20">
310311
<div className="max-w-7xl mx-auto">
@@ -317,30 +318,30 @@ const CoNetWorKing: React.FC = () => {
317318
className="h-16 w-16 object-contain"
318319
/>
319320
</div>
320-
<h1 className="text-5xl md:text-7xl font-bold text-alien-gold mb-8 font-[Atomic Age, Star Wars] text-glow drop-shadow-[0_0_30px_rgba(255,215,0,0.5)]">
321+
<h1 className="text-5xl md:text-7xl font-bold text-alien-green mb-8 font-[Atomic Age, Star Wars] drop-shadow-[0_0_30px_rgba(3,255,25,0.6)]">
321322
CoNetWorKing
322323
</h1>
323-
<p className="text-2xl text-white max-w-4xl mx-auto font-[Exo] leading-relaxed drop-shadow-[0_2px_10px_rgba(0,0,0,0.8)]">
324+
<p className="text-2xl text-alien-gold max-w-4xl mx-auto font-[Exo] leading-relaxed drop-shadow-[0_0_20px_rgba(255,215,0,0.4)]">
324325
Connect with the future of decentralized finance through our comprehensive suite of blockchain services
325326
</p>
326327
</div>
327328

328329
{/* Combined Bitcoin & Market Data Card - Luxury Design */}
329330
<div className="mb-20">
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+
<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-7xl 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">
331332
<CardContent className="p-10">
332-
<div className="grid grid-cols-1 lg:grid-cols-2 gap-10">
333-
{/* Bitcoin Real-Time Price */}
334-
<div className="space-y-4">
333+
<div className="grid grid-cols-1 lg:grid-cols-3 gap-8">
334+
{/* Bitcoin Real-Time Price - Takes 2 columns */}
335+
<div className="lg:col-span-2 space-y-4">
335336
<div className="flex items-center gap-4 mb-6 pb-4 border-b border-alien-gold/30">
336337
<div className="p-3 bg-gradient-to-br from-yellow-500 to-orange-500 rounded-xl shadow-lg">
337338
<Coins className="h-8 w-8 text-white" />
338339
</div>
339340
<CardTitle className="text-alien-gold font-[Atomic Age] text-2xl text-glow">
340-
Bitcoin Real-Time Price
341+
Bitcoin Real-Time Price & Market Cap
341342
</CardTitle>
342343
</div>
343-
<div className="bg-alien-space-light/20 p-4 rounded-xl border border-alien-gold/20">
344+
<div className="bg-alien-space-light/20 p-6 rounded-xl border border-alien-gold/20">
344345
<div className="coinmarketcap-currency-widget"
345346
data-currencyid="1"
346347
data-base="USD"
@@ -355,13 +356,13 @@ const CoNetWorKing: React.FC = () => {
355356
</div>
356357
</div>
357358

358-
{/* Market Sentiment */}
359+
{/* Market Sentiment - Takes 1 column */}
359360
<div className="space-y-4">
360361
<div className="flex items-center gap-4 mb-6 pb-4 border-b border-alien-gold/30">
361362
<div className="p-3 bg-gradient-to-br from-green-500 to-emerald-500 rounded-xl shadow-lg">
362363
<TrendingUp className="h-8 w-8 text-white" />
363364
</div>
364-
<CardTitle className="text-alien-gold font-[Atomic Age] text-2xl text-glow">
365+
<CardTitle className="text-alien-gold font-[Atomic Age] text-xl text-glow">
365366
Market Sentiment
366367
</CardTitle>
367368
</div>
@@ -380,7 +381,7 @@ const CoNetWorKing: React.FC = () => {
380381

381382
{/* Network Stats Grid */}
382383
<div className="mb-20">
383-
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
384+
<div className="grid grid-cols-1 md:grid-cols-3 gap-6">
384385
{networkStats.map((stat, index) => {
385386
const IconComponent = stat.icon;
386387
return (

‎src/pages/Index.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ const ParticipationSection = lazy(() => import('@/components/ParticipationSectio
1212

1313
const Index: React.FC = () => {
1414
return (
15-
<div className="relative z-10 min-h-screen">
15+
<div className="relative z-10 min-h-screen bg-alien-space-dark/10">
1616
{/* Hero con efecto Star Wars + estrellas */}
1717
<div className="relative">
1818
<div className="absolute inset-0 -z-10">

0 commit comments

Comments
 (0)