function AboutBlock() {
  const press = [
    { src: 'assets/press/tagesschau24.svg',   alt: 'tagesschau24' },
    { src: 'assets/press/focus.png',           alt: 'Focus Online' },
    { src: 'assets/press/deutsche-welle.svg', alt: 'Deutsche Welle' },
    { src: 'assets/press/washington-post.svg', alt: 'Washington Post' },
  ];
  return (
    <section className="about-block">
      <div className="container">
        <div className="about-block-grid">
          <div className="about-block-img">
            <img src="assets/philipp-tagesschau.jpg" alt="Philipp Raasch live im ARD-Studio bei der Tagesschau" loading="lazy" />
          </div>
          <div className="about-block-content">
            <div className="section-eyebrow">
              <span className="kicker-line"></span>Von Philipp Raasch
            </div>
            <h2 className="section-title about-block-title">
              10 Jahre Mercedes-Benz.
            </h2>
            <p className="about-block-role">
              Heute bin ich unabhängiger Analyst und Stratege für die Autoindustrie.
            </p>
            <p className="about-block-body">
              Was Insider wirklich denken, schreibe ich auf.
            </p>
            <div className="about-block-press">
              <span className="about-block-press-label">Auch bekannt aus</span>
              <div className="about-block-press-logos">
                {press.map((p) => (
                  <div key={p.alt} className="about-block-press-tile">
                    <img src={p.src} alt={p.alt} loading="lazy" />
                  </div>
                ))}
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  );
}
window.AboutBlock = AboutBlock;