import { Wordmark } from '@/components/primitives/Wordmark';
import { CTA } from '@/components/primitives/CTA';
import { Container } from '@/components/primitives/Container';
import { header } from '@/lib/content';

export function Header() {
  return (
    <header className="sticky top-0 z-50 border-b border-azul-profundo/10 bg-white/80 backdrop-blur">
      <Container className="flex items-center justify-between py-3">
        <a href="#top" aria-label="creeer — inicio">
          <Wordmark size="md" />
        </a>
        <nav aria-label="Principal">
          <CTA href="#contacto" label={header.cta} variant="light" />
        </nav>
      </Container>
    </header>
  );
}