Add Academy courses and background fixes

Add course modules to the Academy page and restore the correct background images for the AlienTrip and Contact pages.

Author: lovable-dev[bot]

src/pages/Academy.tsx

@@ -1,119 +1,201 @@
+
 import React from 'react';
 import StarBackground from '@/components/StarBackground';
-import { GraduationCap, BookOpen, Video, Users, Award, Sparkles } from 'lucide-react';
+import { GraduationCap, BookOpen, Video, Users, Award, Sparkles, Leaf, Brain, Coins, ShoppingCart, Heart, Lightbulb } from 'lucide-react';
 import { Button } from '@/components/ui/button';
+
 const CourseCard = ({
   title,
   description,
   icon,
-  level,
-  duration,
+  modules,
   color
 }: {
   title: string;
   description: string;
   icon: React.ReactNode;
-  level: string;
-  duration: string;
+  modules: Array<{ name: string; topics: string[] }>;
   color: string;
-}) => <div className="bg-alien-space-dark/60 backdrop-blur-md rounded-lg overflow-hidden border border-alien-gold/20 hover:border-alien-gold/50 transition-all hover:transform hover:scale-[1.01]">
+}) => (
+  <div className="bg-alien-space-dark/60 backdrop-blur-md rounded-lg overflow-hidden border border-alien-gold/20 hover:border-alien-gold/50 transition-all hover:transform hover:scale-[1.01]">
     <div className={`h-2 ${color}`}></div>
     <div className="p-6">
       <div className="flex items-start justify-between mb-4">
         <div className="p-3 bg-alien-space-light/50 rounded-full">
           {icon}
         </div>
         <div className="flex space-x-2">
-          <span className="px-2 py-1 text-xs bg-alien-space-light/50 rounded-full text-alien-gold">{level}</span>
-          <span className="px-2 py-1 text-xs bg-alien-space-light/50 rounded-full text-alien-green">{duration}</span>
+          <span className="px-2 py-1 text-xs bg-alien-space-light/50 rounded-full text-alien-green">{modules.length} módulos</span>
         </div>
       </div>
       <h3 className="text-xl font-semibold mb-2 text-alien-gold font-nasalization">{title}</h3>
       <p className="text-gray-300 text-sm mb-4">{description}</p>
+      
+      {/* Modules List */}
+      <div className="space-y-2 mb-4">
+        {modules.map((module, index) => (
+          <div key={index} className="bg-alien-space-light/30 rounded p-2">
+            <h4 className="text-alien-gold text-sm font-semibold mb-1">{index + 1}· {module.name}</h4>
+            <ul className="text-xs text-gray-300 space-y-1">
+              {module.topics.map((topic, topicIndex) => (
+                <li key={topicIndex} className="flex items-start">
+                  <span className="text-alien-green mr-1">·</span>
+                  {topic}
+                </li>
+              ))}
+            </ul>
+          </div>
+        ))}
+      </div>
+      
       <Button variant="outline" className="w-full border-alien-gold/30 text-alien-gold hover:bg-alien-gold/10">
-        Explore Course
+        Explorar Curso
       </Button>
     </div>
-  </div>;
+  </div>
+);
+
 const Academy: React.FC = () => {
-  const courses = [{
-    title: "Blockchain Fundamentals",
-    description: "Learn the core concepts of blockchain technology, cryptocurrencies, and decentralized networks.",
-    icon: <BookOpen className="h-6 w-6 text-alien-gold" />,
-    level: "Beginner",
-    duration: "6 hours",
-    color: "bg-green-500"
-  }, {
-    title: "DeFi Mastery",
-    description: "Dive deep into decentralized finance protocols, yield farming, and liquidity provision.",
-    icon: <Sparkles className="h-6 w-6 text-alien-gold" />,
-    level: "Intermediate",
-    duration: "12 hours",
-    color: "bg-blue-500"
-  }, {
-    title: "Tokenomics Design",
-    description: "Understand how to create sustainable token economies and incentive mechanisms.",
-    icon: <Award className="h-6 w-6 text-alien-gold" />,
-    level: "Advanced",
-    duration: "8 hours",
-    color: "bg-purple-500"
-  }, {
-    title: "Smart Contract Development",
-    description: "Learn to code, deploy, and audit secure smart contracts on multiple blockchains.",
-    icon: <BookOpen className="h-6 w-6 text-alien-gold" />,
-    level: "Advanced",
-    duration: "15 hours",
-    color: "bg-red-500"
-  }, {
-    title: "DAO Governance",
-    description: "Master the principles of decentralized governance and community coordination.",
-    icon: <Users className="h-6 w-6 text-alien-gold" />,
-    level: "Intermediate",
-    duration: "9 hours",
-    color: "bg-yellow-500"
-  }, {
-    title: "Web3 Privacy & Security",
-    description: "Protect your assets and identity in the decentralized ecosystem.",
-    icon: <Video className="h-6 w-6 text-alien-gold" />,
-    level: "All Levels",
-    duration: "7 hours",
-    color: "bg-emerald-500"
-  }];
-  return <div className="relative flex flex-col flex-1">
+  const courses = [
+    {
+      title: "Abundancia & Libertad",
+      description: "Domina los fundamentos de la economía digital, blockchain y sistemas financieros sostenibles para crear abundancia y libertad financiera.",
+      icon: <Coins className="h-6 w-6 text-alien-gold" />,
+      color: "bg-green-500",
+      modules: [
+        {
+          name: "EcoFinTech",
+          topics: [
+            "Circularidad + Criterios ESG + Eficiencia & Sostenibilidad + Crecimiento & Desarrollo",
+            "Dinámica de Sistemas (Complejo / Dinámico)",
+            "Digitalización + Dinero & Sistemas de Pago + Diseño Iterativo & Metodologías",
+            "Economía & Finanzas Macro General & Micro Particular + Teoría de Juegos"
+          ]
+        },
+        {
+          name: "Ecommerce",
+          topics: [
+            "Características fundamentales",
+            "Fundamentos e Infraestructura",
+            "Ventajas & Usos",
+            "Formas & Tipos"
+          ]
+        },
+        {
+          name: "Blockchain & Criptografía",
+          topics: [
+            "Activos Digitales (Crypto + Tokens, Bitcoin, Altcoins, Stablecoins, memecoins)",
+            "Propiedades Digitales (NFTs + Smart Contracts)",
+            "Aplicaciones & Finanzas Descentralizadas"
+          ]
+        }
+      ]
+    },
+    {
+      title: "Autogestión & Sostenibilidad",
+      description: "Aprende a gestionar tu vida de manera sostenible integrando ecología, permacultura y gestión consciente de energía, espacio y tiempo.",
+      icon: <Leaf className="h-6 w-6 text-alien-gold" />,
+      color: "bg-emerald-500",
+      modules: [
+        {
+          name: "Módulo Único Integrado",
+          topics: [
+            "Ecología + Permacultura + Sostenibilidad",
+            "Life + Live (Vida y Vivir)",
+            "Energy + Space + Time (Energía, Espacio y Tiempo)"
+          ]
+        }
+      ]
+    },
+    {
+      title: "Armonía & Trascendencia",
+      description: "Explora las dimensiones más profundas del ser a través de conciencia, meditación, alquimia filosófica y alimentación sagrada.",
+      icon: <Brain className="h-6 w-6 text-alien-gold" />,
+      color: "bg-purple-500",
+      modules: [
+        {
+          name: "Conciencia & Energía (Focusing Mindfulness)",
+          topics: [
+            "Atención & Concentración (Actitud | Aptitud)",
+            "Conciencia | Consciencia (Inconsciencia | Preconciencia | Subconsciente)",
+            "Ecuanimidad | Plenitud | Enfoque | Percepción",
+            "Determinación | Intención | Propósito | Sentido | Voluntad | Entidad | Ser"
+          ]
+        },
+        {
+          name: "Meditaciones & Yoga",
+          topics: [
+            "Técnicas de meditación avanzadas",
+            "Práctica de yoga integral",
+            "Integración cuerpo-mente-espíritu"
+          ]
+        },
+        {
+          name: "Alkymia & Filosofía",
+          topics: [
+            "Alkymia: Auto trascendencia | Trascendencia",
+            "Artes Liberales (Trivium + Quadrivium)",
+            "Hermenéutica | Heurística",
+            "Axis Mundi | Chackras | Dyed | Kábbalah | Kundalini | Qi",
+            "Filosofía: Iluminación Espiritual e Intelectual | Propedéutica"
+          ]
+        },
+        {
+          name: "Alimento & Bebida Sagrada",
+          topics: [
+            "Ayurveda práctica",
+            "Ambar | Ambrosia | Amrita | Kundalini",
+            "Haoma | Soma",
+            "Nutrición consciente y sagrada"
+          ]
+        }
+      ]
+    }
+  ];
+
+  return (
+    <div className="relative flex flex-col flex-1">
       <main className="relative z-10 flex-grow container mx-auto px-4 pt-4 pb-16">
         <div className="max-w-6xl mx-auto">
           <div className="text-center mb-12">
             <GraduationCap className="h-12 w-12 text-alien-gold mx-auto mb-4" />
             <h1 className="text-4xl md:text-5xl font-bold text-alien-gold mb-6 font-nasalization">Academy</h1>
-            <p className="text-xl text-gray-300 max-w-3xl mx-auto font-[Exo]">Acquiring full attention capacities, to connect discovering expand knowledge and skills, this helps you to evolve and drive you to the optimal experience with the fullness of the flow, as well as increase the benefits of your quality of life, more sustainable profits, with a complete well being, exploring both ancestral techniques and vanguard technologies.
-
-Connect at a deeper level with yourself, your world and this planet, this is our Holistic Health Wealth.</p>
+            <p className="text-xl text-gray-300 max-w-3xl mx-auto font-[Exo]">
+              Adquiere capacidades completas de atención para conectar, descubrir y expandir conocimientos y habilidades. 
+              Esto te ayuda a evolucionar y te impulsa hacia la experiencia óptima con la plenitud del flujo, 
+              así como aumentar los beneficios de tu calidad de vida y ganancias más sostenibles, con un bienestar completo, 
+              explorando tanto técnicas ancestrales como tecnologías de vanguardia.
+            </p>
           </div>
 
-          {/* Featured Course */}
+          {/* Featured Program */}
           <div className="mb-12 bg-alien-space-dark/60 rounded-xl overflow-hidden backdrop-blur-md border border-alien-gold/30">
             <div className="grid grid-cols-1 md:grid-cols-2">
               <div className="p-8 md:p-12">
-                <h2 className="text-3xl font-bold text-alien-gold mb-4 font-nasalization">Certification Degree Master's Program</h2>
+                <h2 className="text-3xl font-bold text-alien-gold mb-4 font-nasalization">Programa Master de Certificación</h2>
                 <p className="text-gray-300 mb-6 font-[Exo]">
-                  Become a certified ΔlieπFlΦw $pac€ Explorer & Navigator and unlock exclusive opportunities in our expanding cosmic ecosystem.
+                  Conviértete en un Explorador y Navegador certificado del ΔlieπFlΦw $pac€ y desbloquea oportunidades exclusivas en nuestro ecosistema cósmico en expansión.
                 </p>
                 <div className="space-y-4 mb-8">
                   <div className="flex items-center">
                     <div className="w-2 h-2 bg-alien-green rounded-full mr-2"></div>
-                    <p className="text-alien-green">161 interactive modules</p>
+                    <p className="text-alien-green">3 Cursos principales integrados</p>
+                  </div>
+                  <div className="flex items-center">
+                    <div className="w-2 h-2 bg-alien-green rounded-full mr-2"></div>
+                    <p className="text-alien-green">8 Módulos especializados</p>
                   </div>
                   <div className="flex items-center">
                     <div className="w-2 h-2 bg-alien-green rounded-full mr-2"></div>
-                    <p className="text-alien-green">Bootcamps with Live mentoring sessions</p>
+                    <p className="text-alien-green">Bootcamps con sesiones de mentoría en vivo</p>
                   </div>
                   <div className="flex items-center">
                     <div className="w-2 h-2 bg-alien-green rounded-full mr-2"></div>
-                    <p className="text-alien-green">On-chain credential NFT</p>
+                    <p className="text-alien-green">Credencial NFT on-chain</p>
                   </div>
                 </div>
                 <Button className="bg-alien-gold hover:bg-alien-gold-light text-alien-space-dark font-[Exo]">
-                  Join Waitlist
+                  Unirse a Lista de Espera
                 </Button>
               </div>
               <div className="bg-gradient-to-tr from-alien-green/20 to-alien-gold/20 p-8 flex items-center justify-center">
@@ -124,29 +206,33 @@ Connect at a deeper level with yourself, your world and this planet, this is our
 
           {/* Course Grid */}
           <div className="mb-12">
-            <h2 className="text-2xl font-bold text-alien-gold mb-8 font-nasalization">Featured Courses</h2>
-            <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
-              {courses.map((course, index) => <CourseCard key={index} {...course} />)}
+            <h2 className="text-2xl font-bold text-alien-gold mb-8 font-nasalization">Cursos Principales</h2>
+            <div className="grid grid-cols-1 lg:grid-cols-3 gap-8">
+              {courses.map((course, index) => (
+                <CourseCard key={index} {...course} />
+              ))}
             </div>
           </div>
 
           {/* CTA Section */}
           <div className="text-center bg-alien-space-dark/60 rounded-xl p-8 backdrop-blur-md border border-alien-gold/20">
-            <h2 className="text-2xl font-bold text-alien-gold mb-4 font-nasalization">Ready to Expand Your Cosmic Knowledge?</h2>
+            <h2 className="text-2xl font-bold text-alien-gold mb-4 font-nasalization">¿Listo para Expandir tu Conocimiento Cósmico?</h2>
             <p className="text-gray-300 mb-6 max-w-2xl mx-auto font-[Exo]">
-              Join thousands of space navigators on their journey to master the principles of the decentralized multiverse.
+              Únete a miles de navegadores espaciales en su viaje para dominar los principios del multiverso descentralizado.
             </p>
             <div className="flex flex-wrap justify-center gap-4">
               <Button className="bg-alien-gold hover:bg-alien-gold-light text-alien-space-dark font-[Exo]">
-                Explore All Courses
+                Explorar Todos los Cursos
               </Button>
               <Button variant="outline" className="border-alien-green text-alien-green hover:bg-alien-green/20 font-[Exo]">
-                Join Community
+                Unirse a la Comunidad
               </Button>
             </div>
           </div>
         </div>
       </main>
-    </div>;
+    </div>
+  );
 };
