Gradient Footer

<footer class="bg-white border-t-4 border-gradient">
  <div class="h-1 bg-gradient-to-r from-blue-500 via-purple-500 to-pink-500"></div>
  <div class="max-w-6xl mx-auto px-4 py-12">
    <div class="flex flex-col md:flex-row justify-between items-center gap-6">
      <div class="font-bold text-xl text-gray-900">Acme</div>
      <div class="flex gap-6 text-sm text-gray-500">
        <a href="#" class="hover:text-gray-900 transition-colors">About</a>
        <a href="#" class="hover:text-gray-900 transition-colors">Features</a>
        <a href="#" class="hover:text-gray-900 transition-colors">Pricing</a>
        <a href="#" class="hover:text-gray-900 transition-colors">Contact</a>
      </div>
      <div class="text-sm text-gray-400">&copy; 2026 Acme Inc.</div>
    </div>
  </div>
</footer>