Fix white background and ticker visibility

The AI will address the persistent semi-transparent white background issue across all pages by ensuring transparency. It will also fix the visibility of the cryptocurrency ticker, ensuring prices are displayed correctly and are not obscured by darkness or other styling issues, by re-applying the provided CoinGecko widget configuration.

Author: lovable-dev[bot]

src/components/PriceTicker.tsx

@@ -27,7 +27,7 @@ const PriceTicker: React.FC = () => {
   }, []);
 
   return (
-    <div className="w-full overflow-hidden h-[40px]">
+    <div className="w-full overflow-visible min-h-[48px]">
       <gecko-coin-price-marquee-widget
         locale="es"
         transparent-background="true"

src/pages/About.tsx

@@ -8,23 +8,6 @@ import { GraduationCap, Users, Trophy, Shield, Zap, Globe, Leaf } from "lucide-r
 const About: React.FC = () => {
   return (
     <div className="relative flex flex-col flex-1 min-h-screen">
-      {/* New cosmic background with improved overlay */}
-      <div 
-        className="fixed inset-0 pointer-events-none" 
-        style={{
-          backgroundImage: `url('/lovable-uploads/808e8413-144f-4a4c-834a-cc55fceac706.png')`,
-          backgroundSize: 'cover',
-          backgroundPosition: 'center',
-          backgroundRepeat: 'no-repeat',
-          zIndex: -20
-        }} 
-      />
-      
-      {/* Improved overlay for better text readability */}
-      <div 
-        className="fixed inset-0 pointer-events-none bg-black/40 backdrop-blur-[1px]" 
-        style={{ zIndex: -15 }} 
-      />
 
       {/* Main content */}
       <main className="relative z-10 flex-grow container mx-auto px-4 pt-8 pb-16">

src/pages/Academy.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import StarBackground from '@/components/StarBackground';
+
 import { GraduationCap, BookOpen, Video, Users, Award, Sparkles, Leaf, Brain, Coins, ShoppingCart, Heart, Lightbulb, ExternalLink } from 'lucide-react';
 import { Button } from '@/components/ui/button';
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
@@ -360,17 +360,6 @@ const Academy: React.FC = () => {
   return (
     <div className="relative flex flex-col flex-1">
       {/* Academy Background Image */}
-      <div 
-        className="fixed inset-0 pointer-events-none"
-        style={{
-          backgroundImage: `url('/lovable-uploads/9e48e9b3-7a5a-4c0a-b89d-9cbbef58d7a7.png')`,
-          backgroundSize: 'cover',
-          backgroundPosition: 'center',
-          backgroundRepeat: 'no-repeat',
-          opacity: 0.15,
-          zIndex: -25
-        }}
-      />
 
       <main className="relative z-10 flex-grow container mx-auto px-4 pt-4 pb-16">
         <div className="max-w-6xl mx-auto">

src/pages/AlienTrip.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import StarBackground from '@/components/StarBackground';
+
 import { Rocket, Star, Clock, ScrollText, BookOpen, PieChart } from 'lucide-react';
 import { Button } from '@/components/ui/button';
 import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
@@ -73,22 +73,6 @@ const AlienTrip: React.FC = () => {
     color: "#E91E63"
   }];
   return <div className="relative flex flex col flex-1">
-      {/* Cosmic microwave background radiation */}
-      <div className="fixed inset-0 pointer-events-none" style={{
-      backgroundImage: `url('/lovable-uploads/74c23ca3-be80-46d6-9817-d6a5cde81736.png')`,
-      backgroundSize: 'cover',
-      backgroundPosition: 'center',
-      backgroundRepeat: 'no-repeat',
-      opacity: 0.7,
-      zIndex: -30
-    }} />
-      
-      {/* Star background effect */}
-      <div className="fixed inset-0 pointer-events-none" style={{
-      zIndex: -20
-    }}>
-        <StarBackground />
-      </div>
 
       <main className="relative z-10 flex-grow container mx-auto px-4 pt-24 pb-16">
         <div className="max-w-6xl mx-auto">

src/pages/Clubs.tsx

@@ -1,14 +1,9 @@
 import React from 'react';
-import StarBackground from '@/components/StarBackground';
-import Header from '@/components/Header';
-import Footer from '@/components/Footer';
 
 // 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">
-      <StarBackground />
-      <Header />
 
       <main className="container mx-auto px-4 pt-28 pb-20 relative z-10">
         <div className="max-w-5xl mx-auto text-center">
@@ -34,7 +29,6 @@ const Clubs: React.FC = () => {
         </div>
       </main>
 
-      <Footer />
     </div>
   );
 };

src/pages/CoNetWorKing.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect } from 'react';
-import StarBackground from '@/components/StarBackground';
+
 import { Network, TrendingUp, Shield, Coins, Sprout, Pickaxe, Layers, Dna, FlaskConical, Gamepad2, Database, Zap, Leaf, Building, Users, Landmark, Globe } from 'lucide-react';
 import { Button } from '@/components/ui/button';
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
@@ -251,21 +251,6 @@ const CoNetWorKing: React.FC = () => {
   return (
     <div className="min-h-screen bg-alien-space relative overflow-hidden">
       {/* Background Network Image */}
-      <div 
-        className="fixed inset-0 z-0"
-        style={{
-          backgroundImage: `url('/lovable-uploads/debf8db3-f2a1-4235-9e43-f6b8ba371818.png')`,
-          backgroundSize: 'cover',
-          backgroundPosition: 'center',
-          backgroundRepeat: 'no-repeat',
-          opacity: 0.4
-        }}
-      />
-      
-      {/* Overlay for better text readability */}
-      <div className="fixed inset-0 bg-black/60 z-10" />
-      
-      <StarBackground />
 
       <main className="container mx-auto px-4 pt-32 pb-16 relative z-20">
         <div className="max-w-7xl mx-auto">

src/pages/Contact.tsx

@@ -1,29 +1,12 @@
 
 import React from 'react';
-import StarBackground from '@/components/StarBackground';
+
 import { Button } from '@/components/ui/button';
 import { Send, Mail, MessageSquare, X, Facebook, Instagram, Disc, Github, Linkedin, BookOpen } from 'lucide-react';
 
 const Contact: React.FC = () => {
   return (
     <div className="relative flex flex-col flex-1">
-      {/* Galaxy background */}
-      <div 
-        className="fixed inset-0 pointer-events-none"
-        style={{
-          backgroundImage: `url('/lovable-uploads/78a366c8-b4ad-4ae7-8358-3aae322b228f.png')`,
-          backgroundSize: 'cover',
-          backgroundPosition: 'center',
-          backgroundRepeat: 'no-repeat',
-          opacity: 0.6,
-          zIndex: -30
-        }}
-      />
-      
-      {/* Star background effect */}
-      <div className="fixed inset-0 pointer-events-none" style={{ zIndex: -20 }}>
-        <StarBackground />
-      </div>
 
       <main className="relative z-10 flex-grow container mx-auto px-4 pt-4 pb-16">
         <div className="max-w-6xl mx-auto">

src/pages/Index.tsx

@@ -1,6 +1,6 @@
 
 import React from 'react';
-import StarBackground from '@/components/StarBackground';
+
 import Hero from '@/components/Hero';
 import ExploreSpacesSection from '@/components/ExploreSpacesSection';
 import EcosystemSection from '@/components/EcosystemSection';
@@ -10,35 +10,14 @@ import ParticipationSection from '@/components/ParticipationSection';
 
 const Index: React.FC = () => {
   return (
-    <div className="relative">
-      {/* Fixed background image - positioned behind everything */}
-      <div 
-        className="fixed inset-0 pointer-events-none"
-        style={{
-          backgroundImage: `url('/lovable-uploads/EMWBack.png')`,
-          backgroundSize: 'cover',
-          backgroundPosition: 'center',
-          backgroundRepeat: 'no-repeat',
-          opacity: 0.3,
-          zIndex: -30
-        }}
-      />
-      
-      {/* Star background effect - also behind content */}
-      <div className="fixed inset-0 pointer-events-none" style={{ zIndex: -20 }}>
-        <StarBackground />
-      </div>
-      
-      {/* Main content - ensure it has proper height and flow */}
-      <div className="relative z-10 min-h-screen">
-        <Hero />
-        <FinancialFreedomSection />
-        <ExploreSpacesSection />
-        <EcosystemSection />
-        <FeaturesSection />
-        <div className="section-center">
-          <ParticipationSection />
-        </div>
+    <div className="relative z-10 min-h-screen">
+      <Hero />
+      <FinancialFreedomSection />
+      <ExploreSpacesSection />
+      <EcosystemSection />
+      <FeaturesSection />
+      <div className="section-center">
+        <ParticipationSection />
       </div>
     </div>
   );