142 lines
12 KiB
HTML
142 lines
12 KiB
HTML
<!DOCTYPE html><html lang="fr"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1.0"><title>WEVAL — Solution Finder</title>
|
|
<link href="https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Outfit:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
|
|
<style>:root{--bg:#080b12;--surface:rgba(255,255,255,.02);--border:rgba(255,255,255,.06);--text:#94a3b8;--white:#f1f5f9;--accent:#6366f1;--teal:#00c896;--r:12px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Outfit",system-ui,sans-serif;background:var(--bg);color:var(--text);font-size:15px;min-height:100vh}.wrap{max-width:700px;margin:0 auto;padding:3rem 4%}.hero{text-align:center;padding:2rem 0}.badge{display:inline-block;background:rgba(99,102,241,.1);color:var(--accent);padding:6px 18px;border-radius:20px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-bottom:1rem}h1{font-size:2rem;font-weight:800;color:var(--white);margin-bottom:.5rem}h1 em{color:var(--teal);font-style:normal}.sub{color:var(--text);font-size:.95rem;max-width:500px;margin:0 auto 2rem;line-height:1.6}.step{display:none}.step.active{display:block}.q{font-size:1.1rem;font-weight:600;color:var(--white);margin-bottom:1rem;text-align:center}.opts{display:grid;gap:.8rem}.opt{background:var(--surface);border:2px solid var(--border);border-radius:var(--r);padding:1.2rem;cursor:pointer;transition:.2s;text-align:center}.opt:hover{border-color:var(--accent);transform:translateY(-2px)}.opt.sel{border-color:var(--teal);background:rgba(0,200,150,.05)}.opt-icon{font-size:1.5rem;margin-bottom:.4rem}.opt-title{font-size:.9rem;font-weight:600;color:var(--white)}.opt-desc{font-size:.78rem;margin-top:.2rem}.progress{display:flex;gap:8px;justify-content:center;margin:2rem 0}.dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.1)}.dot.done{background:var(--teal)}.dot.cur{background:var(--accent)}.results{display:none}.results.show{display:block}.results h2{font-size:1.4rem;font-weight:700;color:var(--white);text-align:center;margin-bottom:1.5rem}.rcard{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:1.2rem;margin-bottom:.8rem;display:flex;align-items:center;gap:1rem}.rcard-icon{font-size:1.5rem;flex-shrink:0}.rcard-info h3{font-size:.9rem;font-weight:600;color:var(--white);margin-bottom:.2rem}.rcard-info p{font-size:.78rem}.rcard-btn{margin-left:auto;background:var(--accent);color:#fff;padding:8px 16px;border-radius:8px;font-size:.78rem;font-weight:600;text-decoration:none;flex-shrink:0}footer{text-align:center;padding:2rem;color:var(--text);font-size:.8rem}footer a{color:var(--accent);text-decoration:none}</style></head><body>
|
|
<div class="wrap">
|
|
<div class="hero"><div class="badge">Solution Finder</div><h1>Trouvez votre <em>solution</em></h1><p class="sub">3 questions pour identifier les produits WEVAL adaptés à votre besoin.</p></div>
|
|
<div class="progress"><div class="dot cur" id="d0"></div><div class="dot" id="d1"></div><div class="dot" id="d2"></div></div>
|
|
|
|
<div class="step active" id="s0">
|
|
<div class="q">Quel est votre rôle ?</div>
|
|
<div class="opts">
|
|
<div class="opt" onclick="answer(0,'dsi')"><div class="opt-icon">💻</div><div class="opt-title">DSI / IT Manager</div><div class="opt-desc">Infrastructure, ERP, cybersécurité</div></div>
|
|
<div class="opt" onclick="answer(0,'mkt')"><div class="opt-icon">📊</div><div class="opt-title">Marketing / Growth</div><div class="opt-desc">Email, leads, campagnes</div></div>
|
|
<div class="opt" onclick="answer(0,'dg')"><div class="opt-icon">🏢</div><div class="opt-title">DG / Founder</div><div class="opt-desc">Stratégie, transformation, IA</div></div>
|
|
<div class="opt" onclick="answer(0,'dev')"><div class="opt-icon">⚡</div><div class="opt-title">Développeur / Agence</div><div class="opt-desc">APIs, white-label, intégration</div></div>
|
|
</div></div>
|
|
|
|
<div class="step" id="s1">
|
|
<div class="q">Taille de votre organisation ?</div>
|
|
<div class="opts">
|
|
<div class="opt" onclick="answer(1,'solo')"><div class="opt-icon">👤</div><div class="opt-title">Solo / Freelance</div></div>
|
|
<div class="opt" onclick="answer(1,'pme')"><div class="opt-icon">👥</div><div class="opt-title">PME (2-50)</div></div>
|
|
<div class="opt" onclick="answer(1,'mid')"><div class="opt-icon">🏢</div><div class="opt-title">ETI (50-500)</div></div>
|
|
<div class="opt" onclick="answer(1,'ent')"><div class="opt-icon">🏛️</div><div class="opt-title">Grande entreprise (500+)</div></div>
|
|
</div></div>
|
|
|
|
<div class="step" id="s2">
|
|
<div class="q">Votre priorité n°1 ?</div>
|
|
<div class="opts">
|
|
<div class="opt" onclick="answer(2,'leads')"><div class="opt-icon">🎯</div><div class="opt-title">Générer des leads</div></div>
|
|
<div class="opt" onclick="answer(2,'auto')"><div class="opt-icon">🤖</div><div class="opt-title">Automatiser avec l'IA</div></div>
|
|
<div class="opt" onclick="answer(2,'secu')"><div class="opt-icon">🔒</div><div class="opt-title">Sécuriser mon SI</div></div>
|
|
<div class="opt" onclick="answer(2,'scale')"><div class="opt-icon">🚀</div><div class="opt-title">Scaler mon business</div></div>
|
|
</div></div>
|
|
|
|
<div class="results" id="results"><h2>Vos solutions recommandées</h2><div id="rlist"></div>
|
|
<div style="text-align:center;margin-top:1.5rem"><a href="/products/workspace.html" style="display:inline-block;border:1px solid var(--border);color:var(--white);padding:12px 28px;border-radius:var(--r);font-weight:500;font-size:.9rem">Voir les 62 produits →</a></div>
|
|
</div>
|
|
</div>
|
|
<footer>© 2026 <a href="/">WEVAL Consulting</a> · <a href="/pricing.html">Tarifs</a> · <a href="/trust-center.html">Trust Center</a></footer>
|
|
<script>
|
|
var A=[];var P={
|
|
dsi:{leads:["email-platform","ai-sdr","medreach-api"],auto:["wevia-agency","consulting"],secu:["consulting","sentinel"],scale:["email-whitelabel","consulting"]},
|
|
mkt:{leads:["email-platform","ai-sdr","medreach-api"],auto:["wevia-agency","email-platform"],secu:["consulting"],scale:["email-whitelabel","ai-sdr"]},
|
|
dg:{leads:["ai-sdr","consulting"],auto:["wevia-agency","ia-arabe"],secu:["consulting"],scale:["email-whitelabel","consulting","ia-arabe"]},
|
|
dev:{leads:["medreach-api","email-platform"],auto:["wevia-agency","ia-arabe"],secu:["consulting"],scale:["email-whitelabel","wevia-agency","ia-arabe"]}
|
|
};
|
|
var N={
|
|
"email-platform":["📧","Email Platform","Infrastructure email souveraine tout-en-un","/products/email-platform.html"],
|
|
"ai-sdr":["🤖","AI SDR Agent","Agent commercial IA autonome","/products/ai-sdr.html"],
|
|
"medreach-api":["🏥","MedReach API","Base 2M+ professionnels de santé","/products/medreach-api.html"],
|
|
"wevia-agency":["🧠","WEVIA Agency","Chatbot IA white-label pour agences","/products/wevia-agency.html"],
|
|
"consulting":["🎯","Consulting","Accompagnement transformation digitale","/products/consulting.html"],
|
|
"ia-arabe":["🌍","IA Arabe & FR","IA souveraine arabe/français","/products/ia-arabe.html"],
|
|
"email-whitelabel":["🏷️","Email White-Label","Infrastructure email sous votre marque","/products/email-whitelabel.html"],
|
|
"sentinel":["🛡️","Sentinel","Monitoring cybersécurité 24/7","/products/sentinel.html"],
|
|
"healthcare-crm":["💊","Healthcare CRM","CRM médical pour l'Afrique","/products/healthcare-crm.html"]
|
|
};
|
|
function answer(step,val){
|
|
A[step]=val;
|
|
document.querySelectorAll("#s"+step+" .opt").forEach(function(o){o.classList.remove("sel")});
|
|
event.currentTarget.classList.add("sel");
|
|
setTimeout(function(){
|
|
document.getElementById("s"+step).classList.remove("active");
|
|
document.getElementById("d"+step).classList.remove("cur");document.getElementById("d"+step).classList.add("done");
|
|
if(step<2){document.getElementById("s"+(step+1)).classList.add("active");document.getElementById("d"+(step+1)).classList.add("cur");}
|
|
else{showResults();}
|
|
},300);
|
|
}
|
|
function showResults(){
|
|
var role=A[0],prio=A[2];
|
|
var slugs=(P[role]&&P[role][prio])||["consulting","wevia-agency","email-platform"];
|
|
var html="";
|
|
slugs.forEach(function(s){
|
|
var d=N[s];if(!d)return;
|
|
html+="<div class=rcard><div class=rcard-icon>"+d[0]+"</div><div class=rcard-info><h3>"+d[1]+"</h3><p>"+d[2]+"</p></div><a class=rcard-btn href="+d[3]+">Découvrir →</a></div>";
|
|
});
|
|
document.getElementById("rlist").innerHTML=html;
|
|
document.getElementById("results").classList.add("show");
|
|
document.getElementById("d2").classList.remove("cur");document.getElementById("d2").classList.add("done");
|
|
}
|
|
</script><script src="/weval-translate.js" defer></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) {
|
|
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 (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);} });
|
|
}
|
|
}
|
|
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> |