// MEMORI — Testimonials
function Testimonials() {
  const small = [
    {
      photo: 'uploads/Edouard Kini.png',
      q: "Je remercie Marlet et son équipe pour l'écoute et la mise en place d'une stratégie gagnante pour Infodeos. Je recommande chaudement.",
      name: 'Édouard Kini', role: 'CEO · Infodéos',
    },
    {
      photo: 'uploads/Olivier Dhaine.jpg',
      q: "Prestation qualitative et tarif approprié pour une formation / coaching ponctuel. Timing très bon. Structuration très pertinente. Bons retours d'expérience. Très bonne pédagogie de la part de Marlet.",
      name: 'Olivier Dhaine', role: 'Fondateur · Cabinet Belle & Dhaine',
    },
    {
      photo: 'uploads/Mehdi Saoud.jpg',
      q: "En formant un binôme, Marlet a réussi à comprendre mon métier, mon audience et mon style d'écriture pour me faire gagner en efficacité et en visibilité. Un grand coup de pouce que je recommande pour investir sur sa marque personnelle, le retour sur investissement en est inestimable.",
      name: 'Mehdi Saoud', role: 'DAF · Livementor',
    },
  ];
  return (
    <section className="testimonials">
      <div className="wrap">
        <div className="s-head fade-up">
          <span className="eyebrow">§ 05 : Témoignages</span>
          <h2>Ce qu'ils en <em>disent</em>.</h2>
        </div>
      </div>

      <div className="t-star fade-up">
        <span className="t-mark">"</span>
        <p className="t-quote">
          <span>« Une bonne collab pour une première. Je suis très contente des échanges et de la qualité de nos conversations afin d'arriver au résultat que l'on a réussi à créer en 2 mois. Un mec cool à l'écoute et attentif. </span>
          <span>Je recommande Marlet et Memori. »</span>
        </p>
        <div className="t-attr">
          <div className="t-avatar"><img src="uploads/Allison Pineau.jpg" alt="Allison Pineau" /></div>
          <div className="t-attr-text">
            <span className="name">Allison Pineau</span>
            <span className="role">Ex-handballeuse professionnelle · Entrepreneuse et Chroniqueuse sportive</span>
          </div>
        </div>
      </div>

      <div className="wrap">
        <div className="t-grid">
          {small.map((t, i) => (
            <article className="t-card fade-up" key={i}>
              <div className="t-card-q">
                <p>« {t.q} »</p>
              </div>
              <div className="t-card-attr">
                <div className="t-card-avatar"><img src={t.photo} alt={t.name} /></div>
                <div>
                  <div className="t-card-name">{t.name}</div>
                  <div className="t-card-role">{t.role}</div>
                </div>
              </div>
            </article>
          ))}
        </div>
      </div>
    </section>
  );
}
Object.assign(window, { Testimonials });
