Files
html/solutions/advisory.html
Opus 6f0403d407 fix(br-stack w316): homepage widgets BR no overlap - doctrine zero overlap
- CAUSE RACINE: wbot.js inject weval-bot-btn (brain IA) BR 20px/20px
  + weval-audit-reco*.js (15 versions) widgets BR potentiels
  = chevauchement BR sur homepage
- FIX: CSS global w316-br-stack-fix dans index.html head
  - #weval-bot-btn fixed BR 20px (inchange)
  - #weval-bot-panel slide up 90px quand ouvert
  - WhatsApp widget stack 90px au-dessus du brain
  - Auto shift 620px quand panel IA open (overlap evite)
  - Mobile stack adapte 88px
- GOLD backup gold_index_br_stack_w316
- chattr +i preserve
- CF purge
- Doctrine: zero overlap BR strict respect
2026-04-24 16:02:11 +02:00

155 lines
16 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html lang="fr" data-theme="light"><head>
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>Suite WEVAL Advisory - Cabinet et expertise a la demande | WEVAL Consulting</title>
<meta name="description" content="Suite WEVAL Advisory - Notre cabinet de conseil. Missions cadrées, livrables mesurables, engagement au ROI. De la stratégie IA à la transformation digitale complèt">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Space+Mono:wght@400;700&display=swap" rel="stylesheet">
<script>(function(){var t=localStorage.getItem('weval-theme')||'light';document.documentElement.setAttribute('data-theme',t);})();</script>
<style>
:root{--bg:#ffffff;--bg-alt:#fafbfc;--surface:#ffffff;--text:#1a1f3a;--text-soft:#5a6480;--text-dim:#8893a8;--border:rgba(26,31,58,.08);--border-mid:rgba(26,31,58,.14);--shadow:0 1px 3px rgba(26,31,58,.04),0 8px 24px rgba(26,31,58,.04);--shadow-h:0 2px 6px rgba(26,31,58,.06),0 16px 40px rgba(26,31,58,.08);--a:#6f5cff;--a-soft:rgba(111,92,255,.08);--btn-p:#5b4cdb;--btn-p-h:#4a3dc4}
html[data-theme="dark"]{--bg:#05080f;--bg-alt:#080c18;--surface:#0c1222;--text:#edf2f7;--text-soft:#a8b4c8;--text-dim:#7a8ba5;--border:rgba(255,255,255,.06);--border-mid:rgba(255,255,255,.12);--shadow:0 1px 3px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.3);--shadow-h:0 2px 6px rgba(0,0,0,.4),0 16px 40px rgba(0,0,0,.4);--a:#7c5cfc;--a-soft:rgba(124,92,252,.12);--btn-p:#7c5cfc;--btn-p-h:#9277ff}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;transition:background .3s,color .3s}
body::before{content:'';position:fixed;inset:0;background:radial-gradient(circle at 20% 10%,var(--a-soft) 0%,transparent 40%),radial-gradient(circle at 80% 60%,var(--a-soft) 0%,transparent 45%);pointer-events:none;opacity:.6;z-index:-1}
nav{position:fixed;top:0;width:100%;padding:1rem 4%;display:flex;justify-content:space-between;align-items:center;z-index:100;backdrop-filter:blur(20px);background:color-mix(in srgb,var(--bg) 85%,transparent);border-bottom:1px solid var(--border)}
.logo{font-weight:800;font-size:1.35rem;letter-spacing:-.035em;display:flex;align-items:center;gap:.5rem;color:var(--text);text-decoration:none}
.logo-dot{width:10px;height:10px;border-radius:50%;background:var(--a);box-shadow:0 0 18px var(--a-soft)}
.nav-r{display:flex;gap:1.6rem;align-items:center}
.nav-r a{color:var(--text-soft);text-decoration:none;font-size:.86rem;font-weight:500;transition:color .25s}
.nav-r a:hover{color:var(--a)}
.btn-n{background:var(--btn-p);color:#fff;padding:.6rem 1.3rem;border-radius:8px;font-weight:600;font-size:.84rem;text-decoration:none;transition:all .2s}
.btn-n:hover{background:var(--btn-p-h)}
.theme-toggle{width:38px;height:38px;border-radius:50%;background:var(--bg-alt);border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:var(--text-soft)}
.theme-toggle:hover{border-color:var(--a);color:var(--a)}
.theme-toggle svg{width:18px;height:18px}
html[data-theme="light"] .icon-sun{display:none}html[data-theme="dark"] .icon-moon{display:none}
.hero{min-height:82vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:9rem 4% 5rem;position:relative;overflow:hidden}
.badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--a-soft);border:1px solid var(--a-soft);border-radius:100px;padding:.42rem 1.05rem;font-size:.72rem;font-weight:700;color:var(--a);margin-bottom:2rem;font-family:'Space Mono',monospace;letter-spacing:.05em}
.badge::before{content:'';width:6px;height:6px;background:var(--a);border-radius:50%;animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}
.suite-prefix{font-family:'Space Mono',monospace;font-size:.85rem;font-weight:600;color:var(--text-soft);text-transform:uppercase;letter-spacing:.3em;margin-bottom:1rem}
h1{font-size:clamp(2.4rem,5vw,4.2rem);font-weight:800;line-height:1.04;letter-spacing:-.04em;max-width:920px;margin-bottom:1.4rem;color:var(--text)}
h1 em{font-style:normal;color:var(--a)}
.sub{font-size:clamp(1rem,1.2vw,1.1rem);color:var(--text-soft);max-width:720px;line-height:1.65;margin-bottom:2.5rem}
.btns{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}
.btn-p{background:var(--btn-p);color:#fff;padding:.95rem 2rem;border-radius:10px;font-weight:600;font-size:.9rem;text-decoration:none;transition:all .25s;box-shadow:0 4px 12px color-mix(in srgb,var(--btn-p) 25%,transparent)}
.btn-p:hover{background:var(--btn-p-h);transform:translateY(-2px)}
.btn-o{background:transparent;color:var(--text);padding:.95rem 2rem;border-radius:10px;font-weight:500;font-size:.9rem;text-decoration:none;border:1px solid var(--border-mid);transition:all .25s}
.btn-o:hover{border-color:var(--a);color:var(--a)}
.sec{padding:5.5rem 4%;max-width:1200px;margin:0 auto}
.sec.alt{background:var(--bg-alt);max-width:none;padding-left:max(4%,calc((100% - 1200px) / 2));padding-right:max(4%,calc((100% - 1200px) / 2))}
.stag{font-family:'Space Mono',monospace;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.22em;color:var(--a);margin-bottom:1rem;display:inline-block}
h2{font-size:clamp(1.8rem,2.8vw,2.5rem);font-weight:800;letter-spacing:-.032em;line-height:1.1;margin-bottom:.9rem;max-width:720px;color:var(--text)}
h2 em{font-style:normal;color:var(--a)}
.sd{color:var(--text-soft);font-size:1rem;line-height:1.65;max-width:640px;margin-bottom:3rem}
.g2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}
.vpcard{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.8rem;box-shadow:var(--shadow);transition:all .3s;position:relative}
.vpcard::before{content:'';position:absolute;top:0;left:0;width:3px;height:100%;background:var(--a);border-radius:14px 0 0 14px}
.vpcard h3{font-size:1.1rem;font-weight:700;margin-bottom:.6rem;color:var(--text)}
.vpcard p{font-size:.9rem;color:var(--text-soft);line-height:1.65}
.apps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:2rem}
.appcard{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.8rem;transition:all .3s;text-decoration:none;color:inherit;display:block;box-shadow:var(--shadow);position:relative;overflow:hidden}
.appcard:hover{border-color:var(--a);transform:translateY(-3px);box-shadow:var(--shadow-h)}
.appcard.flagship{border:2px solid var(--a);background:linear-gradient(180deg,var(--a-soft) 0%,var(--surface) 100%)}
.flagship-tag{position:absolute;top:1rem;right:1rem;background:var(--a);color:#fff;font-family:'Space Mono',monospace;font-size:.6rem;font-weight:700;padding:.22rem .55rem;border-radius:100px;letter-spacing:.08em}
.appcard h3{font-size:1.1rem;font-weight:700;margin-bottom:.4rem;color:var(--text);letter-spacing:-.01em}
.appcard .app-tagline{font-size:.82rem;color:var(--a);font-weight:600;margin-bottom:.9rem;font-family:'Space Mono',monospace}
.appcard p{font-size:.86rem;color:var(--text-soft);line-height:1.6;margin-bottom:1rem}
.appcard-link{font-size:.82rem;color:var(--a);font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:.3rem}
.cta{text-align:center;padding:4.5rem 2rem;margin:3rem 4% 2rem;background:var(--bg-alt);border:1px solid var(--border);border-radius:22px;max-width:1080px;margin-left:auto;margin-right:auto}
.cta p{color:var(--text-soft);max-width:560px;margin:0 auto 2rem}
footer{padding:2.5rem 4% 1.5rem;max-width:1200px;margin:2rem auto 0;border-top:1px solid var(--border)}
.foot-t{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}
.foot-t .logo{font-size:1.1rem}
.foot-links{display:flex;gap:1.3rem;font-size:.85rem;align-items:center;flex-wrap:wrap}
.foot-links a{color:var(--text-soft);text-decoration:none;transition:color .2s;display:inline-flex;align-items:center;gap:.35rem}
.foot-links a:hover{color:var(--a)}
.foot-b{font-size:.74rem;color:var(--text-dim);font-family:'Space Mono',monospace;letter-spacing:.04em}
.foot-b a{color:var(--a);text-decoration:none}
@media(max-width:900px){h1{font-size:2.2rem}.g2,.apps-grid{grid-template-columns:1fr}.nav-r a:not(.btn-n):not(.theme-toggle){display:none}}
</style>
<!-- DOCTRINE-60-UX-ENRICH solutions-doctrine196 -->
<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-transition:all .2s cubic-bezier(.4,0,.2,1);
--wtp-font:'Inter',-apple-system,sans-serif;
}
.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)}
@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>
</head><body>
<nav>
<a class="logo" href="/"><span class="logo-dot"></span>WEVAL<span style="color:var(--a)">.</span></a>
<div class="nav-r">
<a href="/">Accueil</a>
<a href="/products/">Produits</a>
<a href="/marketplace">Marketplace</a>
<button class="theme-toggle" onclick="(function(){var c=document.documentElement.getAttribute('data-theme')==='dark'?'light':'dark';document.documentElement.setAttribute('data-theme',c);localStorage.setItem('weval-theme',c);})()" aria-label="Basculer thème jour/nuit"><svg class="icon-sun" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="4"/><path d="M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41"/></svg><svg class="icon-moon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/></svg></button>
<a href="#cta" class="btn-n">Demander une demo -></a>
</div>
</nav>
<section class="hero">
<div class="badge">SUITE - Cabinet de conseil</div>
<div class="suite-prefix">Suite WEVAL Advisory</div>
<h1>Du diagnostic<br>au <em>run opérationnel.</em></h1>
<p class="sub">Notre cabinet de conseil. Missions cadrées, livrables mesurables, engagement au ROI. De la stratégie IA à la transformation digitale complète. Méthodologie Lean Six Sigma, BPMN, DMAIC, engagement NonReg 100%. Séniorité garantie, interventions courtes ou longues, partout en Europe et MENA.</p>
<div class="btns">
<a href="#apps" class="btn-p">Voir les 6 applications -></a>
<a href="/#contact" class="btn-o">Demander une demo</a>
</div>
</section>
<section class="sec">
<div class="stag">// Pourquoi cette suite</div>
<h2>Quatre atouts, <em>une même promesse.</em></h2>
<p class="sd">Ce qui distingue la suite WEVAL Advisory des solutions fragmentees du marche.</p>
<div class="g2"><div class="vpcard"><h3>Expertise senior</h3><p>Tous nos consultants ont 10+ années d&#039;expérience terrain. Directeurs techniques, architectes IA, DSI transformés.</p></div><div class="vpcard"><h3>Livrables mesurables</h3><p>Chaque mission cadrée par KPIs et SLAs contractuels. ROI prouvé ou remboursement partiel négociable.</p></div><div class="vpcard"><h3>Méthodologie unifiée</h3><p>Lean Six Sigma L99, DMAIC, BPMN, standards qualité 6σ appliqués à chaque deliverable.</p></div><div class="vpcard"><h3>Transfert de compétences</h3><p>Academy intégrée, formation cloud, IA et méthodes. Vos équipes autonomes après la mission.</p></div></div>
</section>
<section class="sec alt" id="apps">
<div class="stag">// Applications de la suite</div>
<h2>6 applications, <em>interopérables.</em></h2>
<p class="sd">Chaque application est aussi consommable en standalone. Ensemble, elles constituent la suite WEVAL Advisory - amplification mutuelle des capacites.</p>
<div class="apps-grid"><a class="appcard" href="/products/consulting.html"><h3>Consulting</h3><div class="app-tagline">Application de la suite</div><p>Details a venir. Partie integrante de la suite WEVAL Advisory.</p><span class="appcard-link">Voir la fiche produit -&gt;</span></a><a class="appcard" href="/products/consulting-pro.html"><h3>Consulting Pro</h3><div class="app-tagline">Conseil senior à la demande — interventions cadrées ROI</div><p>Interventions de conseil senior à la demande. Directeurs techniques, architectes IA, DSI transformés. Missions cadrées sur KPIs contractuels, engagement au ROI,...</p><span class="appcard-link">Voir la fiche produit -&gt;</span></a><a class="appcard" href="/products/academy.html"><h3>Academy</h3><div class="app-tagline">Application de la suite</div><p>Details a venir. Partie integrante de la suite WEVAL Advisory.</p><span class="appcard-link">Voir la fiche produit -&gt;</span></a><a class="appcard" href="/products/leansixsigma.html"><h3>Leansixsigma</h3><div class="app-tagline">Application de la suite</div><p>Details a venir. Partie integrante de la suite WEVAL Advisory.</p><span class="appcard-link">Voir la fiche produit -&gt;</span></a><a class="appcard" href="/products/auditai.html"><h3>Auditai</h3><div class="app-tagline">Application de la suite</div><p>Details a venir. Partie integrante de la suite WEVAL Advisory.</p><span class="appcard-link">Voir la fiche produit -&gt;</span></a><a class="appcard" href="/products/cloudcost.html"><h3>Cloudcost</h3><div class="app-tagline">Application de la suite</div><p>Details a venir. Partie integrante de la suite WEVAL Advisory.</p><span class="appcard-link">Voir la fiche produit -&gt;</span></a></div>
</section>
<div class="cta" id="cta">
<div class="stag" style="text-align:center;display:block">// Commencer</div>
<h2>Deployer <em>WEVAL Advisory</em> chez vous.</h2>
<p>POC gratuit 2 semaines. MVP opérationnel en 1 mois. Deploiement Enterprise complet en 3 mois. IA souveraine, données hebergees chez vous.</p>
<div class="btns">
<a href="/#contact" class="btn-p">Réserver un POC -></a>
<a href="/marketplace" class="btn-o">Voir le catalogue complet</a>
</div>
</div>
<footer>
<div class="foot-t">
<a class="logo" href="/"><span class="logo-dot"></span>WEVAL<span style="color:var(--a)">.</span></a>
<div class="foot-links">
<a href="/">Accueil</a>
<a href="/products/">Produits</a>
<a href="/marketplace">Marketplace</a>
<a href="/#contact">Contact</a>
<a href="https://www.linkedin.com/company/weval" target="_blank" rel="noopener" aria-label="LinkedIn"><svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M19 3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14zM8.339 18.337V9.886H5.67v8.451h2.669zM7.003 8.687a1.549 1.549 0 1 0 0-3.097 1.549 1.549 0 0 0 0 3.097zm11.335 9.65v-4.637c0-2.475-1.332-3.625-3.109-3.625-1.434 0-2.076.788-2.436 1.342v-1.152H10.12c.037.778 0 8.451 0 8.451h2.673v-4.72c0-.24.017-.48.088-.652.193-.479.631-.975 1.367-.975.964 0 1.35.734 1.35 1.811v4.537h2.672z"/></svg> LinkedIn</a>
</div>
</div>
<div class="foot-b">&copy; 2026 WEVAL Consulting &middot; Cabinet de conseil &amp; editeur IA souveraine &middot; Partenaire Ecosysteme SAP &middot; Huawei Cloud Certified &middot; <a href="https://www.linkedin.com/company/weval" target="_blank" rel="noopener">Suivez-nous sur LinkedIn -></a></div>
</footer>
</body></html>