function Availability() {
  const rows = [
    { k: 'Sprachen', v: 'Deutsch und Englisch' },
    { k: 'Verfügbar für', v: 'TV, Radio, Podcast, Print, Panel & Moderation' },
    { k: 'Interview-Formate', v: 'Vor Ort, oder Live-Schalte in Sendequalität von remote' },
    { k: 'Reaktionszeit', v: 'Kurzfristig, auch am selben Tag' },
  ];
  return (
    <section className="section availability">
      <div className="container-narrow">
        <div className="section-eyebrow"><span className="kicker-line"></span>Verfügbarkeit</div>
        <h2 className="section-title">Schnell gebucht</h2>
        <p className="section-lede">Was Redaktionen am Deadline-Tag wissen müssen.</p>
        <ul className="avail-grid">
          {rows.map((r, i) => (
            <li key={i} className="avail-item">
              <span className="avail-key">{r.k}</span>
              <span className="avail-val">{r.v}</span>
            </li>
          ))}
          <li className="avail-item">
            <span className="avail-key">Anfrage</span>
            <span className="avail-val"><a href="mailto:team@autopreneur.de">team@autopreneur.de</a></span>
          </li>
        </ul>
      </div>
    </section>
  );
}
window.Availability = Availability;