/* global React */
function Testimonials() {
  const quotes = [
    {
      quote: 'We hired 4 senior engineers in 6 weeks. The last agency we used delivered 2 in 6 months. The math is not subtle.',
      name: 'Alex Mehrotra',
      title: 'Co-founder & CTO',
      company: 'Drift Labs',
      stat: { n: '6w', l: '4 senior hires' }
    },
    {
      quote: 'Asteroid is the first time recruiting felt like infrastructure. We open the role, the candidates show up, we hire.',
      name: 'Sasha Liu',
      title: 'Head of Engineering',
      company: 'Northstack',
      stat: { n: '0', l: 'rejected shortlists' }
    },
    {
      quote: 'Match scores actually mean something. Every finalist we met cleared the bar — we made offers to 3 of 5.',
      name: 'Ben Yoo',
      title: 'VP Talent',
      company: 'Lattice Pay',
      stat: { n: '60%', l: 'offer rate' }
    }
  ];
  return (
    <section id="customers" className="section section--light testimonials">
      <div className="container">
        <div className="section__head">
          <div className="eyebrow">Customers</div>
          <h2 className="h2">Receipts from teams who stopped waiting.</h2>
        </div>
        <div className="testimonials__grid">
          {quotes.map((q, i) => (
            <figure className="testimonial" key={i}>
              <div className="testimonial__stat">
                <div className="testimonial__stat-num">{q.stat.n}</div>
                <div className="testimonial__stat-label">{q.stat.l}</div>
              </div>
              <blockquote className="testimonial__quote">&ldquo;{q.quote}&rdquo;</blockquote>
              <figcaption className="testimonial__caption">
                <div className="testimonial__avatar">{q.name.split(' ').map(s => s[0]).join('')}</div>
                <div>
                  <div className="testimonial__name">{q.name}</div>
                  <div className="testimonial__title">{q.title} · {q.company}</div>
                </div>
              </figcaption>
            </figure>
          ))}
        </div>
      </div>
    </section>
  );
}
window.Testimonials = Testimonials;