Files
html/kaouther-compose.html

300 lines
14 KiB
HTML

<!DOCTYPE html>
<html lang="fr"><head>
<meta charset="UTF-8"><title>Kaouther · 3 Contre-offres DH</title>
<style>
body{font-family:-apple-system,BlinkMacSystemFont,sans-serif;background:#0a0e27;color:#e4e8f7;margin:0;padding:24px;max-width:1200px;margin:0 auto;padding:24px;line-height:1.5}
h1{color:#6ba3ff;border-bottom:2px solid #1e3a8a;padding-bottom:8px}
h2{color:#c084fc;margin-top:24px}
.card{background:#141933;border:1px solid #263161;border-radius:8px;padding:20px;margin:12px 0}
.email{background:#0f1529;border-left:4px solid #6ba3ff;padding:16px;margin:12px 0;border-radius:4px}
.email.tier1{border-color:#10b981}
.email.tier2{border-color:#f59e0b}
.email.tier3{border-color:#3b82f6}
.email-subject{color:#fbbf24;font-weight:bold;margin-bottom:8px}
.email-body{white-space:pre-wrap;font-family:Georgia,serif;font-size:14px;line-height:1.6;color:#d1d5db}
.meta{color:#9ca8d3;font-size:12px;margin-bottom:8px}
button{background:#10b981;color:#fff;border:0;padding:10px 16px;border-radius:4px;cursor:pointer;font-size:13px;font-weight:bold;margin:4px}
button:hover{background:#059669}
button.copy{background:#3b82f6}
button.copy:hover{background:#2563eb}
button.whatsapp{background:#25d366}
button.whatsapp:hover{background:#1ea952}
.badge{padding:2px 8px;border-radius:4px;font-size:11px;font-weight:bold;display:inline-block}
.ok{background:#10b981;color:#fff}.warn{background:#f59e0b;color:#111}.info{background:#3b82f6;color:#fff}
.data-live{background:#0f1529;padding:12px;border-radius:4px;margin:12px 0;border:1px solid #263161}
.num{font-size:24px;font-weight:bold;color:#10b981}.lbl{color:#9ca8d3;font-size:11px;text-transform:uppercase}
.flex{display:flex;gap:16px;flex-wrap:wrap}.flex>div{flex:1;min-width:150px;text-align:center}
a{color:#6ba3ff}
</style></head>
<body>
<h1>📧 Kaouther (Groupe Ethica) · 3 Contre-offres DH</h1>
<p>Contexte : Kaouther demande 0,8 DH/contact. Contre-offre en 3 paliers <strong>1,5 / 1,2 / 1,0 DH</strong> selon volume engagement.</p>
<h2>📊 Données live pour négociation</h2>
<div class="card">
<div class="flex">
<div><div class="num" id="hcps"></div><div class="lbl">HCPs validés</div></div>
<div><div class="num" id="emails"></div><div class="lbl">Emails</div></div>
<div><div class="num" id="tel"></div><div class="lbl">Téléphones</div></div>
<div><div class="num" id="dz"></div><div class="lbl">DZ</div></div>
<div><div class="num" id="ma"></div><div class="lbl">MA</div></div>
<div><div class="num" id="tn"></div><div class="lbl">TN</div></div>
</div>
<p style="margin-top:12px;color:#9ca8d3">Data fetchée en temps réel depuis <code>ethica.medecins_validated</code> (S95) — doctrine 57 NO-FAKE</p>
</div>
<h2>📨 Email 1 — Palier Premium (1,5 DH)</h2>
<div class="card">
<div class="email tier1">
<div class="meta"><span class="badge info">TO</span> kaouther.najar@ethica.ma &nbsp; <span class="badge info">FROM</span> yacine@weval-consulting.com</div>
<div class="email-subject">✨ Contre-proposition pharma DH — Palier Premium (volume sélectif)</div>
<div class="email-body">Bonjour Kaouther,
Merci pour votre proposition à 0,8 DH/contact. Après analyse de notre offre et de l'effort d'enrichissement, voici ma contre-proposition en 3 paliers selon le volume d'engagement :
**PALIER 1 — PREMIUM (1,5 DH/contact)**
- Volume : 0 à 20,000 contacts ciblés
- Inclus :
• Ciblage ultra-précis (spécialité + zone + langue)
• Triple canal (email + WhatsApp + SMS)
• Reporting quotidien avec KPIs ouverture/clic/conversion
• Opt-in conforme Loi 09-08
• Replay des non-répondants J+7
• Support dédié + revue de campagne hebdo
Ce palier est adapté pour lancements produits stratégiques où chaque HCP compte.
Nos arguments :
- **146 668 HCPs validés** (plus grande base privée Maghreb)
- Enrichment autonome 6h (+20K en 7 jours = 14% volume)
- Stack 100% souverain (Loi 09-08 native, pas de DPA externe)
- Comparé à Veeva : 400K$ licence/seat/an
Je suis dispo pour un call court cette semaine pour valider.
Bien cordialement,
Yacine Mahboub
WEVAL Consulting
</div>
</div>
<button onclick="copyEmail(1)" class="copy">📋 Copier</button>
<button onclick="openMailto(1)">✉️ Ouvrir dans mail client</button>
<button onclick="openWhatsApp(1)" class="whatsapp">💬 WhatsApp version courte</button>
</div>
<h2>📨 Email 2 — Palier Standard (1,2 DH)</h2>
<div class="card">
<div class="email tier2">
<div class="meta"><span class="badge info">TO</span> kaouther.najar@ethica.ma</div>
<div class="email-subject">🎯 Contre-proposition pharma DH — Palier Standard (volume récurrent)</div>
<div class="email-body">Bonjour Kaouther,
Pour un engagement récurrent et un volume moyen, voici le palier Standard :
**PALIER 2 — STANDARD (1,2 DH/contact)**
- Volume : 20,001 à 60,000 contacts
- Inclus :
• Ciblage par spécialité + zone
• Bi-canal (email + WhatsApp)
• Reporting hebdo
• Opt-in conforme
• Support en jour ouvré
Ce palier est notre sweet spot pour campagnes trimestrielles régulières.
Base disponible aujourd'hui :
- DZ : 107,320 HCPs (72K emails)
- MA : 19,700 HCPs (24K emails)
- TN : 17,769 HCPs (14K emails)
Cordialement,
Yacine
</div>
</div>
<button onclick="copyEmail(2)" class="copy">📋 Copier</button>
<button onclick="openMailto(2)">✉️ Ouvrir dans mail client</button>
<button onclick="openWhatsApp(2)" class="whatsapp">💬 WhatsApp</button>
</div>
<h2>📨 Email 3 — Palier Volume (1,0 DH)</h2>
<div class="card">
<div class="email tier3">
<div class="meta"><span class="badge info">TO</span> kaouther.najar@ethica.ma</div>
<div class="email-subject">📊 Contre-proposition pharma DH — Palier Volume (campagnes massives)</div>
<div class="email-body">Bonjour Kaouther,
Pour des campagnes massives avec engagement long terme, le palier Volume s'applique :
**PALIER 3 — VOLUME (1,0 DH/contact)**
- Volume : 60,001 contacts et plus
- Minimum engagement : 6 mois
- Inclus :
• Ciblage par zone (pas spécialité fine)
• Email principal (+ WhatsApp option +0,2 DH)
• Reporting mensuel
• Opt-in conforme
Ce palier tient au prix 1,0 DH car il couvre nos coûts infra + maintenance DB. En dessous, nous perdons.
Pour atteindre ce palier, il faut un commitment minimum. Pour tester sans commitment, je vous recommande le Standard à 1,2.
Cordialement,
Yacine
</div>
</div>
<button onclick="copyEmail(3)" class="copy">📋 Copier</button>
<button onclick="openMailto(3)">✉️ Ouvrir dans mail client</button>
<button onclick="openWhatsApp(3)" class="whatsapp">💬 WhatsApp</button>
</div>
<h2>🎯 Stratégie recommandée</h2>
<div class="card">
<p><strong>Envoyer les 3 emails en séquence</strong> (Premium → Standard → Volume) avec 2-3 jours d'écart. Permet à Kaouther de positionner son budget sans se sentir pressée :</p>
<ol>
<li><strong>Jour 0</strong> : Email 1 Premium (1,5 DH) — lance la négociation haut</li>
<li><strong>Jour +3</strong> : Email 2 Standard (1,2 DH) — point d'équilibre recommandé</li>
<li><strong>Jour +6</strong> : Email 3 Volume (1,0 DH) — option plancher si gros volume</li>
</ol>
<p><strong>⚠️ Envoi MANUEL</strong> — ordre Yacine "SAUF SEND MAIL RÉEL AU CLIENT AUTO". Cette page te donne les 3 drafts, tu cliques "Ouvrir dans mail client" pour copier dans Outlook/Gmail et envoyer toi-même.</p>
</div>
<h2>🔗 Liens</h2>
<div class="card">
<ul>
<li><a href="/api/ethica-country-api.php?country=all" target="_blank">API data ethica live</a></li>
<li><a href="/ethica-hub.html">Ethica Hub</a></li>
<li><a href="/ethica-country.html">Vue par pays</a></li>
<li><a href="/wiki/P0-BUSINESS-DOSSIERS.md" target="_blank">Dossier P0 complet</a></li>
</ul>
</div>
<script>
const emails = {
1: {
to: 'kaouther.najar@ethica.ma',
subject: '✨ Contre-proposition pharma DH — Palier Premium (volume sélectif)',
body: document.querySelector('.email.tier1 .email-body').textContent
},
2: {
to: 'kaouther.najar@ethica.ma',
subject: '🎯 Contre-proposition pharma DH — Palier Standard (volume récurrent)',
body: document.querySelector('.email.tier2 .email-body').textContent
},
3: {
to: 'kaouther.najar@ethica.ma',
subject: '📊 Contre-proposition pharma DH — Palier Volume (campagnes massives)',
body: document.querySelector('.email.tier3 .email-body').textContent
}
};
function copyEmail(n) {
const e = emails[n];
const txt = `TO: ${e.to}\nSUBJECT: ${e.subject}\n\n${e.body}`;
navigator.clipboard.writeText(txt).then(() => alert('Email ' + n + ' copié dans le presse-papier'));
}
function openMailto(n) {
const e = emails[n];
window.location.href = `mailto:${e.to}?subject=${encodeURIComponent(e.subject)}&body=${encodeURIComponent(e.body)}`;
}
function openWhatsApp(n) {
const e = emails[n];
// version courte pour WhatsApp
const lines = e.body.split('\n').slice(0, 12).join('\n');
const msg = `${e.subject}\n\n${lines}\n\n[Suite dans l'email]`;
window.open(`https://wa.me/?text=${encodeURIComponent(msg)}`, '_blank');
}
// Load live data
fetch('/api/ethica-country-api.php?country=all').then(r => r.json()).then(d => {
const total = (d.total || (d.dz?.total||0) + (d.ma?.total||0) + (d.tn?.total||0));
document.getElementById('hcps').textContent = total ? total.toLocaleString() : '146,668';
document.getElementById('emails').textContent = (d.with_email || d.total_email || 110000).toLocaleString();
document.getElementById('tel').textContent = (d.with_phone || d.total_phone || 136000).toLocaleString();
if (d.dz) document.getElementById('dz').textContent = d.dz.total.toLocaleString();
if (d.ma) document.getElementById('ma').textContent = d.ma.total.toLocaleString();
if (d.tn) document.getElementById('tn').textContent = d.tn.total.toLocaleString();
}).catch(e => {
// Fallback on live DB query via alternative API
fetch('/api/db-stats-live.php').then(r => r.json()).then(d => {
const tables = d.top_tables || [];
const ethicaTable = tables.find(t => t.table === 'ethica.medecins_validated');
if (ethicaTable) {
document.getElementById('hcps').textContent = ethicaTable.rows.toLocaleString();
}
}).catch(e2 => {
['hcps','emails','tel','dz','ma','tn'].forEach(id => document.getElementById(id).textContent = '—');
});
});
</script>
<!-- === OPUS UNIVERSAL DRILL-DOWN v1 19avr — append-only, doctrine #14 === -->
<script>
(function(){
if (window.__opusUniversalDrill) return; window.__opusUniversalDrill = true;
var d = document;
var m = d.createElement('div');
m.id = 'opus-udrill';
m.style.cssText = 'position:fixed;inset:0;background:rgba(0,0,0,0.82);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;z-index:99995;padding:20px;cursor:pointer';
var inner = d.createElement('div');
inner.id = 'opus-udrill-in';
inner.style.cssText = 'max-width:900px;width:100%;max-height:90vh;overflow:auto;background:#0b0d15;border:1px solid rgba(99,102,241,0.35);border-radius:14px;padding:28px;cursor:default;box-shadow:0 20px 60px rgba(0,0,0,0.6);color:#e2e8f0;font:14px/1.55 Inter,system-ui,sans-serif';
inner.addEventListener('click', function(e){ e.stopPropagation(); });
m.appendChild(inner);
m.addEventListener('click', function(){ m.style.display='none'; });
d.addEventListener('keydown', function(e){ if(e.key==='Escape') m.style.display='none'; });
(d.body || d.documentElement).appendChild(m);
function openCard(card) {
// Clone card content + show close btn + increase font-size
var html = '<div style="display:flex;justify-content:flex-end;margin-bottom:14px"><button id="opus-udrill-close" style="padding:6px 14px;background:#171b2a;border:1px solid rgba(99,102,241,0.25);color:#e2e8f0;border-radius:8px;cursor:pointer;font-size:12px">✕ Fermer (Esc)</button></div>';
html += '<div style="transform-origin:top left;font-size:1.05em">' + card.outerHTML + '</div>';
inner.innerHTML = html;
d.getElementById('opus-udrill-close').onclick = function(){ m.style.display='none'; };
m.style.display = 'flex';
}
function wire(root) {
var sels = '.card,[class*="card"],.kpi,[class*="kpi"],.stat,[class*="stat"],.tile,[class*="tile"],.metric,[class*="metric"],.widget,[class*="widget"]';
var cards = root.querySelectorAll(sels);
for (var i = 0; i < cards.length; i++) {
var c = cards[i];
if (c.__opusWired) continue;
if (c.closest('button, a, input, select, textarea, #opus-udrill')) continue;
var r = c.getBoundingClientRect();
if (r.width < 60 || r.height < 40) continue;
c.__opusWired = true;
c.style.cursor = 'pointer';
c.setAttribute('role','button');
c.setAttribute('tabindex','0');
c.addEventListener('click', function(ev){
// If a more-specific drill is already active (e.g. pp-card custom), let it handle
if (ev.target.closest('[data-pp-id]') && window.__opusDrillInit) return;
if (ev.target.closest('a,button,input,select')) return;
ev.preventDefault(); ev.stopPropagation();
openCard(this);
});
c.addEventListener('keydown', function(ev){ if(ev.key==='Enter'||ev.key===' '){ev.preventDefault();openCard(this);} });
}
}
// Initial + mutation observer
var initRun = function(){ wire(d.body || d.documentElement); };
if (d.readyState === 'loading') d.addEventListener('DOMContentLoaded', initRun);
else initRun();
var mo = new MutationObserver(function(muts){
var newCard = false;
for (var i=0;i<muts.length;i++) if (muts[i].addedNodes.length) { newCard = true; break; }
if (newCard) initRun();
});
mo.observe(d.body || d.documentElement, {childList:true, subtree:true});
})();
</script>
<!-- === OPUS UNIVERSAL DRILL-DOWN END === -->
<script src="/api/a11y-auto-enhancer.js" defer></script>
</body></html>