function Testimonials() {
  const { TestimonialCard, Tag } = window.MarianaFranADesignSystem_8735af;
  // Real patient/family messages, drawn verbatim (lightly trimmed for length) from
  // WhatsApp threads and Instagram comments/stories shared by Mariana França.
  const items = [
    { name: 'Janaina R.', role: 'paciente', quote: 'Você me deixou livre das dores diárias. Meu pós-cirúrgico fez toda diferença com você — não poderia ficar de fora dessa homenagem.' },
    { name: 'Cristina F.', role: 'paciente', quote: 'Fiz tratamento da lombar, e meu marido, que sofreu um acidente de moto, voltou às atividades normais após o tratamento com essa profissional incrível.' },
    { name: 'Família de Fernando', role: 'atendimento domiciliar', quote: 'Existe um Fernando antes e outro depois dos seus cuidados — ele evoluiu muito. A motivação vem deles: gratidão por todo carinho e confiança.' },
    { name: 'Marlene P.', role: 'paciente', quote: 'Fisioterapeuta maravilhosa. Ama todos os pacientes, cuida com carinho.' },
    { name: 'Zita F.', role: 'paciente', quote: 'Sua atenção e dedicação com os pacientes fazem toda a diferença no tratamento.' },
    { name: 'Paciente', role: 'domiciliar', quote: 'O tratamento está sendo eficaz para minha condição. A doutora foi muito competente e explicou tudo de forma clara — ambiente acolhedor, instalações modernas.' },
  ];
  return (
    <section id="depoimentos" style={{ padding: 'var(--space-9) var(--container-padding-x)', background: 'var(--white)' }}>
      <div style={{ maxWidth: 'var(--container-width)', margin: '0 auto' }}>
        <div data-reveal className="reveal-up" style={{ textAlign: 'center', marginBottom: 'var(--space-7)' }}>
          <h2 style={{ font: 'var(--text-h2)', color: 'var(--color-text-heading)', margin: '0 0 12px' }}>
            Quem já foi cuidado por Mariana, conta
          </h2>
          <p style={{ font: 'var(--text-body-lg)', color: 'var(--color-text-secondary)', margin: '0 auto', maxWidth: '56ch' }}>
            Mensagens reais de pacientes e familiares, compartilhadas no WhatsApp e no Instagram.
          </p>
        </div>
        <div className="testimonials-grid" style={{ display: 'grid', gridTemplateColumns: 'repeat(3, 1fr)', gap: 'var(--space-5)' }}>
          {items.map((t, i) => (
            <div key={t.name + i} data-reveal data-reveal-delay={i * 60} className="reveal-up">
              <TestimonialCard quote={t.quote} name={`${t.name} · ${t.role}`} />
            </div>
          ))}
        </div>
        <div data-reveal className="reveal-up" style={{ textAlign: 'center', marginTop: 'var(--space-6)' }}>
          <a href="https://instagram.com/marianafranca.fisio" target="_blank" rel="noopener noreferrer" style={{
            display: 'inline-flex', alignItems: 'center', gap: 8, font: 'var(--text-small)', fontWeight: 700,
            color: 'var(--color-text-link)', textDecoration: 'none',
          }}>
            Veja mais relatos reais em @marianafranca.fisio →
          </a>
        </div>
      </div>
    </section>
  );
}
window.Testimonials = Testimonials;