---
import CTAButtons from './CTAButtons.astro';
---
<header class="sticky top-0 z-40 backdrop-blur-md bg-bg/80 border-b border-border">
  <div class="max-w-content mx-auto px-6 h-16 flex items-center justify-between gap-6">
    <a href="/" class="flex items-center gap-2 group" aria-label="Cameleer home">
      <img
        src="/icons/cameleer-48.png"
        width="32"
        height="32"
        alt=""
        decoding="async"
        class="shrink-0"
      />
      <span class="font-sans font-bold text-lg tracking-tight text-text group-hover:text-accent transition-colors">Cameleer</span>
    </a>
    <nav class="flex items-center gap-8 text-sm" aria-label="Primary">
      <a href="/pricing" class="text-text-muted hover:text-text transition-colors">Pricing</a>
    </nav>
    <CTAButtons size="md" />
  </div>
</header>