-export default Academy;
+
+export default Academy;

src/pages/AlienTrip.tsx

@@ -3,6 +3,7 @@ import StarBackground from '@/components/StarBackground';
 import { Rocket, Star, Clock, ScrollText, BookOpen, PieChart } from 'lucide-react';
 import { Button } from '@/components/ui/button';
 import { Popover, PopoverTrigger, PopoverContent } from "@/components/ui/popover";
+
 const AlienTrip: React.FC = () => {
   const roadmapEvents = [{
     quarter: "Q3 2025",
@@ -60,14 +61,26 @@ const AlienTrip: React.FC = () => {
     value: 10,
     color: "#E91E63"
   }];
-  return <div className="relative flex flex-col flex-1 bg-alien-space">
-      <StarBackground />
-      <div className="absolute inset-0 -z-10 bg-cover bg-center bg-no-repeat pointer-events-none" style={{
-      backgroundImage: `url('/lovable-uploads/EMWBack.png')`
-    }}>
-        <div className="w-full h-full bg-black/50" />
-      </div>
+  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">
           <div className="grid grid-cols-1 md:grid-cols-2 gap-16 mb-20">
@@ -255,6 +268,8 @@ const AlienTrip: React.FC = () => {
           </div>
         </div>
       </main>
-    </div>;
+    </div>
+  );
 };
-export default AlienTrip;
+
+export default AlienTrip;