const GEDOLIM = [
  {img:"assets/gedolim/steinman-cohen.jpg",   q:"Chinuch Atzmai stands as the pillar upon which the Torah education of Eretz Yisrael's children rests — its work must not falter.", n:"Rav Aharon Leib Steinman zt\"l", o:"Bnei Brak"},
  {img:"assets/gedolim/landau-povarsky.jpg", q:"Every child brought into a Chinuch Atzmai classroom is a child returned to the mesorah of Klal Yisroel.", n:"Rav Mordechai Karelitz shlit\"a", o:"Council of Torah Sages"},
  {img:"assets/gedolim/zilberstein-galai.jpg", q:"There is no greater zechus in our generation than to participate in the Torah education of these tinokos shel Beis Rabban.", n:"Rav Yitzchak Zilberstein shlit\"a", o:"Rav of Ramat Elchanan"},
];

function GedolimRow() {
  return (
    <section className="section section-paper">
      <div className="container">
        <div className="section-head">
          <div className="eyebrow">Rabbinic Endorsements</div>
          <h2>Guided by <em>Our Gedolim</em></h2>
          <p>Chinuch Atzmai operates under the guidance and unwavering commitment of Gedolei Yisrael, ensuring that the path to Torah education remains open to every child.</p>
        </div>
        <div className="ged-row">
          {GEDOLIM.map((g,i) => (
            <article key={i} className="ged-card">
              <p className="ged-quote">"{g.q}"</p>
              <div className="ged-meta">
                <img src={g.img} alt={g.n} />
                <div>
                  <div className="nm">{g.n}</div>
                  <div className="org">{g.o}</div>
                </div>
              </div>
            </article>
          ))}
        </div>
      </div>
    </section>
  );
}
window.GedolimRow = GedolimRow;