// Testimonials.jsx — dark elegant testimonial cards
function Testimonials() {
  return (
    <section className="section testimonials-section">
      <div className="container">
        <div className="section-head reveal">
          <span className="eyebrow"><span className="dot"></span>What our clients say</span>
          <h2>Operators who got their week back.</h2>
          <p>
            Two of the teams DuckTask works with — both came in looking for hires,
            both left with running operational systems.
          </p>
        </div>

        <div className="tcards">
          <div className="tcard reveal">
            <div className="stars">
              {Array.from({ length: 5 }).map((_, i) => (
                <i key={i} data-lucide="star" className="ic" style={{ fill: "var(--bill-500)" }}></i>
              ))}
            </div>
            <div className="quote-mark">“</div>
            <blockquote>
              DuckTask felt less like an agency and more like a senior hire we didn't have to onboard.
              Within two weeks we had four qualified architects in interviews — and the whole pipeline
              kept running while we got back to designing.
            </blockquote>
            <div className="services-pills">
              <span className="spill">Recruiting</span>
            </div>
            <div className="who">
              <div className="ava">CV</div>
              <div>
                <div className="name">Crystal V.</div>
                <div className="role">Principal · Light Space Architects</div>
              </div>
            </div>
          </div>

          <div className="tcard reveal d1">
            <div className="stars">
              {Array.from({ length: 5 }).map((_, i) => (
                <i key={i} data-lucide="star" className="ic" style={{ fill: "var(--bill-500)" }}></i>
              ))}
            </div>
            <div className="quote-mark">“</div>
            <blockquote>
              They handled our staffing pipeline and ran our social channels at the same time —
              both without us having to chase anyone. The numbers got better, but honestly the
              biggest win was just not having to think about it.
            </blockquote>
            <div className="services-pills">
              <span className="spill">Recruiting</span>
              <span className="spill">Social media</span>
            </div>
            <div className="who">
              <div className="ava">ML</div>
              <div>
                <div className="name">Ms. Lee</div>
                <div className="role">Founder · OONA Insurance</div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  );
}
window.Testimonials = Testimonials;