---
import OsecWordmark from '../ui/OsecWordmark.astro';
---
<footer class="py-16">
<div class="max-w-5xl mx-auto px-6">
<div class="h-px bg-noir-800 mb-12"></div>
<div class="flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4">
<div class="flex items-center gap-3">
<img src="/foxguard-logo.png" alt="" class="h-5 w-5 object-contain" loading="lazy" decoding="async" />
<span class="text-noir-500 text-sm">foxguard · MIT OR Apache-2.0 ·
<a
href="https://0sec.ai"
target="_blank"
rel="noopener"
class="inline-flex items-baseline gap-1 text-noir-400 hover:text-noir-100 no-underline"
>
<OsecWordmark />
</a>
</span>
</div>
<div class="flex flex-wrap items-center gap-x-4 gap-y-2 text-sm text-noir-600">
<a href="https://github.com/0sec-labs/foxguard" class="whitespace-nowrap hover:text-noir-100 transition-colors no-underline">GitHub</a>
<a href="/docs" class="whitespace-nowrap hover:text-noir-100 transition-colors no-underline">Docs</a>
<a href="/compare" class="whitespace-nowrap hover:text-noir-100 transition-colors no-underline">Compare</a>
<a href="/rules" class="whitespace-nowrap hover:text-noir-100 transition-colors no-underline">Rules</a>
<a href="/post-quantum" class="whitespace-nowrap hover:text-noir-100 transition-colors no-underline">Post-quantum</a>
<a href="/blog" class="whitespace-nowrap hover:text-noir-100 transition-colors no-underline">Blog</a>
<a href="https://www.npmjs.com/package/foxguard" class="whitespace-nowrap hover:text-noir-100 transition-colors no-underline">npm</a>
<a href="https://crates.io/crates/foxguard" class="whitespace-nowrap hover:text-noir-100 transition-colors no-underline">crates.io</a>
</div>
</div>
</div>
</footer>