Footer Basic

                    <footer class="bg-gray-800 text-gray-200 p-10">
  <div class="max-w-7xl mx-auto grid grid-cols-1 sm:grid-cols-3 gap-8">
    <nav>
      <h6 class="text-lg font-semibold mb-4">Services</h6>
      <ul class="space-y-2">
        <li><a href="#" class="hover:text-white hover:underline">Branding</a></li>
        <li><a href="#" class="hover:text-white hover:underline">Design</a></li>
        <li><a href="#" class="hover:text-white hover:underline">Marketing</a></li>
        <li><a href="#" class="hover:text-white hover:underline">Advertisement</a></li>
      </ul>
    </nav>
    
    <nav>
      <h6 class="text-lg font-semibold mb-4">Company</h6>
      <ul class="space-y-2">
        <li><a href="#" class="hover:text-white hover:underline">About us</a></li>
        <li><a href="#" class="hover:text-white hover:underline">Contact</a></li>
        <li><a href="#" class="hover:text-white hover:underline">Jobs</a></li>
        <li><a href="#" class="hover:text-white hover:underline">Press kit</a></li>
      </ul>
    </nav>
    
    <nav>
      <h6 class="text-lg font-semibold mb-4">Legal</h6>
      <ul class="space-y-2">
        <li><a href="#" class="hover:text-white hover:underline">Terms of use</a></li>
        <li><a href="#" class="hover:text-white hover:underline">Privacy policy</a></li>
        <li><a href="#" class="hover:text-white hover:underline">Cookie policy</a></li>
      </ul>
    </nav>
  </div>
</footer>