<!-- Default Footer Template -->
<footer class="bg-gray-800 text-white">
    <div class="container mx-auto px-4 py-12">
        <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
            <!-- Brand -->
            <div class="md:col-span-2">
                <div class="flex items-center space-x-3 mb-4">
                    <svg class="w-8 h-8 text-primary-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 20H5a2 2 0 01-2-2V6a2 2 0 012-2h10a2 2 0 012 2v1m2 13a2 2 0 01-2-2V7m2 13a2 2 0 002-2V9a2 2 0 00-2-2h-2m-4-3H9m0 0v2m0-2a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4"></path>
                    </svg>
                    <span class="text-xl font-bold">Blog</span>
                </div>
                <p class="text-gray-300 max-w-md">
                    A modern blog built with Django and Tailwind CSS. Share your thoughts and connect with readers.
                </p>
            </div>

            <!-- Quick Links -->
            <div>
                <h3 class="text-lg font-sem</div>ibold mb-4">Quick Links</h3>
                <ul class="space-y-2">
                    <li><a href="{% url 'blog:post_list' %}" class="text-gray-300 hover:text-white transition-colors">Home</a></li>
                    <li><a href="{% url 'blog:post_archive' %}" class="text-gray-300 hover:text-white transition-colors">Archive</a></li>
                    <li><a href="{% url 'blog:post_search' %}" class="text-gray-300 hover:text-white transition-colors">Search</a></li>
                </ul>
            </div>

            <!-- Categories -->
            <div>
                <h3 class="text-lg font-semib</div>old mb-4">Categories</h3>
                <ul class="space-y-2">
                    {% load blog_tags %}
                    {% get_categories as categories %}
                    {% for category in categories|slice:":5" %}
                        <li><a href="{{ category.get_absolute_url }}" class="text-gray-300 hover:text-white transition-colors">{{ category.name }}</a></li>
                    {% empty %}
                        <li class="text-gray-400">No categories</li>
                    {% endfor %}
                </ul>
            </div>
        </div>

        <!-- Bottom Bar -->
        <div class="border-t border-gray-700 mt-8 pt-8 text-center text-gray-400">
            <p>&copy; {% now "Y" %} Blog. Built with Django & Tailwind CSS.</p>
        </div>
    </div>
</footer>
