<footer class="text-white bg-gray-800">
    <div class="container px-6 py-8 mx-auto">
        <div class="flex flex-col items-center">
            <div class="sm:flex sm:justify-center sm:items-center">
                <a href="javascript:void(0)" onclick="window.scrollTo({top: 0, behavior: 'smooth'});" class="mb-2 text-xl font-bold sm:mb-0">Securiskan</a>
                <div class="sm:ml-4 sm:flex-grow">
                    <p class="text-center sm:text-left">Protecting your digital journey.</p>
                </div>
            </div>
            <ul class="flex flex-wrap justify-center mt-4">
                <li><a href="javascript:void(0)" onclick="window.scrollTo({top: 0, behavior: 'smooth'});" class="px-4 hover:underline">Home</a></li>
                <li><a href="/about" class="px-4 hover:underline">About</a></li>
                <li><a href="https://github.com/sponsors/boloto1979" class="px-4 hover:underline">Contribution</a></li>
            </ul>
            <div class="mt-4">
                <p>&copy; {{ date('Y') }} Securiskan. All rights reserved.</p>
            </div>
        </div>
    </div>
</footer>
