Two-Column Footer Links Grid (Tailwind)

<div class="grid grid-cols-2 gap-8 mt-10">
                        <div class="">
                            <p class="text-xs text-zinc-500 font-normal font-geist" style="">Quick Links</p>
                            <ul class="mt-3 space-y-2">
                                <li class=""><a href="#" class="text-lg font-medium tracking-tight text-zinc-100 hover:underline underline-offset-4 font-geist" style="">Platform</a></li>
                                <li class=""><a href="#" class="text-lg font-medium tracking-tight text-zinc-100 hover:underline underline-offset-4 font-geist" style="">Features</a></li>
                                <li class=""><a href="#" class="text-lg font-medium tracking-tight text-zinc-100 hover:underline underline-offset-4 font-geist" style="">Pricing</a></li>
                                <li class=""><a href="#" class="text-lg font-medium tracking-tight text-zinc-100 hover:underline underline-offset-4 font-geist" style="">Docs</a></li>
                            </ul>
                        </div>
                        <div class="">
                            <p class="text-xs text-zinc-500 font-normal font-geist" style="">Connect</p>
                            <ul class="mt-3 space-y-2">
                                <li class="">
                                    <a href="#" class="inline-flex items-center gap-2 text-lg font-medium tracking-tight text-zinc-100 hover:underline underline-offset-4 font-geist" style="">
                                        GitHub
                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" data-lucide="external-link" class="lucide lucide-external-link h-4 w-4"><path d="M15 3h6v6" class=""></path><path d="M10 14 21 3" class=""></path><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" class=""></path></svg>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="inline-flex items-center gap-2 text-lg font-medium tracking-tight text-zinc-100 hover:underline underline-offset-4 font-geist" style="">
                                        Discord
                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" data-lucide="external-link" class="lucide lucide-external-link h-4 w-4"><path d="M15 3h6v6" class=""></path><path d="M10 14 21 3" class=""></path><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" class=""></path></svg>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="inline-flex items-center gap-2 text-lg font-medium tracking-tight text-zinc-100 hover:underline underline-offset-4 font-geist" style="">
                                        Twitter
                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" data-lucide="external-link" class="lucide lucide-external-link h-4 w-4"><path d="M15 3h6v6" class=""></path><path d="M10 14 21 3" class=""></path><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" class=""></path></svg>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>