Fix page backgrounds and ticker visibility

The AI has addressed the issue of white backgrounds appearing on pages by ensuring that individual page background images are visible and not obscured by white or black overlays. Additionally, the CoinGecko widget has been updated to a clear mode without a transparent background, as per the user's request, to improve its appearance.

Author: lovable-dev[bot]

src/components/Header/index.tsx

@@ -61,7 +61,7 @@ const Header = () => {
         )}
       </AnimatePresence>
 
-      <div className="w-full border-t border-alien-gold/20 border-b border-alien-gold/20 bg-foreground/10">
+      <div className="w-full border-t border-alien-gold/20 border-b border-alien-gold/20 bg-white">
         <PriceTicker />
       </div>
     </header>

src/components/Layout.tsx

@@ -15,6 +15,10 @@ const Layout: React.FC = () => {
   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')" }}
+      />
       <div className="fixed inset-0 pointer-events-none" style={{ zIndex: -20 }}>
         <StarBackground />
       </div>

src/components/PriceTicker.tsx

@@ -30,7 +30,6 @@ const PriceTicker: React.FC = () => {
     <div className="w-full overflow-visible min-h-[48px]">
       <gecko-coin-price-marquee-widget
         locale="es"
-        transparent-background="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"
         initial-currency="usd"

src/pages/Clubs.tsx

@@ -3,7 +3,7 @@ import React from 'react';
 // Revert to a simple, original-style layout while we clarify the redesign
 const Clubs: React.FC = () => {
   return (
-    <div className="min-h-screen bg-alien-space relative">
+    <div className="min-h-screen relative">
 
       <main className="container mx-auto px-4 pt-28 pb-20 relative z-10">
         <div className="max-w-5xl mx-auto text-center">

src/pages/CoNetWorKing.tsx

@@ -249,7 +249,7 @@ const CoNetWorKing: React.FC = () => {
   ];
 
   return (
-    <div className="min-h-screen bg-alien-space relative overflow-hidden">
+    <div className="min-h-screen relative overflow-hidden">
       {/* Background Network Image */}
 
       <main className="container mx-auto px-4 pt-32 pb-16 relative z-20">