<!-- =========================
PAGE DE VENTE — CABINET MENNINGA
À coller dans un bloc "HTML personnalisé" WordPress
========================= -->
<style>
:root{
--cm-bg:#ffffff;
--cm-ink:#141726;
--cm-muted:#4a4f63;
--cm-card:#f7f7fb;
--cm-line:rgba(20,23,38,.10);
--cm-accent:#ff7a3d; /* orange doux */
--cm-accent2:#ffb38f; /* pêche */
--cm-shadow:0 10px 26px rgba(20,23,38,.10);
--cm-radius:18px;
--cm-max:1100px;
}
.cm-wrap{
background:var(--cm-bg);
color:var(--cm-ink);
font-family: system-ui,-apple-system, Segoe UI, Roboto, Arial, sans-serif;
line-height:1.55;
}
.cm-container{max-width:var(--cm-max); margin:0 auto; padding: 0 18px;}
.cm-hero{
padding: 44px 0 22px;
background: radial-gradient(1200px 520px at 15% 0%, rgba(255,122,61,.18), transparent 55%),
radial-gradient(1200px 520px at 85% 0%, rgba(255,179,143,.22), transparent 55%);
border-bottom: 1px solid var(--cm-line);
}
.cm-grid{
display:grid;
grid-template-columns: 1.15fr .85fr;
gap: 22px;
align-items:start;
}
.cm-badge{
display:inline-flex; gap:8px; align-items:center;
padding: 8px 12px;
border: 1px solid var(--cm-line);
border-radius: 999px;
background: rgba(255,122,61,.07);
font-weight: 650;
font-size: 13px;
color: var(--cm-ink);
}
.cm-h1{
font-size: 38px;
line-height: 1.1;
letter-spacing: -0.02em;
margin: 14px 0 12px;
font-weight: 860;
}
.cm-sub{
font-size: 18px;
color: var(--cm-muted);
margin: 0 0 18px;
font-weight: 520;
}
.cm-ctaRow{display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin: 18px 0 12px;}
.cm-btn{
display:inline-flex; align-items:center; justify-content:center; gap:10px;
padding: 12px 16px;
border-radius: 999px;
border: 1px solid var(--cm-line);
text-decoration:none;
font-weight: 780;
font-size: 15px;
color: var(--cm-ink);
background: #fff;
box-shadow: 0 6px 14px rgba(20,23,38,.06);
transition: transform .08s ease, box-shadow .12s ease;
}
.cm-btn:hover{transform: translateY(-1px); box-shadow: var(--cm-shadow);}
.cm-btnPrimary{
background: linear-gradient(135deg, var(--cm-accent), var(--cm-accent2));
color:#111;
border-color: transparent;
}
.cm-note{
font-size: 13px;
color: var(--cm-muted);
margin-top: 8px;
}
.cm-card{
background: #fff;
border: 1px solid var(--cm-line);
border-radius: var(--cm-radius);
box-shadow: 0 8px 18px rgba(20,23,38,.06);
padding: 16px;
}
.cm-card h3{
margin: 0 0 8px;
font-size: 16px;
font-weight: 850;
}
.cm-card p{margin: 0; color: var(--cm-muted); font-size: 14px; font-weight: 520;}
.cm-metrics{
display:grid; grid-template-columns: repeat(3,1fr);
gap: 10px; margin-top: 12px;
}
.cm-metric{
background: var(--cm-card);
border: 1px solid var(--cm-line);
border-radius: 14px;
padding: 12px;
}
.cm-metric b{display:block; font-size: 16px;}
.cm-metric span{display:block; color: var(--cm-muted); font-size: 12.5px; margin-top: 2px;}
.cm-section{padding: 34px 0; border-bottom: 1px solid var(--cm-line);}
.cm-section:last-child{border-bottom:0;}
.cm-h2{
font-size: 26px;
font-weight: 880;
letter-spacing: -0.01em;
margin: 0 0 10px;
}
.cm-lead{margin: 0 0 16px; color: var(--cm-muted); font-weight: 520;}
.cm-cols{
display:grid;
grid-template-columns: repeat(3,1fr);
gap: 14px;
}
.cm-box{
background: var(--cm-card);
border: 1px solid var(--cm-line);
border-radius: var(--cm-radius);
padding: 16px;
}
.cm-box h4{margin:0 0 8px; font-size: 15px; font-weight: 860;}
.cm-list{margin:0; padding-left: 18px; color: var(--cm-muted); font-weight: 520;}
.cm-list li{margin: 6px 0;}
.cm-split{
display:grid;
grid-template-columns: 1fr 1fr;
gap: 14px;
align-items:start;
}
.cm-price{
display:flex;
flex-direction:column;
gap: 10px;
}
.cm-priceBlock{
background: #fff;
border: 1px solid var(--cm-line);
border-radius: var(--cm-radius);
padding: 16px;
box-shadow: 0 10px 22px rgba(20,23,38,.06);
}
.cm-priceTop{
display:flex; justify-content:space-between; align-items:flex-start; gap: 10px;
}
.cm-priceTop h3{margin:0; font-size: 16px; font-weight: 900;}
.cm-tag{
display:inline-flex;
padding: 6px 10px;
border-radius: 999px;
background: rgba(255,122,61,.12);
border: 1px solid var(--cm-line);
font-size: 12.5px;
font-weight: 800;
}
.cm-priceNum{
font-size: 32px; font-weight: 920; margin: 8px 0 6px;
letter-spacing: -0.02em;
}
.cm-priceSmall{color: var(--cm-muted); font-weight: 560; margin:0 0 8px;}
.cm-hr{height:1px; background: var(--cm-line); border:0; margin: 12px 0;}
.cm-faq details{
background: #fff;
border: 1px solid var(--cm-line);
border-radius: 14px;
padding: 12px 14px;
margin: 10px 0;
}
.cm-faq summary{
cursor:pointer;
font-weight: 860;
list-style:none;
}
.cm-faq summary::-webkit-details-marker{display:none;}
.cm-faq p{margin: 8px 0 0; color: var(--cm-muted); font-weight: 520;}
.cm-footer{
padding: 26px 0 44px;
color: var(--cm-muted);
}
/* Responsive */
@media (max-width: 980px){
.cm-grid{grid-template-columns: 1fr; }
.cm-h1{font-size: 34px;}
.cm-cols{grid-template-columns: 1fr;}
.cm-split{grid-template-columns: 1fr;}
.cm-metrics{grid-template-columns: 1fr;}
}
</style>
<div class="cm-wrap">
<!-- HERO -->
<section class="cm-hero">
<div class="cm-container cm-grid">
<div>
<div class="cm-badge">Licence de marque • Méthode clinique • Système d’acquisition</div>
<h1 class="cm-h1">Devenez partenaire du Cabinet Menninga</h1>
<p class="cm-sub">
Intégrez une méthode clinique structurée <b>et</b> un système d’acquisition duplicable,
tout en restant indépendant(e) — avec un cadre clair, sélectif et professionnel.
</p>
<div class="cm-ctaRow">
<a class="cm-btn cm-btnPrimary" href="#candidater">Candidater</a>
<a class="cm-btn" href="#programme">Voir le programme</a>
</div>
<p class="cm-note">
Entrée sur candidature • Groupes limités • Objectif : autonomie + intégration solide.
</p>
</div>
<aside class="cm-card">
<h3>En bref</h3>
<p>Un partenariat premium pour thérapeutes engagés : transmission clinique + système d’acquisition + réseau.</p>
<div class="cm-metrics">
<div class="cm-metric">
<b>40h</b><span>intégration clinique</span>
</div>
<div class="cm-metric">
<b>8 900 €</b><span>pack d’entrée</span>
</div>
<div class="cm-metric">
<b>20 %</b><span>royalty mensuelle</span>
</div>
</div>
</aside>
</div>
</section>
<!-- PROBLÈME -->
<section class="cm-section">
<div class="cm-container">
<h2 class="cm-h2">Si vous vous reconnaissez…</h2>
<p class="cm-lead">
Vous savez accompagner. Ce qui manque souvent, c’est un système stable et une intégration clinique suffisamment encadrée pour performer dans la durée.
</p>
<div class="cm-cols">
<div class="cm-box">
<h4>Vous voulez développer votre activité</h4>
<ul class="cm-list">
<li>Sans repartir de zéro</li>
<li>Sans vous perdre dans le marketing</li>
<li>Avec un cadre clair</li>
</ul>
</div>
<div class="cm-box">
<h4>Vous cherchez une méthode structurée</h4>
<ul class="cm-list">
<li>Protocoles applicables</li>
<li>Logique clinique solide</li>
<li>Intégration guidée</li>
</ul>
</div>
<div class="cm-box">
<h4>Vous voulez être autonome</h4>
<ul class="cm-list">
<li>Votre propre tunnel</li>
<li>Votre pub gérée par vous</li>
<li>Une supervision pour progresser</li>
</ul>
</div>
</div>
</div>
</section>
<!-- OFFRE -->
<section class="cm-section" id="programme">
<div class="cm-container">
<h2 class="cm-h2">Ce que comprend le partenariat</h2>
<p class="cm-lead">
Un modèle hybride : autonomie + pratique guidée + validation, pour une intégration sérieuse (sans dépendance au quotidien).
</p>
<div class="cm-split">
<div class="cm-box">
<h4>1) Intégration clinique (40h)</h4>
<ul class="cm-list">
<li>Pré-apprentissage en autonomie (vidéos + supports)</li>
<li>Pratique guidée en visio-groupe (cohortes)</li>
<li>Évaluations / cas cliniques</li>
<li>Validation finale</li>
</ul>
</div>
<div class="cm-box">
<h4>2) Tunnel & système d’acquisition</h4>
<ul class="cm-list">
<li>Templates (pages, emails, scripts)</li>
<li>Tutoriels pas à pas (installation + tracking)</li>
<li>Checklist “prêt à lancer”</li>
<li>Session de validation (1:1)</li>
</ul>
</div>
</div>
<div style="height:14px"></div>
<div class="cm-split">
<div class="cm-box">
<h4>3) Licence de marque & réseau</h4>
<ul class="cm-list">
<li>Droit d’usage de la marque</li>
<li>Accès aux protocoles + mises à jour</li>
<li>Supervision collective mensuelle</li>
<li>Audit trimestriel (tunnel/ads)</li>
</ul>
</div>
<div class="cm-box">
<h4>Ce que vous gérez vous-même</h4>
<ul class="cm-list">
<li>Votre cabinet / vos charges</li>
<li>Votre budget pub</li>
<li>La gestion quotidienne de vos campagnes</li>
<li>Votre agenda</li>
</ul>
</div>
</div>
</div>
</section>
<!-- PRIX -->
<section class="cm-section" id="tarifs">
<div class="cm-container">
<h2 class="cm-h2">Tarifs</h2>
<p class="cm-lead">
Un modèle premium : entrée sélective + redevance de marque. Objectif : qualité homogène, autonomie, cadre clair.
</p>
<div class="cm-split">
<div class="cm-price">
<div class="cm-priceBlock">
<div class="cm-priceTop">
<h3>Pack d’entrée</h3>
<span class="cm-tag">Obligatoire</span>
</div>
<div class="cm-priceNum">8 900 €</div>
<p class="cm-priceSmall">Accès complet : clinique + tunnel + templates + validation.</p>
<hr class="cm-hr" />
<ul class="cm-list">
<li>40h intégration clinique (cohorte)</li>
<li>Formation tunnel + acquisition</li>
<li>Templates (pages, emails, scripts)</li>
<li>Session de validation finale</li>
</ul>
</div>
</div>
<div class="cm-price">
<div class="cm-priceBlock">
<div class="cm-priceTop">
<h3>Licence marque & protocoles</h3>
<span class="cm-tag">Mensuel</span>
</div>
<div class="cm-priceNum">20 %</div>
<p class="cm-priceSmall">Royalty mensuelle sur le chiffre d’affaires sous la marque.</p>
<hr class="cm-hr" />
<ul class="cm-list">
<li>Usage de la marque</li>
<li>Accès continu aux protocoles + mises à jour</li>
<li>Supervision collective mensuelle</li>
<li>Audit trimestriel (tunnel/ads)</li>
</ul>
</div>
</div>
</div>
<p class="cm-note" style="margin-top:12px;">
Important : la publicité est financée et gérée par le partenaire. Ce cadre est volontairement conçu pour préserver l’autonomie et la qualité.
</p>
</div>
</section>
<!-- FAQ -->
<section class="cm-section">
<div class="cm-container cm-faq">
<h2 class="cm-h2">Questions fréquentes</h2>
<details>
<summary>Est-ce que je reste indépendant(e) ?</summary>
<p>Oui. Vous exercez dans votre propre structure, avec votre cabinet, vos charges, et votre organisation. La licence porte sur l’usage de la marque et l’accès au système/protocoles.</p>
</details>
<details>
<summary>Est-ce que tu gères mes publicités ?</summary>
<p>Non : le partenaire gère ses campagnes au quotidien. Le programme inclut des scripts, des templates, des tutoriels, et un audit trimestriel.</p>
</details>
<details>
<summary>Comment se passe l’intégration clinique (40h) ?</summary>
<p>Hybride : une partie en autonomie (bases + démos), une partie en visio-groupe orientée pratique, puis validation finale.</p>
</details>
<details>
<summary>Comment candidater ?</summary>
<p>Via le bouton ci-dessous : vous remplissez une demande, puis un échange permet de valider l’adéquation (engagement, posture, cadre).</p>
</details>
</div>
</section>
<!-- CTA FINAL -->
<section class="cm-section" id="candidater">
<div class="cm-container">
<div class="cm-card" style="padding:18px;">
<h2 class="cm-h2" style="margin-bottom:8px;">Candidater</h2>
<p class="cm-lead" style="margin-bottom:14px;">
Si vous souhaitez rejoindre le réseau, faites une demande. L’entrée est volontairement sélective.
</p>
<div class="cm-ctaRow">
<!-- Remplace le lien par ton formulaire / Cal / Typeform -->
<a class="cm-btn cm-btnPrimary" href="https://TON-LIEN-ICI.com" target="_blank" rel="noopener">Demander un entretien</a>
<a class="cm-btn" href="#tarifs">Relire les tarifs</a>
</div>
<p class="cm-note">Astuce : tu peux aussi mettre ici ton embed Cal/Typeform si tu préfères une candidature directe sur la page.</p>
</div>
</div>
</section>
<!-- FOOTER -->
<footer class="cm-footer">
<div class="cm-container">
<div style="font-weight:800; color:var(--cm-ink);">Cabinet Menninga</div>
<div>Licence de marque • Transmission clinique • Système d’acquisition</div>
</div>
</footer>
</div>
