function PressStrip() {
  // Empty slots — drop logos in here as <img> when you have them.
  const slots = [
    'Press logo 1',
    'Press logo 2',
    'Press logo 3',
    'Press logo 4',
    'Press logo 5'
  ];
  return (
    <section className="hh-press">
      <div className="hh-press__inner">
        <div className="hh-press__eyebrow">PRESS &amp; INDUSTRY RECOGNITION · PLACEHOLDER</div>
        <div className="hh-press__row">
          {slots.map((label, i) => (
            <div key={i} className="hh-press__slot">
              <span className="hh-press__slot-label">{label}</span>
            </div>
          ))}
        </div>
        <p className="hh-press__note">Replace each slot with an <code>&lt;img src="…"&gt;</code> of the publication's wordmark (PNG/SVG, transparent background). Keep heights consistent.</p>
      </div>
    </section>
  );
}
window.PressStrip = PressStrip;