<footer class="bg-black text-white mt-12">

  <!-- Top Section -->
  <div class="max-w-7xl mx-auto px-4 md:px-6 lg:pl-0 lg:pr-56 py-10
              grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-[1.5fr_0.8fr_0.8fr]
              gap-x-6 gap-y-10">

    <!-- Column 1 -->
    <div>
      <div class="bg-white inline-block px-3 py-2 mb-4">
        <img src="images/fav-icon.svg" alt="Logo" class="h-10">
      </div>

      <h2 class="text-xl font-bold">The Associated Press</h2>
      <p class="text-gray-400 mb-4">Advancing the Power of Facts</p>

      <p class="text-sm font-semibold leading-relaxed max-w-md">
        The Associated Press is an independent global news organization dedicated
        to factual reporting. Founded in 1846, AP remains the most trusted source
        of fast, accurate, unbiased news in all formats.
      </p>
    </div>

    <!-- Column 2 -->
    <div>
      <h3 class="font-semibold mb-4">FROM AP NEWS</h3>
      <ul class="space-y-3 text-sm font-semibold">
        <li><a href="#" class="hover:text-white">About</a></li>
        <li><a href="#" class="hover:text-white">Contact Us</a></li>
        <li><a href="#" class="hover:text-white">Accessibility Statement</a></li>
        <li><a href="#" class="hover:text-white">Terms of Use</a></li>
        <li><a href="#" class="hover:text-white">Privacy Policy</a></li>
        <li><a href="#" class="hover:text-white">Your Privacy Choices</a></li>
        <li><a href="#" class="hover:text-white">Do Not Sell My Info</a></li>
        <li><a href="#" class="hover:text-white">CA Notice of Collection</a></li>
      </ul>
    </div>

    <!-- Column 3 -->
    <div>
      <h3 class="font-semibold mb-4">THE ASSOCIATED PRESS</h3>
      <ul class="space-y-3 text-sm font-semibold">
        <li><a href="#" class="hover:text-white">AP.org</a></li>
        <li><a href="#" class="hover:text-white">Careers</a></li>
        <li><a href="#" class="hover:text-white">Advertise With Us</a></li>
        <li><a href="#" class="hover:text-white">AP News Values</a></li>
        <li><a href="#" class="hover:text-white">AP’s Role in Elections</a></li>
        <li><a href="#" class="hover:text-white">AP Leads</a></li>
        <li><a href="#" class="hover:text-white">AP Stylebook</a></li>
        <li><a href="#" class="hover:text-white">Code of Conduct</a></li>
      </ul>
    </div>

  </div>


  <!-- Bottom Bar -->
  <div class="border-t border-gray-800">
    <div class="max-w-7xl mx-auto px-4 md:px-6 lg:pl-4 lg:pr-12 py-4
                flex flex-col sm:flex-row justify-between items-center
                text-sm text-gray-400">

      <p class="text-center sm:text-left">
        Copyright © 2026 The Associated Press. All Rights Reserved.
      </p>

      <!-- Social Icons -->
      <div class="flex space-x-5 mt-3 sm:mt-0">
        <a href="#" class="hover:opacity-80">
          <img src="images/footer-instagram.webp" class="h-5 w-5">
        </a>
        <a href="#" class="hover:opacity-80">
          <img src="images/footer-instagram.webp" class="h-5 w-5">
        </a>
        <a href="#" class="hover:opacity-80">
          <img src="images/footer-instagram.webp" class="h-5 w-5">
        </a>
      </div>

    </div>
  </div>

</footer>