import Image from "next/image";
import Link from "next/link";
import { ArrowRight, Menu } from "lucide-react";

export function InnerHeader() {
  return (
    <header className="inner-header">
      <Link href="/" className="comando-mark" aria-label="COMANDO — início">
        <Image src="/brand/comando-mark.svg" alt="" width={28} height={28} aria-hidden="true" />
        <b>COMANDO</b>
      </Link>
      <nav aria-label="Navegação principal">
        <Link href="/imersao">Imersão</Link>
        <Link href="/diagnostico">Mapa 4C</Link>
        <Link href="/masterclass">Masterclass</Link>
        <Link href="/empresas">Empresas</Link>
      </nav>
      <Link className="inner-cta" href="/?origem=navegacao#lista">Lista prioritária <ArrowRight /></Link>
      <Menu className="mobile-menu-icon" aria-hidden="true" />
    </header>
  );
}

export function InnerFooter() {
  return (
    <footer className="inner-footer">
      <div className="comando-mark footer-mark"><Image src="/brand/comando-mark.svg" alt="" width={24} height={24} aria-hidden="true" /><b>COMANDO</b></div>
      <p>Uma propriedade intelectual ATANAZIO · nome provisório, sujeito a verificação de marca e domínio.</p>
      <nav aria-label="Informação legal">
        <Link href="/privacidade">Privacidade</Link><Link href="/termos">Termos</Link><Link href="/cookies">Cookies</Link><Link href="/contactos-acessibilidade">Contactos</Link>
      </nav>
    </footer>
  );
}
