lubo_comment_query/resources/views/common/footer.blade.php

<footer class="mt-auto bg-white dark:bg-gray-800 border-t border-gray-200 dark:border-gray-700">
    <div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:px-8">
        <div class="grid grid-cols-2 md:grid-cols-4 gap-8">
            <div class="text-center md:text-left">
                <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase mb-4">
                    永恒de草薙
                </h3>
                <ul class="space-y-3">
                    <li>
                        <a href="https://space.bilibili.com/328013928" target="_blank" class="text-base text-gray-500 dark:text-gray-400 hover:text-indigo-600 dark:hover:text-white transition-colors">
                            B站主页
                        </a>
                    </li>
                    <li>
                        <a href="https://live.bilibili.com/24048885" target="_blank" class="text-base text-gray-500 dark:text-gray-400 hover:text-indigo-600 dark:hover:text-white transition-colors">
                            直播间
                        </a>
                    </li>
                </ul>
            </div>

            <div class="text-center md:text-left">
                <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase mb-4">
                    课代表们
                </h3>
                <ul class="space-y-3">
                    <li>
                        <a href="https://space.bilibili.com/4847925" target="_blank" class="text-base text-gray-500 dark:text-gray-400 hover:text-indigo-600 dark:hover:text-white transition-colors">
                            开心鄢
                        </a>
                    </li>
                    <li>
                        <a href="https://space.bilibili.com/176444156" target="_blank" class="text-base text-gray-500 dark:text-gray-400 hover:text-indigo-600 dark:hover:text-white transition-colors">
                            神鬼传奇
                        </a>
                    </li>
                </ul>
            </div>

            <div class="text-center md:text-left">
                <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase mb-4">
                    录播文件
                </h3>
                <ul class="space-y-3">
                    <li>
                        <a href="https://www.aliyundrive.com/s/2moBpEUqDTG" target="_blank" class="text-base text-gray-500 dark:text-gray-400 hover:text-indigo-600 dark:hover:text-white transition-colors">
                            2022年录播
                        </a>
                    </li>
                    <li>
                        <a href="https://www.aliyundrive.com/s/AAAMXjagZ79" target="_blank" class="text-base text-gray-500 dark:text-gray-400 hover:text-indigo-600 dark:hover:text-white transition-colors">
                            2021年录播
                        </a>
                    </li>
                    <li>
                        <a href="https://www.aliyundrive.com/s/hpYfF518yH7" target="_blank" class="text-base text-gray-500 dark:text-gray-400 hover:text-indigo-600 dark:hover:text-white transition-colors">
                            2020年录播
                        </a>
                    </li>
                    <li>
                        <a href="https://www.aliyundrive.com/s/GuyUChZ27Fy" target="_blank" class="text-base text-gray-500 dark:text-gray-400 hover:text-indigo-600 dark:hover:text-white transition-colors">
                            2019年录播
                        </a>
                    </li>
                </ul>
            </div>

            <div class="text-center md:text-left">
                <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase mb-4">
                    关于
                </h3>
                <ul class="space-y-3">
                    <li>
                        <a href="https://afdian.net/a/q792602257" target="_blank" class="text-base text-gray-500 dark:text-gray-400 hover:text-indigo-600 dark:hover:text-white transition-colors">
                            赞助我~
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="mt-8 border-t border-gray-200 dark:border-gray-700 pt-8 md:flex md:items-center md:justify-between">
            <p class="mt-8 text-base text-gray-400 md:mt-0 md:order-1 text-center w-full">
                &copy; {{ date('Y') }} 永恒の录播查询站. All rights reserved.
            </p>
            <a href="http://beian.miit.gov.cn" target="_blank" class="text-base text-gray-500 dark:text-gray-400 hover:text-indigo-600 dark:hover:text-white transition-colors">
                赣ICP备18004555号-4
            </a>
        </div>
    </div>
</footer>