Logo, inline links, copyright
Create a minimal centered footer with Tailwind CSS: a small centered logo, a single row of inline nav links, a row of social icons, and a copyright line, all stacked and centered with modest padding on a light background.
.
Create a minimal centered footer with Tailwind CSS: a small centered logo, a single row of inline nav links, a row of social icons, and a copyright line, all stacked and centered with modest padding on a light background.<footer class="border-t border-neutral-200 bg-white py-10">
<div class="mx-auto max-w-3xl px-6 text-center">
<div class="mx-auto mb-4 h-7 w-7 rounded-md bg-neutral-900"></div>
<nav class="flex flex-wrap items-center justify-center gap-6 text-sm text-neutral-500">
<a href="#" class="hover:text-neutral-900">Home</a>
<a href="#" class="hover:text-neutral-900">Pricing</a>
<a href="#" class="hover:text-neutral-900">Docs</a>
<a href="#" class="hover:text-neutral-900">Contact</a>
</nav>
<div class="mt-5 flex justify-center gap-4 text-neutral-400">
<a href="#" class="hover:text-neutral-900"><svg aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" class="inline-block h-[1em] w-[1em] shrink-0 align-[-0.125em] transition-transform"><path d="M15 21v-3.5c0-1 .1-1.4-.5-2 2.8-.3 5.7-1.4 5.7-6.2 0-1.4-.5-2.5-1.3-3.4.1-.3.6-1.7-.1-3.4 0 0-1.1-.3-3.6 1.3a12.4 12.4 0 0 0-6.5 0C6.2 2.2 5.1 2.5 5.1 2.5c-.7 1.7-.2 3.1-.1 3.4a5 5 0 0 0-1.3 3.4c0 4.8 2.9 5.9 5.7 6.2-.5.5-.6 1-.5 2V21"/><path d="M9 18c-2.7.8-2.7-1.3-3.8-1.6"/></svg></a>
<a href="#" class="hover:text-neutral-900"><svg aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" class="inline-block h-[1em] w-[1em] shrink-0 align-[-0.125em] transition-transform"><path d="M5 4l14 16M19 4 5 20"/></svg></a>
<a href="#" class="hover:text-neutral-900"><svg aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" class="inline-block h-[1em] w-[1em] shrink-0 align-[-0.125em] transition-transform"><path d="M7 9v11M7 5v.01M11 20v-6.5a4.5 4.5 0 0 1 9 0V20M11 9v11"/></svg></a>
</div>
<p class="mt-5 text-xs text-neutral-400">© 2026 Vertex Labs. All rights reserved.</p>
</div>
</footer>Create a minimal centered footer with Tailwind CSS: a small centered logo, a single row of inline nav links, a row of social icons, and a copyright line, all stacked and centered with modest padding on a light background.