// MEMORI — LinkedIn posts marquee
const LI_POSTS = [
  {
    initials: 'MK', name: 'Marlet Kervolin',
    role: 'Fondateur · MEMORI',
    body: 'Une marque personnelle ne se construit pas en publiant plus. Elle se construit en publiant juste. Voici les 3 erreurs que je vois chez 80% des dirigeants...',
    likes: '1.2K', comments: '147'
  },
  {
    initials: 'CL', name: 'Clémence L.',
    role: 'CEO · Tech B2B',
    body: 'En 6 mois, mon profil LinkedIn est devenu mon premier canal de lead generation. Pas par hasard. Par méthode. Le carnet de bord :',
    likes: '843', comments: '92'
  },
  {
    initials: 'JD', name: 'Julien D.',
    role: 'CMO · SaaS',
    body: 'Le contenu éphémère est mort. Place à la marque-mémoire. Ce que les dirigeants qui marquent vraiment leur secteur ont compris avant les autres.',
    likes: '2.1K', comments: '218'
  },
  {
    initials: 'AP', name: 'Antoine P.',
    role: 'Founder · Industrie',
    body: 'J\'ai longtemps cru que LinkedIn était une perte de temps. J\'avais tort. Pas sur le canal, sur la manière de l\'aborder. Mon retour d\'expérience.',
    likes: '976', comments: '104'
  },
  {
    initials: 'SF', name: 'Sophie F.',
    role: 'CEO · Retail',
    body: 'On ne se souvient pas de ceux qui parlent le plus, mais de ceux qui marquent les esprits. Trois principes que j\'applique depuis 2 ans.',
    likes: '1.6K', comments: '173'
  },
  {
    initials: 'TM', name: 'Thomas M.',
    role: 'Co-founder · FinTech',
    body: 'Notre dernière levée de fonds : 4M€. La rencontre décisive avec notre lead investor : un commentaire sous l\'un de mes posts. Coïncidence ? Non.',
    likes: '3.4K', comments: '291'
  },
  {
    initials: 'NB', name: 'Nadia B.',
    role: 'CEO · Conseil',
    body: 'Construire une autorité sur LinkedIn, ce n\'est pas une question de fréquence. C\'est une question de profondeur. Démonstration en 4 points.',
    likes: '728', comments: '64'
  },
  {
    initials: 'RV', name: 'Romain V.',
    role: 'Founder · Industrie',
    body: 'Mes 100 premiers posts m\'ont rapporté 0 leads. Mes 100 suivants ? +47 RDV qualifiés. Ce qui a changé entre les deux. Spoiler : ce n\'est pas le ton.',
    likes: '1.9K', comments: '186'
  },
];

function LiCard({ post }) {
  return (
    <article className="li-card">
      <div className="li-card-head">
        <div className="li-avatar">{post.initials}</div>
        <div>
          <div className="li-name">{post.name}</div>
          <div className="li-role">{post.role}</div>
        </div>
      </div>
      <div className="li-body">{post.body}</div>
      <div className="li-foot">
        <span><strong>{post.likes}</strong> réactions</span>
        <span><strong>{post.comments}</strong> commentaires</span>
      </div>
    </article>
  );
}

function LinkedInMarquee({ speed = 'normal' }) {
  const items = [...LI_POSTS, ...LI_POSTS];
  return (
    <section className={`li-marquee-section ${speed}`}>
      <div className="li-marquee">
        {items.map((p, i) => <LiCard post={p} key={i} />)}
      </div>
    </section>
  );
}
Object.assign(window, { LinkedInMarquee });