function ForWhom() {
  const benefits = [
    'Orientierung, wenn alles gleichzeitig kippt. Ich zeige dir, worauf es ankommt',
    'Die Zusammenhänge zwischen Technologie, Markt und Politik. Ich verbinde, was zusammengehört',
    'Ehrliche Analyse. Keine PR, keine versteckte Agenda',
    'Eine tiefe Analyse pro Woche. Damit du die Lage verstehst, nicht nur die Schlagzeilen',
  ];
  return (
    <section className="section forwhom">
      <div className="container-narrow">
        <h2 className="section-title">Für wen schreibe ich?</h2>
        <div className="story-prose">
          <p>
            Vielleicht kennst du das. Du arbeitest in der Autoindustrie. Du steckst den ganzen
            Tag in Terminen. Und trotzdem sollst du wissen, wohin sich die Branche bewegt.
          </p>
          <p className="forwhom-pivot">Genau für dich schreibe ich.</p>
          <p>
            Für alle, die intern etwas bewegen wollen und dafür Argumente brauchen. Für alle,
            die sehen, was schiefläuft, und sich damit oft allein fühlen. Für alle, die
            entscheiden müssen, aber kaum Zeit haben, sich richtig zu informieren.
          </p>
        </div>
        <p className="forwhom-bullets-label">Was du bei mir bekommst:</p>
        <ul className="forwhom-list">
          {benefits.map((b, i) => (<li key={i}>{b}</li>))}
        </ul>
        <p className="story-prose forwhom-close">
          Und du bist mit all dem nicht allein. Vom Sachbearbeiter bis zum Vorstand liest die
          ganze Branche mit.
        </p>
      </div>
    </section>
  );
}
window.ForWhom = ForWhom;