Fix: Resolve display and footer issues

- Restore Star Wars font on the home page.
- Correct the semi-transparent blue background in the Advanced Features section.
- Fix duplicated footer elements across all pages.

Author: lovable-dev[bot]

src/components/FeaturesSection.tsx

@@ -26,35 +26,30 @@ const features = [{
 }];
 
 const FeaturesSection = () => {
-  return <section className="py-20 relative overflow-hidden">
+  return (
+    <section className="py-20 relative overflow-hidden">
       <div className="container mx-auto px-4 py-0 my-0">
-        <motion.div initial={{
-        opacity: 0
-      }} whileInView={{
-        opacity: 1
-      }} transition={{
-        duration: 0.8
-      }} viewport={{
-        once: true
-      }} className="text-center mb-16">
+        <motion.div 
+          initial={{ opacity: 0 }} 
+          whileInView={{ opacity: 1 }} 
+          transition={{ duration: 0.8 }} 
+          viewport={{ once: true }} 
+          className="text-center mb-16"
+        >
           <h2 className="text-4xl font-bold mb-4 text-alien-gold text-glow font-nasalization">Advanced Features</h2>
           <p className="text-xl text-gray-300 max-w-3xl mx-auto">ΔlieπFlΦw $pac€ offers cutting-edge technologies to support our interstellar ecosystem</p>
         </motion.div>
 
         <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
-          {features.map((feature, index) => <motion.div key={index} initial={{
-          opacity: 0,
-          y: 20
-        }} whileInView={{
-          opacity: 1,
-          y: 0
-        }} transition={{
-          duration: 0.5,
-          delay: index * 0.1
-        }} viewport={{
-          once: true,
-          margin: "-50px"
-        }} className="card-border p-6 relative overflow-hidden group">
+          {features.map((feature, index) => (
+            <motion.div 
+              key={index} 
+              initial={{ opacity: 0, y: 20 }} 
+              whileInView={{ opacity: 1, y: 0 }} 
+              transition={{ duration: 0.5, delay: index * 0.1 }} 
+              viewport={{ once: true, margin: "-50px" }} 
+              className="card-border p-6 relative overflow-hidden group"
+            >
               <div className="mb-6 p-4 rounded-full bg-gradient-to-br from-alien-gold-dark/20 to-alien-green-dark/20 w-fit">
                 <div className="text-alien-gold group-hover:text-alien-green transition-colors duration-300">
                   {feature.icon}
@@ -64,15 +59,13 @@ const FeaturesSection = () => {
               <h3 className="text-xl font-semibold mb-3 text-alien-gold font-nasalization">{feature.title}</h3>
               <p className="text-gray-300">{feature.description}</p>
 
-              {/* Hover effect */}
               <div className="absolute bottom-0 left-0 w-full h-1 bg-gradient-to-r from-alien-gold to-alien-green scale-x-0 group-hover:scale-x-100 transition-transform duration-300 origin-left"></div>
-            </motion.div>)}
+            </motion.div>
+          ))}
         </div>
       </div>
-      
-      {/* Background decoration */}
-      <div className="absolute bottom-0 left-0 w-full h-20 bg-gradient-to-t from-alien-space to-transparent"></div>
-    </section>;
+    </section>
+  );
 };
 
 export default FeaturesSection;

src/components/Hero.tsx

@@ -1,3 +1,4 @@
+
 import React from 'react';
 import { motion } from 'framer-motion';
 import { Button } from '@/components/ui/button';
@@ -35,6 +36,7 @@ const Hero = () => {
 
           <h1 
             className="text-3xl sm:text-4xl md:text-6xl lg:text-7xl mb-4 tracking-tight text-glow text-center font-nasalization"
+            style={{ fontFamily: "'Nasalization', sans-serif !important" }}
           >
             <span className="text-alien-green">Δlieπ</span>
             <span className="text-alien-gold">FlΦw</span>

src/components/Layout.tsx

@@ -8,10 +8,8 @@ const Layout: React.FC = () => {
   return (
     <div className="flex flex-col min-h-screen bg-black">
       <Header />
-      <main className="flex-1 relative z-10 pt-24 sm:pt-28 md:pt-32">
-        <div className="container mx-auto px-4">
-          <Outlet />
-        </div>
+      <main className="flex-1 relative z-10">
+        <Outlet />
       </main>
       <Footer />
     </div>

src/pages/Academy.tsx

@@ -1,8 +1,6 @@
 
 import React from 'react';
 import StarBackground from '@/components/StarBackground';
-import Header from '@/components/Header';
-import Footer from '@/components/Footer';
 import { GraduationCap, BookOpen, Video, Users, Award, Sparkles } from 'lucide-react';
 import { Button } from '@/components/ui/button';
 
@@ -88,10 +86,18 @@ const Academy: 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-24 pb-16">
         <div className="max-w-6xl mx-auto">
           <div className="text-center mb-16">
             <GraduationCap className="h-16 w-16 text-alien-gold mx-auto mb-4" />
@@ -160,7 +166,6 @@ const Academy: React.FC = () => {
           </div>
         </div>
       </main>
-      <Footer />
     </div>
   );
 };

src/pages/Contact.tsx

@@ -1,19 +1,25 @@
 
 import React from 'react';
 import StarBackground from '@/components/StarBackground';
-import Header from '@/components/Header';
-import Footer from '@/components/Footer';
 import { Button } from '@/components/ui/button';
 import { Send, Mail, MessageSquare, X, Facebook, Instagram, Disc, Github, Linkedin } from 'lucide-react';
 
 const Contact: 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-24 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-24 pb-16">
         <div className="max-w-3xl mx-auto">
-          <h1 className="text-4xl md:text-5xl font-bold text-alien-gold mb-8 font-[Atomic Age, Star Wars]">Contact Us</h1>
+          <h1 className="text-4xl md:text-5xl font-bold text-alien-gold mb-8 font-nasalization">Contact Us</h1>
 
           <div className="grid grid-cols-1 md:grid-cols-2 gap-10">
             <div className="space-y-6">
@@ -105,7 +111,7 @@ const Contact: React.FC = () => {
             </div>
 
             <div className="bg-alien-space-dark/50 p-6 rounded-lg backdrop-blur-md">
-              <h2 className="text-2xl font-semibold text-alien-green mb-4 font-[Atomic Age, Star Wars]">Send us a message</h2>
+              <h2 className="text-2xl font-semibold text-alien-green mb-4 font-nasalization">Send us a message</h2>
               <form className="space-y-4">
                 <div>
                   <label className="block text-sm font-medium text-gray-400 mb-1 font-[Exo]" htmlFor="name">Name</label>
@@ -145,7 +151,6 @@ const Contact: React.FC = () => {
           </div>
         </div>
       </main>
-      <Footer />
     </div>
   );
 };