// Testimonials.jsx
function Testimonials() {
  const quotes = [
    { q: "I soldered my first circuit at AeroLabs. A year later I'm designing a drone frame in Fusion 360.", who: 'Maya', role: '8th grade · cohort 3' },
    { q: "The guest speakers alone would be worth it — an actual 737 captain answered my kid's questions for 40 minutes.", who: 'David R.', role: 'Parent' },
    { q: "They treat you like an engineer, not a kid who's pretending. That made all the difference.", who: 'Arjun', role: '10th grade · cohort 2' },
  ];
  return (
    <section className="al-section">
      <div className="al-container">
        <div className="al-eyebrow al-center">WORD FROM THE HANGAR</div>
        <h2 className="al-h2 al-center">Students, parents, and partners.</h2>
        <div className="al-testimonials">
          {quotes.map((t, i) => (
            <figure key={i} className="al-testimonial">
              <i data-lucide="quote" className="al-quote-mark"/>
              <blockquote>{t.q}</blockquote>
              <figcaption>
                <span className="al-t-who">{t.who}</span>
                <span className="al-t-role">{t.role}</span>
              </figcaption>
            </figure>
          ))}
        </div>
        <div className="al-partners">
          <div className="al-partners-label">PARTNERS &amp; SUPPORTERS</div>
          <div className="al-partners-row">
            {['Partner 01','Partner 02','Partner 03','Partner 04','Partner 05','Partner 06'].map((p,i) => (
              <div key={i} className="al-partner-slot">{p}</div>
            ))}
          </div>
        </div>
      </div>
    </section>
  );
}
window.Testimonials = Testimonials;