function Testimonials() {
  const items = [
    {
      size: 'wide',
      quote: 'I wanted an MBA without leaving my job. MentVecity shortlisted three programs in a week, negotiated my EMI, and my advisor still checks in every term.',
      name: 'Ananya Rao',
      meta: 'MBA · Business Analytics · Northbrook',
      avatar: 'A',
    },
    {
      size: 'med',
      accent: true,
      quote: '"Counseling felt like a career conversation, not a sales call."',
      name: 'Devansh Menon',
      meta: 'MCA · Data Science · Rivermount',
      avatar: 'D',
      alt: true,
    },
    {
      size: 'med',
      quote: 'The placement team got me three interviews in my last semester. I moved from ops into a product role with a 74% bump.',
      name: 'Priya Kulkarni',
      meta: 'PGDip · Product Mgmt · Haldane',
      avatar: 'P',
    },
    {
      size: 'narrow',
      quote: 'Zero-cost EMI and a clear fee break-up. First platform that did not surprise me mid-semester.',
      name: 'Rohit S.',
      meta: 'BBA · Online',
      avatar: 'R',
      alt: true,
    },
    {
      size: 'med',
      quote: 'My mentor works at the company I eventually joined. That alone was worth the program.',
      name: 'Saniya F.',
      meta: 'M.Com · Strategic Finance',
      avatar: 'S',
    },
    {
      size: 'narrow',
      quote: 'Three kids, a job, and a degree. Only possible because lectures were recorded and advisors were flexible.',
      name: 'Kavitha R.',
      meta: 'MBA · Weekend cohort',
      avatar: 'K',
      alt: true,
    },
  ];
  return (
    <section className="section testimonials-section">
      <div className="container">
        <FadeUp>
          <div className="section-head">
            <div className="section-eyebrow">Student stories</div>
            <h2 className="section-title">
              What students say, <span className="serif">after they graduate.</span>
            </h2>
          </div>
        </FadeUp>
        <div className="testimonial-grid">
          {items.map((t, i) => (
            <FadeUp key={i} delay={(i % 3) + 1} className={`testi ${t.size} ${t.accent ? 'accent' : ''}`}>
              <div className="testi-quote">{t.quote}</div>
              <div className="testi-foot">
                <div className={`testi-avatar ${t.alt ? 'alt' : ''}`}>{t.avatar}</div>
                <div>
                  <div className="testi-name">{t.name}</div>
                  <div className="testi-meta">{t.meta}</div>
                </div>
              </div>
            </FadeUp>
          ))}
        </div>
      </div>
    </section>
  );
}
window.Testimonials = Testimonials;