Update index.html

index.html

@@ -124,61 +124,15 @@ body {
 
 </section>
 
-<!-- FOOTER (UNCHANGED STYLE SIMPLE) -->
-<!-- FOOTER -->
-<footer class="bg-emerald-600 text-white py-14 mt-20">
-
-  <div class="w-full px-10 text-left">
-
-    <!-- BRAND -->
-    <div class="mb-10">
-      <h2 class="text-2xl font-extrabold">NourishNet</h2>
-      <p class="text-white/80 mt-2">
-        AI-powered food surplus redistribution for a zero-waste UAE.
-      </p>
-    </div>
-
-    <!-- SECTIONS -->
-    <div class="space-y-10 text-white/90">
-
-      <!-- PLATFORM -->
-      <div>
-        <p class="font-extrabold mb-3">Platform</p>
-        <div class="space-y-1 text-white/80">
-          <p>Dashboard</p>
-          <p>Impact</p>
-          <p>Leaderboard</p>
-        </div>
-      </div>
-
-      <!-- LEARN -->
-      <div>
-        <p class="font-extrabold mb-3">Learn</p>
-        <div class="space-y-1 text-white/80">
-          <p>About</p>
-          <p>How it works</p>
-        </div>
-      </div>
-
-      <!-- CONTACT -->
-      <div>
-        <p class="font-extrabold mb-3">Contact</p>
-        <div class="space-y-1 text-white/80">
-          <p>hello@nourishnet.ae</p>
-          <p>Dubai, UAE</p>
-        </div>
-      </div>
-
-    </div>
-
-    <!-- COPYRIGHT -->
-    <div class="pt-8 mt-10 border-t border-white/20 text-white/80 text-sm">
-      © 2026 NourishNet. All rights reserved.
-    </div>
-
-  </div>
+<div id="footer"></div>
 
-</footer>
+<script>
+fetch("footer.html")
+  .then(res => res.text())
+  .then(data => {
+    document.getElementById("footer").innerHTML = data;
+  });
+</script>
 
 <!-- 🔥 MODAL (FIXED ONLY PART) -->
 <div id="modal" class="hidden fixed inset-0 bg-black/50 flex items-center justify-center">