<footer class="p-4 mt-7 md:p-8 lg:p-10 bg-stone-800 shadow-footer">
    <div class="max-w-screen-xl mx-auto text-center">
        <a href="/" class="flex items-center justify-center text-2xl font-semibold text-gray-100">
            <x-logo class="w-auto mr-2 h-9" alt="Heimerdinger.lol Logo"/>
            Heimerdinger.LoL
        </a>
        <p class="my-4 text-sm text-gray-300">Heimerdinger.LoL was created under <a
                href="https://www.riotgames.com/" rel="noopener" target="_blank">Riot Games</a>' "<a
                href="https://www.riotgames.com/en/legal"
                class="underline transition-all duration-700 decoration-orange-500/50 hover:decoration-orange-500 hover:decoration-1"
                rel="noopener" target="_blank">Legal
                Jibber
                Jabber</a>" policy
            using assets owned by <a
                href="https://www.riotgames.com/" rel="noopener" target="_blank">Riot Games</a>. <a
                href="https://www.riotgames.com/" rel="noopener" target="_blank">Riot Games</a> does not endorse or sponsor
            this project.</p>
        <ul class="flex flex-wrap items-center justify-center mb-6 text-neutral-200">
            <li>
                <a href="/contact"
                   class="mr-4 hover:underline md:mr-6 decoration-orange-500 decoration-1">Contact</a>
            </li>
            <li>
                <a href="/donate"
                   class="mr-4 hover:underline md:mr-6 decoration-orange-500 decoration-1">Donate</a>
            </li>
            <li>
                <a href="/roadmap"
                   class="mr-4 hover:underline md:mr-6 decoration-orange-500 decoration-1">Roadmap</a>
            </li>
            <li>
                <a href="/post/privacy-policy"
                   class="mr-4 hover:underline md:mr-6 decoration-orange-500 decoration-1">Privacy</a>
            </li>
            <li>
                <a href="/post/terms-of-use"
                   class="mr-4 hover:underline md:mr-6 decoration-orange-500 decoration-1">Terms</a>
            </li>

        </ul>
        {{-- <div class="flex items-center justify-center w-full mb-4">
            <a href="https://www.producthunt.com/posts/heimerdinger-lol?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-heimerdinger&#0045;lol"
               rel="noopener" target="_blank"><img
                    src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=442110&theme=dark"
                    alt="Heimerdinger&#0046;lol - Discover&#0032;LoL&#0058;&#0032;Champions&#0044;&#0032;Skins&#0044;&#0032;Sales&#0032;and&#0032;More&#0033; | Product Hunt"
                    style="width: 250px; height: 54px;" width="250" height="54"/></a>
        </div> --}}
        <span
            class="flex flex-row items-center justify-center mb-2 text-sm text-gray-300 whitespace-pre sm:text-center dark:text-gray-300"> <a
                href="{{ route('sitemap.index') }}" class="hover:underline">Sitemap</a></span>
        <span
            class="flex flex-row items-center justify-center text-sm text-gray-400 whitespace-pre sm:text-center dark:text-gray-400">© {{ date('Y') }} <a
                href="/" class="hover:underline">Heimerdinger.LoL</a> • Made with <x-iconsax-bul-heart-circle
                    class="relative self-center inline-block w-5 text-red-400"/></span>

        <span>   <p class="mt-3 font-mono text-sm text-gray-200 opacity-75">Version: {{ getCommitHash() }}</p> </span>
    </div>
</footer>
