Fix: Restore page content and styling

- Restore original content for the Clubs page.
- Revert to unique background images for each page.
- Enhance Hero text readability and attractiveness.
- Update CoinGecko widget with additional coins and dark mode.

Author: lovable-dev[bot]

src/components/Hero.tsx

@@ -43,7 +43,7 @@ const Hero = () => {
               <h1 style={{
               fontFamily: "'Nasalization', sans-serif !important",
               letterSpacing: '0.02em'
-            }} className="text-3xl sm:text-4xl lg:text-6xl mb-3 text-glow text-center font-nasalization leading-tight md:text-6xl">
+            }} className="text-3xl sm:text-4xl lg:text-6xl mb-3 sw-title-glow text-center font-nasalization leading-tight md:text-6xl">
                 <span className="text-alien-green">Δlieπ</span>
                 <span className="text-alien-gold">FlΦw</span>
                 <span className="text-alien-green"> $pac€</span>
@@ -54,7 +54,7 @@ const Hero = () => {
 
           <div className="star-wars-crawl mb-4">
             <div className="star-wars-content py-2">
-              <motion.div className="text-[clamp(1rem,1.8vw,1.25rem)] md:text-[clamp(1.1rem,1.6vw,1.35rem)] text-foreground readable-glow max-w-4xl mx-auto font-[Exo] text-center leading-relaxed" style={{
+              <motion.div className="readable-panel text-[clamp(1rem,1.8vw,1.25rem)] md:text-[clamp(1.1rem,1.6vw,1.35rem)] text-foreground readable-glow max-w-4xl mx-auto font-[Exo] text-center leading-relaxed" style={{
               letterSpacing: '0.01em'
             }} initial={{
               opacity: 0

src/components/Layout.tsx

@@ -12,12 +12,23 @@ const Layout: React.FC = () => {
     window.scrollTo(0, 0);
   }, [location.pathname]);
 
+  const bgMap: Record<string, string> = {
+    '/': "/lovable-uploads/EMWBack.png",
+    '/academy': "/lovable-uploads/AP1.avif",
+    '/alien-trip': "/lovable-uploads/ET.png",
+    '/conetworking': "/lovable-uploads/VC.png",
+    '/clubs': "/lovable-uploads/AW.png",
+    '/contact': "/lovable-uploads/EMWBack.png",
+    '/about': "/lovable-uploads/EMWBack.png",
+  };
+  const bgImage = bgMap[location.pathname] || "/lovable-uploads/EMWBack.png";
+
   return (
     <div className="flex flex-col min-h-screen relative">
       {/* Star background effect - also behind content */}
       <div 
         className="fixed inset-0 -z-30 pointer-events-none bg-cover bg-center bg-no-repeat"
-        style={{ backgroundImage: "url('/lovable-uploads/EMWBack.png')" }}
+        style={{ backgroundImage: `url('${bgImage}')` }}
       />
       <div className="fixed inset-0 pointer-events-none" style={{ zIndex: -20 }}>
         <StarBackground />

src/components/PriceTicker.tsx

@@ -32,7 +32,7 @@ const PriceTicker: React.FC = () => {
         locale="es"
         dark-mode="true"
         outlined="true"
-        coin-ids="bitcoin,tether-gold,ethereum,binancecoin,bitcoin-cash,bittensor,solana,litecoin,hyperliquid,chainlink,injective-protocol,uniswap,aptos,cosmos,bitget-token,polkadot,sui,the-open-network,near,nexo,cardano,tron,crypto-com-chain"
+        coin-ids="bitcoin,tether-gold,ethereum,binancecoin,bitcoin-cash,bittensor,solana,litecoin,hyperliquid,chainlink,injective-protocol,uniswap,aptos,cosmos,bitget-token,polkadot,sui,the-open-network,near,nexo,cardano,tron,crypto-com-chain,axie-infinity,polygon-ecosystem-token,ronin,osmosis"
         initial-currency="usd"
       />
     </div>

src/index.css

@@ -119,6 +119,23 @@
   filter: drop-shadow(0 0 10px rgba(240, 216, 130, 0.6)) drop-shadow(0 0 20px rgba(240, 216, 130, 0.3));
 }
 
+/* Star Wars title improved glow */
+.sw-title-glow {
+  text-shadow:
+    0 0 10px hsl(var(--sidebar-primary) / 0.9),
+    0 0 24px hsl(var(--sidebar-accent) / 0.5),
+    0 2px 28px hsl(var(--background) / 0.95);
+}
+
+/* Readability panel for paragraphs over images */
+.readable-panel {
+  background: linear-gradient(180deg, hsl(var(--background) / 0.45), hsl(var(--background) / 0.25));
+  backdrop-filter: blur(6px);
+  border: 1px solid hsl(var(--border));
+  border-radius: 0.75rem;
+  padding: 0.75rem 1rem;
+}
+
 /* Improved card-border with better effects */
 .card-border {
   position: relative;

src/pages/Clubs.tsx

@@ -2,6 +2,29 @@ import React from 'react';
 
 // Revert to a simple, original-style layout while we clarify the redesign
 const Clubs: React.FC = () => {
+  const clubs = [
+    { name: 'Aragon DAO', logo: '/lovable-uploads/AragonDAOLogo.svg' },
+    { name: 'Virgo', logo: '/lovable-uploads/VirgoLogo.svg' },
+    { name: 'Unity Learn', logo: '/lovable-uploads/UnityLearnLogo.svg' },
+    { name: 'Udacity', logo: '/lovable-uploads/UdacityLogo.svg' },
+    { name: 'OpenUpEd', logo: '/lovable-uploads/OpenUpEdLogo.jpeg' },
+    { name: 'OE Global', logo: '/lovable-uploads/OEGlobalLogo.jpeg' },
+    { name: 'UNSSC', logo: '/lovable-uploads/UNSSCLogo.png' },
+    { name: 'Skillshare', logo: '/lovable-uploads/SkillShareLogo.jpeg' },
+    { name: 'DappRadar', logo: '/lovable-uploads/DappRadarLogo.jpeg' },
+    { name: 'CoinMarketCap', logo: '/lovable-uploads/CoinMarketCapLogo.jpeg' },
+    { name: 'CoinGecko', logo: '/lovable-uploads/CoinGeckoLogo.svg' },
+    { name: 'CoinGlass', logo: '/lovable-uploads/CoinGlassLogo.jpeg' },
+    { name: 'Behance', logo: '/lovable-uploads/BehanceLogo.jpeg' },
+    { name: 'Upwork', logo: '/lovable-uploads/UpWorkLogo.png' },
+    { name: 'WeWork', logo: '/lovable-uploads/WeWorkLogo.png' },
+    { name: 'AulaFacil', logo: '/lovable-uploads/AulaFacilLogo.png' },
+    { name: 'Grow with Google', logo: '/lovable-uploads/GrowGoogleLogo.png' },
+    { name: 'Hotmart', logo: '/lovable-uploads/HotmartLogo.png' },
+    { name: 'MasterClass', logo: '/lovable-uploads/MasterClasssLogo.jpeg' },
+    { name: 'edX', logo: '/lovable-uploads/edXLogo.png' },
+    { name: 'MOOC', logo: '/lovable-uploads/MoocLogo.png' },
+  ];
   return (
     <div className="min-h-screen relative">
 
@@ -14,15 +37,19 @@ const Clubs: React.FC = () => {
           />
           <h1 className="text-4xl md:text-5xl font-bold text-alien-gold font-nasalization mb-4">Clubs</h1>
           <p className="text-gray-300 font-[Exo] max-w-2xl mx-auto">
-            Explore official community clubs and partners. We are restoring the previous version as requested while we align on the new UX/UI.
+            Descubre clubs y partners oficiales de la comunidad AlienFlowSpace.
           </p>
 
-          <div className="mt-12 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">
-            {[1,2,3,4,5,6].map(i => (
-              <div key={i} className="bg-alien-space-dark/70 border border-alien-gold/20 rounded-xl p-6 text-left">
-                <div className="h-10 w-10 rounded-lg bg-alien-gold/15 border border-alien-gold/30 mb-4" />
-                <h3 className="text-alien-gold font-semibold mb-2">Club {i}</h3>
-                <p className="text-sm text-gray-300">Restored card placeholder. We will plug back the original content you had.</p>
+          <div className="mt-12 grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-5 gap-6">
+            {clubs.map((club) => (
+              <div key={club.name} className="card-border rounded-xl p-4 flex flex-col items-center justify-center bg-transparent">
+                <img
+                  src={club.logo}
+                  alt={`${club.name} club partner logo`}
+                  className="h-12 w-auto object-contain mb-3"
+                  loading="lazy"
+                />
+                <h3 className="text-sm text-alien-gold font-semibold text-center">{club.name}</h3>
               </div>
             ))}
           </div>