import Link from "next/link";

const navigation = [
  { href: "/#find-help", label: "Find Help" },
  { href: "/guides", label: "How-To" },
  { href: "/scam-prevention", label: "Scam Prevention" },
  { href: "/#promise", label: "The Promise" },
  { href: "/#current-work", label: "Current Work" },
  { href: "/about", label: "About" },
  { href: "/toshin-charles-samuels", label: "Full Record" },
];

export default function SiteHeader() {
  return (
    <>
      <header className="site-header">
        <Link href="/" className="site-name">
          Toshin Samuels
        </Link>

        <nav className="site-nav" aria-label="Primary navigation">
          {navigation.map((item) => (
            <Link href={item.href} key={item.href}>
              {item.label}
            </Link>
          ))}
        </nav>
      </header>

      <aside className="emergency-strip" aria-label="Immediate help">
        <span>
          Immediate danger: <a href="tel:911">Call 911</a>
        </span>
        <span aria-hidden="true">•</span>
        <span>
          Crisis or emotional distress: <a href="tel:988">Call 988</a> or{" "}
          <a href="sms:988">text 988</a>
        </span>
        <span aria-hidden="true">•</span>
        <span>
          Local services: <a href="tel:211">Call 211</a>
        </span>
      </aside>
    </>
  );
}
