---
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">
      <svg width="24" height="24" viewBox="0 0 32 32" aria-hidden="true">
        <rect width="32" height="32" rx="6" fill="#0c111a"/>
        <g fill="none" stroke="#f0b429" stroke-width="1.6" stroke-linecap="round">
          <path d="M4 10 Q10 6 16 12 T28 10"/>
          <path d="M4 16 Q10 12 16 18 T28 16"/>
          <path d="M4 22 Q10 18 16 24 T28 22"/>
        </g>
      </svg>
      <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>
