footer.html

<footer class="bg-emerald-600 text-white py-14 mt-20">

  <div class="w-full px-10 text-left">

    <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>

    <div class="space-y-10 text-white/90">

      <div>
        <p class="font-extrabold mb-3">Platform</p>
        <div class="space-y-1 text-white/80">
          <a href="dashboard.html" class="hover:underline block">Dashboard</a>
          <a href="impact.html" class="hover:underline block">Impact</a>
          <a href="leaderboard.html" class="hover:underline block">Leaderboard</a>
        </div>
      </div>

      <div>
        <p class="font-extrabold mb-3">Learn</p>
        <div class="space-y-1 text-white/80">
          <a href="about.html" class="hover:underline block">About</a>
          <a href="how-it-works.html" class="hover:underline block">How it works</a>
        </div>
      </div>

      <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>

    <div class="pt-8 mt-10 border-t border-white/20 text-white/80 text-sm">
      © 2026 NourishNet. All rights reserved.
    </div>

  </div>

</footer>