function Testimonials() {
  // NOTE: placeholder quotes — replace with real client testimonials before launch.
  const quotes = [
    { q: "We used to lose two or three enquiries a week to slow replies. Now every lead gets a same-day response, even when I&rsquo;m on site. Paid for itself in the first month.", who: "[Client name]", role: "[Director, M&E sub-contractor — placeholder]" },
    { q: "Tender responses that used to eat my weekends now go out in an hour. We&rsquo;ve doubled the number we put out without hiring anyone.", who: "[Client name]", role: "[Owner, fit-out sub-contractor — placeholder]" },
    { q: "Norix told me which old clients hadn&rsquo;t heard from us in six months. Two phone calls later, we had a £40k repeat job on the books.", who: "[Client name]", role: "[MD, structural sub-contractor — placeholder]" },
  ];
  return (
    <section className="nx-tm" id="results">
      <div className="nx-tm__inner">
        <div className="nx-eyebrow">Results</div>
        <h2 className="nx-tm__title">More replies. More tenders out. More work won.</h2>
        <div className="nx-tm__grid">
          {quotes.map((q, i) => (
            <figure key={i} className="nx-quote">
              <blockquote>&ldquo;<span dangerouslySetInnerHTML={{__html: q.q}} />&rdquo;</blockquote>
              <figcaption>
                <div className="nx-quote__avatar"></div>
                <div>
                  <div className="nx-quote__who">{q.who}</div>
                  <div className="nx-quote__role">{q.role}</div>
                </div>
              </figcaption>
            </figure>
          ))}
        </div>
      </div>
    </section>
  );
}
window.Testimonials = Testimonials;
