---
import { nav, site } from "../data/site";
---

<a class="skip-link" href="#main-content">Zum Inhalt springen</a>
<header class="site-header">
  <div class="header-inner">
    <a class="brand" href="/" aria-label="Heinz Heidrich GmbH Startseite">
      <img src="/assets/img/logo-heidrich.png" alt="Heinz Heidrich GmbH" width="300" height="73" />
    </a>

    <nav class="desktop-nav" aria-label="Hauptnavigation">
      {nav.map((item) => <a href={item.href}>{item.label}</a>)}
    </nav>

    <a class="nav-call" href={site.phoneHref}>{site.phone}</a>

    <details class="mobile-nav">
      <summary>Menü</summary>
      <div class="mobile-nav-panel">
        {nav.map((item) => <a href={item.href}>{item.label}</a>)}
        <a href={site.phoneHref}>Anrufen</a>
      </div>
    </details>
  </div>
</header>
