  {{-- FOOTER --}}
  <footer class="bg-[#f3f3f3] mt-10 border-t">

    <div class="max-w-[1200px] mx-auto px-4 md:px-6 py-10">

      <div class="text-center mb-6">
        <a href="{{ route('index') }}">
          <h2 class="text-red-700 text-3xl md:text-4xl font-bold logo-font">Business Standard</h2>
        </a>
        <p class="text-gray-600 text-xl mt-1">Insight Out</p>
      </div>

      <div class="border-t mb-6"></div>

      {{-- SECTION --}}
      <div class="space-y-6 text-sm text-black">

        <div>
          <h3 class="font-semibold text-xs mb-2 border-b border-gray-300">TOP SECTIONS</h3>
          <div class="flex flex-wrap leading-7">
            @foreach($allCategories as $cat)
              <a href="{{ route('category.show', $cat->slug) }}" class="mr-2 hover:text-red-600">{{ $cat->category_name_english ?? $cat->category_name }} News</a>
              @if(!$loop->last)<span class="mr-2">|</span>@endif
            @endforeach
          </div>
        </div>

        <div>
          <h3 class="font-semibold text-xs mb-2 border-b border-gray-300">CALCULATORS</h3>
          <div class="leading-7">
            <a href="#" class="hover:text-red-600">Income Tax Calculator</a> |
            <a href="#" class="hover:text-red-600">EMI Calculator</a> |
            <a href="#" class="hover:text-red-600">SIP Calculator</a> |
            <a href="#" class="hover:text-red-600">Car Loan Calculator</a> |
            <a href="#" class="hover:text-red-600">Gold Rates in India</a>
          </div>
        </div>

        <div>
          <h3 class="font-semibold text-xs mb-2 border-b border-gray-300">QUICK LINKS</h3>
          <div class="leading-7">
            <a href="{{ route('index') }}" class="hover:text-red-600">Latest News</a> |
            <a href="{{ route('about') }}" class="hover:text-red-600">About Us</a> |
            <a href="{{ route('privacyPolicy') }}" class="hover:text-red-600">Privacy Policy</a> |
            <a href="{{ route('search') }}" class="hover:text-red-600">Search</a> |
            <a href="/sitemap.xml" class="hover:text-red-600">Sitemap</a>
          </div>
        </div>

      </div>

      {{-- BOTTOM --}}
      <div class="border-t mt-8 pt-4 text-sm text-black flex flex-wrap">
        <a href="#" class="mr-2">Today's Paper</a><span class="mr-2">|</span>
        <a href="{{ route('about') }}" class="mr-2">About Us</a><span class="mr-2">|</span>
        <a href="#" class="mr-2">T&amp;C</a><span class="mr-2">|</span>
        <a href="{{ route('privacyPolicy') }}" class="mr-2">Privacy Policy</a><span class="mr-2">|</span>
        <a href="#" class="mr-2">Careers</a>
      </div>

      {{-- COPYRIGHT --}}
      <div class="flex flex-col md:flex-row justify-between items-center text-center md:text-left mt-6 gap-4">
        <p class="text-xs text-black">Copyrights &copy; {{ date('Y') }} Business Standard Private Ltd. All rights reserved</p>
        <div class="flex gap-4">
          <a href="#"><img src="https://cdn-icons-png.flaticon.com/512/733/733547.png" class="w-6 h-6" alt="Facebook" /></a>
          <a href="#"><img src="https://cdn-icons-png.flaticon.com/512/733/733585.png" class="w-6 h-6" alt="Twitter" /></a>
          <a href="#"><img src="https://cdn-icons-png.flaticon.com/512/733/733579.png" class="w-6 h-6" alt="LinkedIn" /></a>
          <a href="#"><img src="https://cdn-icons-png.flaticon.com/512/733/733561.png" class="w-6 h-6" alt="WhatsApp" /></a>
          <a href="#"><img src="https://cdn-icons-png.flaticon.com/512/1384/1384060.png" class="w-6 h-6" alt="YouTube" /></a>
        </div>
      </div>

    </div>

  </footer>
