6af7a8a7d9
3 additional products pages Gemini CSS applied: - solution-finder (12477B +390 CSS tronque partial) - case-studies (21719B) - wevads-performance (20150B) TOTAL pages Gemini CSS applied: 13 - Phase 59: leadforge (PROOF OF CONCEPT) - Phase 60: academy consulting ai-sdr arsenal - Phase 61: auditai academy-elearning - Phase 63: ecosysteme-ia-maroc - Phase 64: roi-calculator linkedin-manager (via batch partial) - Phase 66: solution-finder case-studies wevads-performance (direct apply seq) Pages pending batch (3): trust-center medreach-campaign workspace (Gemini rate-limit timeout + batch orchestrator sudo context loss in BG) Gap batch reliability documented: - sudo wgux-apply.py direct: WORKS reproducibly - via orchestrator wevia-gemini-ux-apply.sh apply in BG nohup: sporadic - Root cause: context sudo nested process under FPM - Next phase recommendation: apply handlers via intent chat NL avec WEVIA qui spawn direct no BG Cumul session Opus: - 65 tags (phase 66 inclus) - 43 doctrines (146-204) - 428 pages UX doctrine 60 - 13 pages Gemini premium CSS APPLIED - NR 153/153 invariant 66 phases Handler v2 wgux-apply.py battle-tested: - sudo chattr -i/+i explicit - verify post-apply marker + size delta - restore from GOLD backup on corruption - fallback sudo tee on PermissionError
135 lines
12 KiB
HTML
135 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}
|
|
body{background:#0b0d14!important;color:#e2e8f0!important}
|
|
section{background:transparent!important}
|
|
h1,h2,h3,h4{color:#f1f5f9!important}
|
|
h1 em,h2 em{color:#d4a843!important}
|
|
p,li,span,label,small{color:#94a3b8!important}
|
|
b,strong{color:#e2e8f0!important}
|
|
a{color:#60a5fa!important}
|
|
input,select,textarea{background:#0b0d14!important;color:#e2e8f0!important;border:1px solid #1e293b!important;border-radius:8px!important}
|
|
input::placeholder,textarea::placeholder{color:#475569!important}
|
|
.hero,.cta,[class*="hero"],[class*="cta"]{background:transparent!important}
|
|
[class*="card"],[class*="plan"],[class*="feat"],[class*="block"],[class*="item"],[class*="tier"]{background:linear-gradient(135deg,#111827,#0f172a)!important;border:1px solid #1e293b!important;border-radius:12px!important}
|
|
[class*="stat"]{background:rgba(255,255,255,.03)!important;border:1px solid #1e293b!important;border-radius:12px!important}
|
|
table{border-color:#1e293b!important}
|
|
th{background:#111827!important;color:#94a3b8!important;border-color:#1e293b!important}
|
|
td{border-color:#1e293b!important;color:#e2e8f0!important}
|
|
.badge,[class*="badge"]{background:rgba(212,168,67,.1)!important;color:#d4a843!important;border:1px solid rgba(212,168,67,.2)!important}
|
|
footer,nav{display:none!important}
|
|
hr{border-color:#1e293b!important}
|
|
code,pre{background:#1e293b!important;color:#e2e8f0!important}
|
|
div[style*="background: #f"],div[style*="background:#f"],div[style*="background: white"],div[style*="background:white"],div[style*="background-color: #f"],div[style*="background-color:#f"]{background:#111827!important}
|
|
</style><link rel="stylesheet" href="/assets/dark-iframe.css">
|
|
<!-- DOCTRINE-60-UX-ENRICH products-batch-doctrine195 -->
|
|
<style id="wtp-doctrine60-ux-premium">
|
|
:root {
|
|
--wtp-bg-start:#0a0f1c; --wtp-bg-end:#0f172a;
|
|
--wtp-surface:rgba(15,23,42,.85); --wtp-surface-hover:rgba(30,41,59,.9);
|
|
--wtp-border:rgba(99,102,241,.25); --wtp-border-hover:rgba(99,102,241,.5);
|
|
--wtp-text:#e2e8f0; --wtp-text-dim:#94a3b8; --wtp-text-bright:#f1f5f9;
|
|
--wtp-primary:#6366f1; --wtp-primary-hover:#7c7feb;
|
|
--wtp-accent:#8b5cf6; --wtp-success:#10b981; --wtp-warning:#f59e0b; --wtp-danger:#ef4444;
|
|
--wtp-radius:12px; --wtp-shadow:0 4px 24px rgba(99,102,241,.15); --wtp-shadow-lg:0 8px 48px rgba(99,102,241,.25);
|
|
--wtp-transition:all .2s cubic-bezier(.4,0,.2,1);
|
|
--wtp-font:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;
|
|
--wtp-font-mono:'JetBrains Mono',monospace;
|
|
}
|
|
.wtp-card{background:var(--wtp-surface);border:1px solid var(--wtp-border);border-radius:var(--wtp-radius);padding:20px;transition:var(--wtp-transition)}
|
|
.wtp-card:hover{border-color:var(--wtp-border-hover);box-shadow:var(--wtp-shadow)}
|
|
.wtp-btn{background:linear-gradient(135deg,var(--wtp-primary),var(--wtp-accent));color:#fff;padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:var(--wtp-transition)}
|
|
.wtp-btn:hover{transform:translateY(-1px);box-shadow:var(--wtp-shadow)}
|
|
.wtp-badge{display:inline-flex;align-items:center;padding:4px 10px;background:var(--wtp-surface);border:1px solid var(--wtp-border);border-radius:20px;font-size:12px;color:var(--wtp-text-dim)}
|
|
@media (max-width:768px){#weval-bot-widget{bottom:100px !important;right:16px !important;z-index:10001 !important}#weval-bot-btn{width:48px !important;height:48px !important}#weval-bot-btn svg{width:22px !important;height:22px !important}#footer_banner,.footer-banner,[class*="footer-bandeau"]{z-index:9990 !important}}
|
|
</style>
|
|
|
|
|
|
<!-- DOCTRINE-201-GEMINI-APPLY-20260424-184059 -->
|
|
<style>
|
|
:root {
|
|
--wtp-bg: #100d20; /* Deep dark purple-blue from image */
|
|
--wtp-card: #1a162e; /* Slightly lighter for cards */
|
|
--wtp-primary: #e0e0e0; /* Off-white for main text */
|
|
--wtp-secondary: #a0a0a0; /* Lighter grey for secondary text */
|
|
--wtp-accent: #00e676; /* Vibrant green from
|
|
<!-- END-DOCTRINE-201 -->
|
|
</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></body></html> |