// === /newsletter/aout-septembre-2026 : édition archivée ===
const { Logo, ArrowUpRight, ThemeToggle, FooterMin, NewsletterForm } = window.BMShared;

const EditionApp = () => (
  <div className="page">
    <nav className="nav" id="nav">
      <a href="/" className="nav-logo" aria-label="Boom Maker"><Logo /></a>
      <div className="nav-actions">
        <ThemeToggle />
        <a href="/newsletter" className="btn btn-sm btn-ghost">Toutes les éditions</a>
      </div>
    </nav>

    <article className="section nl-edition">
      <div className="container">
        <span className="eyebrow"><span className="pulse" /> Le journal · août et septembre 2026</span>
        <h1 className="h1">Une liste complète n'est pas <em>une liste joignable.</em></h1>

        <p>
          Deux mois à creuser la même question : où sont vraiment joignables les gens que tu veux
          atteindre. La réponse n'est pas dans les fichiers officiels.
        </p>

        <h2>Le truc du mois</h2>
        <p>
          Le réflexe, quand on lance une campagne de prospection, c'est de sortir un fichier du
          registre du commerce. Exhaustif, propre, officiel. Et injoignable.
        </p>
        <p>
          On l'a mesuré sur une mission de recrutement de franchisés. Sur les dirigeants indépendants
          extraits d'un registre officiel, aucun n'avait de profil LinkedIn exploitable, et 2 %
          seulement un email nominatif. Tu as la liste entière de ton marché, et tu n'as personne à
          qui parler. Sur un autre secteur, 18 687 sociétés identifiées au registre donnaient au bout
          de la chaîne entre 640 et 765 contacts réellement atteignables.
        </p>
        <p>
          On a changé de source. Plus de registre en point de départ, mais des personnes déjà actives
          sur LinkedIn, là où on allait les contacter. Plus une séquence en un seul message court.
        </p>
        <p>
          Ce que tu peux en retirer : arrête de mesurer ton marché adressable au nombre de lignes dans
          ton fichier. Mesure-le au nombre de personnes que tu peux réellement joindre.
        </p>

        <h2>Ce que ça a donné</h2>
        <p>Campagne de recrutement de franchisés :</p>
        <div className="nl-tiles">
          <div className="nl-tile"><div className="nl-tile-v">41 %</div><div className="nl-tile-l">taux de réponse LinkedIn</div></div>
          <div className="nl-tile"><div className="nl-tile-v">126</div><div className="nl-tile-l">conversations ouvertes</div></div>
          <div className="nl-tile"><div className="nl-tile-v">117</div><div className="nl-tile-l">candidats identifiés</div></div>
        </div>

        <h2>Comment ça marche</h2>
        <ol>
          <li>Abandonner le registre comme source de départ</li>
          <li>Cibler des personnes déjà actives sur LinkedIn</li>
          <li>Envoyer une séquence en un message court</li>
        </ol>

        <h2>Ton tour ? On regarde ta prospection.</h2>
        <p>30 minutes · gratuit · zéro pitch</p>
        <div className="row">
          <a href="/audit-gratuit" className="btn btn-glow">Réserver mon audit <ArrowUpRight size={14} /></a>
        </div>

        <div className="nl-cta" style={{ marginTop: 56 }}>
          <h2 className="h2">La prochaine édition, <em>dans ta boîte.</em></h2>
          <NewsletterForm source="edition_aout_septembre_2026" variant="bloc" />
        </div>
      </div>
    </article>

    <FooterMin />
  </div>
);

ReactDOM.createRoot(document.getElementById('root')).render(<EditionApp />);