// site/testimonials.jsx — Testimonials page
const TESTIMONIALS = [
  {
    quote:
      "I was telling someone yesterday how lucky I had been to have met you and what a fantastic financial advisor you are, and friend, and an all-round wonderful guy. I'm honestly so pleased that I have you to support me, you're one of the star players in Team Jessica.",
    name: "Jessica",
  },
  {
    quote:
      "It has been a pleasure working with you as my Advisor. It is not just about the returns in the portfolio, but the logical explanations, the diversified nature of my portfolio and smooth returns over time, have made it look so easy when in fact the markets have seen tariffs, war, inflation and more. Keep doing what you are doing.",
    name: "Hari",
  },
];

function TestimonialsPage() {
  const gridRef = useReveal();
  return (
    <div data-screen-label="05 Testimonials">
      <PageHeading
        eyebrow="In their words"
        title="Testimonials"
        sub="Reflections from the families and businesses we serve."
      />

      <section className="section-navy" data-comment-anchor="testimonials-shell">
        <div className="container">
          <div ref={gridRef} className="testimonials-grid stagger-grid">
            {TESTIMONIALS.map((t, i) => (
              <article className="t-quote" key={i}>
                <div className="q-text">{t.quote}</div>
                <div className="q-meta">
                  <span className="q-name">— {t.name}</span>
                </div>
              </article>
            ))}
          </div>
        </div>
      </section>
    </div>
  );
}

window.TestimonialsPage = TestimonialsPage;