---
const year = new Date().getFullYear();
---
<footer class="border-t border-border mt-24">
  <div class="max-w-content mx-auto px-6 py-12 flex flex-col md:flex-row md:items-center md:justify-between gap-8">
    <div class="flex items-center gap-3">
      <img
        src="/icons/cameleer-32.png"
        width="24"
        height="24"
        alt=""
        decoding="async"
        class="shrink-0 opacity-80"
      />
      <span class="text-text-muted text-sm">© {year} Cameleer</span>
    </div>
    <nav class="flex items-center gap-8 text-sm text-text-muted" aria-label="Footer">
      <a href="/pricing" class="hover:text-text transition-colors">Pricing</a>
      <a href="/imprint" class="hover:text-text transition-colors">Imprint</a>
      <a href="/privacy" class="hover:text-text transition-colors">Privacy</a>
    </nav>
  </div>
</footer>
