<footer class="bg-gray-900 text-gray-300 mt-12">
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
    <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
      <div>
        <h3 class="text-white text-lg font-bold mb-4"><%= appName %></h3>
        <p class="text-sm">Your one-stop destination for quality products at great prices.</p>
      </div>
      <div>
        <h4 class="text-white font-semibold mb-4">Quick Links</h4>
        <ul class="space-y-2 text-sm">
          <li><a href="/" class="hover:text-white">Home</a></li>
          <li><a href="/products" class="hover:text-white">Shop All</a></li>
          <li><a href="/page/about" class="hover:text-white">About Us</a></li>
          <li><a href="/page/contact" class="hover:text-white">Contact</a></li>
        </ul>
      </div>
      <div>
        <h4 class="text-white font-semibold mb-4">Customer Service</h4>
        <ul class="space-y-2 text-sm">
          <li><a href="/page/returns" class="hover:text-white">Returns Policy</a></li>
          <li><a href="/page/shipping" class="hover:text-white">Shipping Info</a></li>
          <li><a href="/page/privacy" class="hover:text-white">Privacy Policy</a></li>
          <li><a href="/page/terms" class="hover:text-white">Terms of Service</a></li>
        </ul>
      </div>
      <div>
        <h4 class="text-white font-semibold mb-4">Contact Us</h4>
        <ul class="space-y-2 text-sm">
          <li><i class="fas fa-envelope mr-2"></i> support@<%= appName.toLowerCase() %>.com</li>
          <li><i class="fas fa-phone mr-2"></i> +91 9876543210</li>
          <li><i class="fas fa-map-marker-alt mr-2"></i> 123 Main Street, City, India</li>
        </ul>
      </div>
    </div>
    <div class="border-t border-gray-700 mt-8 pt-8 text-center text-sm">
      <p>&copy; <%= new Date().getFullYear() %> <%= appName %>. All rights reserved.</p>
    </div>
  </div>
</footer>
