function Testimonials() {
  const reviews = [
    { src: "Google", name: "Rhonda T.", loc: "Greater Seattle, WA", initials: "RT",
      quote: "They took my old kitchen down to the studs and designed something that kept the character of the house. Professional, constant communication, and their craftsmanship didn't cut corners." },
    { src: "Google", name: "Mattie K.", loc: "Greater Seattle, WA", initials: "MK",
      quote: "They made sure every detail was exactly how I wanted it — texting me photos and always available when I had a question. It's hard to find contractors you can trust. These guys are it." },
    { src: "Google", name: "Taylor Y.", loc: "Greater Seattle, WA", initials: "TY",
      quote: "Every night they cleaned and organized the workspace. They shop-vac'd the driveway so you couldn't even tell they were there. I'm a self-described clean freak — these guys met my standards." },
    { src: "Google", name: "Bryce F.", loc: "Mukilteo, WA", initials: "BF",
      quote: "They started and finished on time during our summer window — critical for our family's schedule. Summer 2025 we re-hired them for our bathrooms. Another great experience." },
    { src: "Google", name: "Robert H.", loc: "Greater Seattle, WA", initials: "RH",
      quote: "Within 36 hours I had a detailed bid with a 3D rendering at no charge. They finished everything five weeks in — a full week earlier than promised. If I could give 6 stars, I would." },
    { src: "Google", name: "Jenny B.", loc: "Greater Seattle, WA", initials: "JB",
      quote: "We hit hiccups along the way — expected with a 1925 home — but they handled everything professionally and kept us informed. We're already planning to bring them back for the master bathroom." },
  ];

  return (
    <section className="section section--green" id="reviews">
      <div className="container">
        <div className="section-head section-head--center" style={{color:'#fff'}}>
          <span className="eyebrow">What homeowners say</span>
          <h2 className="h2" style={{color:'#fff'}}>150+ five-star reviews from <em>Greater Seattle homeowners.</em></h2>
          <p className="lede" style={{color:'rgba(255,255,255,0.78)', textAlign:'center'}}>Hear it straight from the people who actually cook in our kitchens now.</p>
        </div>

        <div className="t-grid">
          {reviews.map((r, i) => (
            <div className="t-card" key={i}>
              <div className="source-row">
                <span className="src">Via {r.src}</span>
                <Stars size={13} />
              </div>
              <p className="quote">"{r.quote}"</p>
              <div className="author">
                <div className="t-avatar">{r.initials}</div>
                <div>
                  <div className="author-name">{r.name}</div>
                  <div className="author-loc">{r.loc}</div>
                </div>
              </div>
            </div>
          ))}
        </div>
      </div>
    </section>
  );
}
window.Testimonials = Testimonials;