/* Testimonials — 3 cards from real radiologists */

function Testimonials() {
  const items = [
    {
      quote: "La diferencia se nota de inmediato. Poder dictar los hallazgos a buen ritmo y que la herramienta me devuelva el informe estructurado y sin errores de tipeo me ahorra un tiempo mental enorme. Soy mucho más productivo. Pasó a ser una herramienta indispensable en mi trabajo diario.",
      name: "Dr. Alejandro Martínez",
      role: "Especialista en Diagnóstico por Imágenes",
      initials: "AM",
      accent: "cyan",
    },
    {
      quote: "Lo que más me cerró es que se adapta a cualquier plataforma. Meto el atajo de teclado y el texto formateado aparece directo donde tengo el cursor. También es fácil copiar y pegar al RIS. El reconocedor de voz viene incluido y funciona muy bien. Para los que hacemos volumen de informes, este detalle cambia todo.",
      name: "Dra. Valeria Ramírez",
      role: "Médica Radióloga",
      initials: "VR",
      accent: "magenta",
    },
    {
      quote: "Al principio dudaba de cómo iba a manejar la terminología más específica, pero la precisión es excelente. Le tiro las palabras clave, mediciones, clasificaciones, o algún dato complejo y me arma un informe académico impecable en segundos. Recuperé al menos 2 horas de mi día.",
      name: "Dr. Gonzalo Benítez Rovira",
      role: "Ecografista",
      initials: "GB",
      accent: "mint",
    },
  ];

  const accents = {
    cyan:    { border: "rgba(56,229,232,0.30)",  glow: "rgba(56,229,232,0.10)",  avatar: "linear-gradient(135deg,#38E5E8,#19B6B9)", text: "#04161F" },
    magenta: { border: "rgba(141,70,255,0.35)",  glow: "rgba(141,70,255,0.10)",  avatar: "linear-gradient(135deg,#8D46FF,#FF4FA3)", text: "#fff" },
    mint:    { border: "rgba(139,243,209,0.35)", glow: "rgba(139,243,209,0.08)", avatar: "linear-gradient(135deg,#8BF3D1,#38E5E8)", text: "#04161F" },
  };

  return (
    <section className="container section" id="testimonios">
      <div className="section-head">
        <span className="eyebrow">— Testimonios</span>
        <h2>Lo que dicen los <span className="grad">radiólogos que ya lo usan</span>.</h2>
        <p>Profesionales que recuperaron tiempo y ganaron precisión integrando DeltAi a su práctica diaria.</p>
      </div>
      <div className="testimonials">
        {items.map((t, i) => {
          const a = accents[t.accent];
          return (
            <figure key={i} className="testimonial" style={{borderColor: a.border, background: `linear-gradient(180deg, ${a.glow}, transparent 40%), linear-gradient(180deg, rgba(14,36,64,0.6), rgba(8,26,46,0.5))`}}>
              <span className="quote-mark" aria-hidden="true">"</span>
              <blockquote>{t.quote}</blockquote>
              <figcaption>
                <span className="avatar" style={{background: a.avatar, color: a.text}}>{t.initials}</span>
                <span className="who">
                  <span className="name">{t.name}</span>
                  <span className="role">{t.role}</span>
                </span>
              </figcaption>
            </figure>
          );
        })}
      </div>
    </section>
  );
}

window.Testimonials = Testimonials;
