<footer class="text-white bg-black">
    <div class="w-full max-w-6xl px-4 mx-auto sm:px-6 md:px-8">
        <nav aria-label="Footer Navigation" class="flex flex-col justify-between gap-4 py-10 md:items-center md:flex-row">
            <p class="text-sm text-gray-300">
                <b class="text-white">&copy; Larastreamers</b> - <span class="text-gray-light under">A project by <a
                        target="_blank" class="underline hover:text-gray-lighter"
                        href="https://christoph-rumpel.com">Christoph
                        Rumpel</a></span>
            </p>

            <ul class="flex items-center space-x-6 text-sm text-gray-light underline">
                <li>
                    <a class="hover:text-gray-lighter"
                       target="_blank"
                       href="https://twitter.com/larastreamers">Twitter</a>
                </li>

                <li>
                    <a class="hover:text-gray-lighter"
                       target="_blank"
                       href="https://github.com/christophrumpel/larastreamers">GitHub</a>
                </li>

                <li>
                    <a class="hover:text-gray-lighter"
                       target="_blank"
                       href="{{ route('privacy.policy') }}">Privacy Policy</a>
                </li>
            </ul>
        </nav>
    </div>
</footer>
