<footer class="bg-gray-900 text-white py-12">
    <div class="container mx-auto px-4 sm:px-6 lg:px-8">
        <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
            <div>
                <h3 class="text-xl font-bold mb-4">TechInsights</h3>
                <p class="text-gray-400">Exploring the future of work and technology through thoughtful analysis and commentary.</p>
            </div>
            <div>
                <h4 class="font-semibold mb-4">Explore</h4>
                <ul class="space-y-2">
                    <li><a href="#" class="text-gray-400 hover:text-white">Home</a></li>
                    <li><a href="#" class="text-gray-400 hover:text-white">Articles</a></li>
                    <li><a href="#" class="text-gray-400 hover:text-white">Topics</a></li>
                    <li><a href="#" class="text-gray-400 hover:text-white">About</a></li>
                </ul>
            </div>
            <div>
                <h4 class="font-semibold mb-4">Topics</h4>
                <ul class="space-y-2">
                    <li><a href="#" class="text-gray-400 hover:text-white">AI</a></li>
                    <li><a href="#" class="text-gray-400 hover:text-white">Remote Work</a></li>
                    <li><a href="#" class="text-gray-400 hover:text-white">Productivity</a></li>
                    <li><a href="#" class="text-gray-400 hover:text-white">Web3</a></li>
                </ul>
            </div>
            <div>
                <h4 class="font-semibold mb-4">Connect</h4>
                <div class="flex space-x-4">
                    <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-twitter text-xl"></i></a>
                    <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-linkedin text-xl"></i></a>
                    <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-instagram text-xl"></i></a>
                    <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-github text-xl"></i></a>
                </div>
            </div>
        </div>
        <div class="border-t border-gray-800 mt-8 pt-8 text-center text-gray-400">
            <p>© {{ now.Format "2006" }} TechInsights. All rights reserved.</p>
        </div>
    </div>
</footer>
