Fix: Footer, Star Wars effect, and background

- Fixed footer inconsistency on the home page.
- Applied the Star Wars effect to the Hero component's text.
- Removed the blue background from all pages except the home page.
- Fixed duplicated footer on CoNetWorKing page.

Author: lovable-dev[bot]

src/components/Hero.tsx

@@ -48,14 +48,18 @@ const Hero = () => {
             </div>
           </div>
 
-          <motion.p 
-            className="text-lg sm:text-xl md:text-2xl text-gray-300 max-w-3xl mx-auto mb-8 font-[Exo] text-center"
-            initial={{ opacity: 0 }}
-            animate={{ opacity: 1 }}
-            transition={{ delay: 0.3, duration: 0.8 }}
-          >
-            Access & Explore the DAO with Innovative Solutions, Unlock Energy Efficiency & Environmental Sustainability, Uniting: BioFi, DeFi, DePin, DeSci, IPFS, QFS, ReFi, RWA, SocialFi, and TradFi under one cosmic ecosystem.
-          </motion.p>
+          <div className="star-wars-crawl mb-8">
+            <div className="star-wars-content">
+              <motion.p 
+                className="text-lg sm:text-xl md:text-2xl text-gray-300 max-w-3xl mx-auto mb-8 font-[Exo] text-center"
+                initial={{ opacity: 0 }}
+                animate={{ opacity: 1 }}
+                transition={{ delay: 0.3, duration: 0.8 }}
+              >
+                Access & Explore the DAO with Innovative Solutions, Unlock Energy Efficiency & Environmental Sustainability, Uniting: BioFi, DeFi, DePin, DeSci, IPFS, QFS, ReFi, RWA, SocialFi, and TradFi under one cosmic ecosystem.
+              </motion.p>
+            </div>
+          </div>
         </motion.div>
 
         <motion.div 

src/components/Layout.tsx

@@ -1,10 +1,20 @@
 
 import React from 'react';
-import { Outlet } from 'react-router-dom';
+import { Outlet, useLocation } from 'react-router-dom';
 import Header from './Header';
 import Footer from './Footer';
 
 const Layout: React.FC = () => {
+  const location = useLocation();
+  
+  // Pages that handle their own header/footer
+  const pagesWithOwnLayout = ['/', '/conetworking'];
+  const hasOwnLayout = pagesWithOwnLayout.includes(location.pathname);
+
+  if (hasOwnLayout) {
+    return <Outlet />;
+  }
+
   return (
     <div className="flex flex-col min-h-screen bg-black">
       <Header />

src/pages/CoNetWorKing.tsx

@@ -1,8 +1,5 @@
-
 import React from 'react';
 import StarBackground from '@/components/StarBackground';
-import Header from '@/components/Header';
-import Footer from '@/components/Footer';
 import { Network, Globe, Users, Zap, Briefcase, MapPin } from 'lucide-react';
 import { Button } from '@/components/ui/button';
 
@@ -138,22 +135,30 @@ const CoNetWorKing: React.FC = () => {
   ];
 
   return (
-    <div className="min-h-screen bg-alien-space">
+    <div className="relative flex flex-col flex-1 bg-alien-space">
       <StarBackground />
-      <Header />
-      <main className="container mx-auto px-4 pt-28 pb-16">
+      <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>
+      
+      <main className="relative z-10 flex-grow container mx-auto px-4 pt-28 pb-16">
         <div className="max-w-6xl mx-auto">
           <div className="text-center mb-16">
             <Network className="h-16 w-16 text-alien-gold mx-auto mb-4" />
-            <h1 className="text-4xl md:text-5xl font-bold text-alien-gold mb-6 font-[Atomic Age, Star Wars]">CoNetWorKing</h1>
+            <h1 className="text-4xl md:text-5xl font-bold text-alien-gold mb-6 font-nasalization">CoNetWorKing</h1>
             <p className="text-xl text-gray-300 max-w-3xl mx-auto font-[Exo]">
               Connect with like-minded individuals across the multiverse and forge powerful collaborations to shape the future.
             </p>
           </div>
 
           {/* Connection Map */}
           <div className="mb-16 relative bg-alien-space-dark/30 rounded-lg overflow-hidden p-6 backdrop-blur-md border border-alien-gold/20">
-            <h2 className="text-2xl font-bold text-alien-gold mb-6 font-[Atomic Age]">Global Network</h2>
+            <h2 className="text-2xl font-bold text-alien-gold mb-6 font-nasalization">Global Network</h2>
 
             <div className="aspect-[2/1] bg-alien-space-dark/50 rounded-lg relative overflow-hidden">
               {/* World map with glow points */}
@@ -232,7 +237,7 @@ const CoNetWorKing: React.FC = () => {
           {/* Featured Connections */}
           <div className="mb-16">
             <div className="flex justify-between items-center mb-6">
-              <h2 className="text-2xl font-bold text-alien-gold font-[Atomic Age]">Featured Connections</h2>
+              <h2 className="text-2xl font-bold text-alien-gold font-nasalization">Featured Connections</h2>
               <Button variant="outline" className="border-alien-green text-alien-green hover:bg-alien-green/10 font-[Exo]">
                 View All
               </Button>
@@ -248,7 +253,7 @@ const CoNetWorKing: React.FC = () => {
           <div className="grid grid-cols-1 md:grid-cols-2 gap-8 mb-16">
             {/* Upcoming Networking Events */}
             <div>
-              <h2 className="text-2xl font-bold text-alien-gold mb-6 font-[Atomic Age]">Upcoming Events</h2>
+              <h2 className="text-2xl font-bold text-alien-gold mb-6 font-nasalization">Upcoming Events</h2>
               <div className="space-y-4">
                 {upcomingEvents.map((event, index) => (
                   <div key={index} className="bg-alien-space-dark/50 p-4 rounded-lg backdrop-blur-md border border-alien-gold/20">
@@ -275,7 +280,7 @@ const CoNetWorKing: React.FC = () => {
 
             {/* Collaboration Opportunities */}
             <div>
-              <h2 className="text-2xl font-bold text-alien-gold mb-6 font-[Atomic Age]">Collaboration Opportunities</h2>
+              <h2 className="text-2xl font-bold text-alien-gold mb-6 font-nasalization">Collaboration Opportunities</h2>
               <div className="space-y-4">
                 {collaborationOpportunities.map((opportunity, index) => (
                   <div key={index} className="bg-alien-space-dark/50 p-4 rounded-lg backdrop-blur-md border border-alien-gold/20">
@@ -307,7 +312,7 @@ const CoNetWorKing: React.FC = () => {
           {/* CTA Section */}
           <div className="bg-gradient-to-r from-alien-green/30 to-alien-gold/30 rounded-lg p-8 text-center backdrop-blur-md">
             <Briefcase className="h-12 w-12 text-alien-gold mx-auto mb-4" />
-            <h2 className="text-2xl font-bold text-alien-gold mb-3 font-[Atomic Age]">Create Your Professional Profile</h2>
+            <h2 className="text-2xl font-bold text-alien-gold mb-3 font-nasalization">Create Your Professional Profile</h2>
             <p className="text-gray-200 max-w-2xl mx-auto mb-6 font-[Exo]">
               Showcase your skills, experience, and interests to connect with the perfect collaborators for your next cosmic venture.
             </p>
@@ -317,7 +322,6 @@ const CoNetWorKing: React.FC = () => {
           </div>
         </div>
       </main>
-      <Footer />
     </div>
   );
 };

src/pages/Index.tsx

@@ -7,6 +7,7 @@ import EcosystemSection from '@/components/EcosystemSection';
 import FeaturesSection from '@/components/FeaturesSection';
 import FinancialFreedomSection from '@/components/FinancialFreedomSection';
 import ParticipationSection from '@/components/ParticipationSection';
+import Footer from '@/components/Footer';
 
 const Index: React.FC = () => {
   return (
@@ -37,6 +38,9 @@ const Index: React.FC = () => {
           <ParticipationSection />
         </div>
       </div>
+      
+      {/* Footer */}
+      <Footer />
     </div>
   );
 };