1989 lines
113 KiB
Plaintext
1989 lines
113 KiB
Plaintext
(function(){
|
|
'use strict';
|
|
|
|
function tryInjectHomepage() {
|
|
// Only run on homepage
|
|
if(window.location.pathname !== '/' && window.location.pathname !== '') return;
|
|
// Don't inject twice - flag + DOM check
|
|
if(window.__wevalEnrichDone || document.querySelector('.wv-stats-bar')) return;
|
|
window.__wevalEnrichDone = true;
|
|
|
|
var attempts = 0;
|
|
var init = setInterval(function(){
|
|
attempts++;
|
|
if(attempts > 50) { clearInterval(init); console.warn('[WEVAL-ENRICH] Timeout: selectors not found'); return; }
|
|
var hero = document.querySelector('.hero-slogan-section');
|
|
var services = document.querySelector('.services-container');
|
|
var excellence = document.querySelector('.weval-excellence');
|
|
var slider = document.querySelector('.centered-container');
|
|
if(hero && services && slider) {
|
|
clearInterval(init);
|
|
try {
|
|
injectAll(hero, services, excellence, slider);
|
|
console.log('[WEVAL-ENRICH] OK: 10 sections injected');
|
|
} catch(e) {
|
|
console.error('[WEVAL-ENRICH] CRASH:', e.message, e.stack);
|
|
// Show error visually
|
|
var errDiv = document.createElement('div');
|
|
errDiv.style.cssText = 'position:fixed;top:0;left:0;right:0;padding:10px;background:red;color:white;z-index:99999;font-size:14px;';
|
|
errDiv.textContent = 'ENRICH ERROR: ' + e.message;
|
|
document.body.appendChild(errDiv);
|
|
}
|
|
}
|
|
}, 200);
|
|
}
|
|
|
|
// Run on initial load
|
|
tryInjectHomepage();
|
|
|
|
// Cleanup injected sections when leaving homepage
|
|
function cleanupEnrichSections() {
|
|
var sels = "#weval-enrich-container,.wv-stats-bar,.wv-trust-section,.wv-why-section,.wv-expertise,.wv-tech-section,.wv-testimonials,.wv-method-section,.wv-usecase-section,.wv-blog-section,.wv-cta-banner,.wv-hero-badges";
|
|
document.querySelectorAll(sels).forEach(function(el){ el.remove(); });
|
|
// Also remove footer enrichment (will be re-injected by global timer)
|
|
document.querySelectorAll('.wv-footer-services').forEach(function(el){ el.remove(); });
|
|
// Remove FAQ when leaving homepage
|
|
document.querySelectorAll('.wr-faq-section').forEach(function(el){ el.remove(); });
|
|
window.__wevalEnrichDone = false;
|
|
}
|
|
var _lastPath = location.pathname;
|
|
setInterval(function(){
|
|
if(location.pathname !== _lastPath) {
|
|
_lastPath = location.pathname;
|
|
if(location.pathname === "/" || location.pathname === "") {
|
|
setTimeout(tryInjectHomepage, 500);
|
|
setTimeout(tryInjectHomepage, 1500);
|
|
} else {
|
|
cleanupEnrichSections();
|
|
}
|
|
}
|
|
}, 300);
|
|
|
|
function injectAll(hero, services, excellence, slider) {
|
|
// UNIFIED: Create container after NOS REFERENCES (centered-container/slider)
|
|
var enrichContainer = document.createElement('div');
|
|
enrichContainer.id = 'weval-enrich-container';
|
|
var refSection = slider || document.querySelector('.centered-container');
|
|
if(refSection && refSection.nextSibling) {
|
|
refSection.parentNode.insertBefore(enrichContainer, refSection.nextSibling);
|
|
} else if(refSection) {
|
|
refSection.parentNode.appendChild(enrichContainer);
|
|
} else {
|
|
// Fallback: append to body before footer
|
|
var ft = document.querySelector('footer.footer');
|
|
if(ft) ft.parentNode.insertBefore(enrichContainer, ft);
|
|
else document.body.appendChild(enrichContainer);
|
|
}
|
|
|
|
// ============================================================
|
|
// Wevia FORMAT ALERT ONLY — Ne modifie PAS le DOM, alerte seulement
|
|
// ============================================================
|
|
var weviaCSS = document.createElement('style');
|
|
weviaCSS.textContent = `
|
|
/* Wevia brand style - applied manually only */
|
|
.wevia-brand { font-style:italic!important; text-transform:none!important; letter-spacing:0.3px; }
|
|
.wv-conseil-section { padding:60px 20px; background:linear-gradient(135deg,#0c1222,#162036); }
|
|
.wv-conseil-inner { max-width:1100px; margin:0 auto; }
|
|
.wv-conseil-header { text-align:center; margin-bottom:40px; }
|
|
.wv-conseil-title { font-family:Sora,sans-serif; font-size:2rem; font-weight:800; color:#f1f5f9; margin-bottom:12px; }
|
|
.wv-conseil-sub { font-size:1rem; color:#94a3b8; max-width:600px; margin:0 auto; line-height:1.6; }
|
|
.wv-conseil-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
|
|
.wv-conseil-card { background:#1e293b; border:1px solid #334155; border-radius:14px; padding:24px; transition:all .3s; }
|
|
.wv-conseil-card:hover { transform:translateY(-4px); border-color:#818cf8; box-shadow:0 12px 32px rgba(99,102,241,.12); }
|
|
.wv-conseil-icon { font-size:1.6rem; margin-bottom:10px; }
|
|
.wv-conseil-card h3 { font-family:Sora,sans-serif; font-size:.95rem; font-weight:700; color:#f1f5f9; margin-bottom:6px; }
|
|
.wv-conseil-card p { font-size:.82rem; color:#94a3b8; line-height:1.5; }
|
|
@media(max-width:768px) { .wv-conseil-grid { grid-template-columns:1fr; } }
|
|
|
|
`;
|
|
document.head.appendChild(weviaCSS);
|
|
|
|
// ALERT ONLY - log WEVIA occurrences without modifying
|
|
function checkWeviaFormat(root) {
|
|
if(!root || !root.querySelectorAll) return;
|
|
var walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT, null, false);
|
|
var node;
|
|
while(node = walker.nextNode()) {
|
|
if(node.nodeValue && /WEVIA/.test(node.nodeValue)) {
|
|
var p = node.parentElement;
|
|
if(!p || /SCRIPT|STYLE|TITLE|META|NOSCRIPT/.test(p.tagName)) continue;
|
|
console.warn('[Wevia Format] Found "WEVIA" in:', p.tagName, p.className, '→ Text:', node.nodeValue.trim().substring(0,80));
|
|
}
|
|
}
|
|
}
|
|
setTimeout(function(){ checkWeviaFormat(document.body); }, 1000);
|
|
|
|
// ============================================================
|
|
// CSS
|
|
// ============================================================
|
|
var style = document.createElement('style');
|
|
style.textContent = `
|
|
/* ========== WEVAL ENRICHMENT ========== */
|
|
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Sora:wght@300;400;500;600;700;800&display=swap');
|
|
|
|
/* === STATS COUNTER BAR === */
|
|
.wv-stats-bar {
|
|
background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #0f172a 100%);
|
|
padding: 64px 0;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.wv-stats-bar::before {
|
|
content:'';position:absolute;top:0;left:0;right:0;bottom:0;
|
|
background: radial-gradient(ellipse at 20% 50%, rgba(99,102,241,0.15) 0%, transparent 50%),
|
|
radial-gradient(ellipse at 80% 50%, rgba(16,185,129,0.1) 0%, transparent 50%);
|
|
pointer-events:none;
|
|
}
|
|
.wv-stats-inner {
|
|
max-width:1200px; margin:0 auto; padding:0 32px;
|
|
display:grid; grid-template-columns:repeat(4,1fr); gap:32px;
|
|
position:relative; z-index:1;
|
|
}
|
|
.wv-stat-item {
|
|
text-align:center;
|
|
opacity:0; transform:translateY(30px);
|
|
transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);
|
|
}
|
|
.wv-stat-item.visible { opacity:1; transform:translateY(0); }
|
|
.wv-stat-number {
|
|
font-family:'Sora',sans-serif; font-size:3.5rem; font-weight:800;
|
|
background: linear-gradient(135deg, #818cf8, #34d399);
|
|
-webkit-background-clip:text; -webkit-text-fill-color:transparent;
|
|
background-clip:text; line-height:1;
|
|
}
|
|
.wv-stat-label {
|
|
font-family:'Outfit',sans-serif; font-size:0.95rem; color:#94a3b8;
|
|
margin-top:8px; font-weight:400; letter-spacing:0.5px;
|
|
}
|
|
.wv-stat-divider {
|
|
position:absolute; top:50%; transform:translateY(-50%);
|
|
width:1px; height:60px; background:linear-gradient(to bottom, transparent, rgba(99,102,241,0.3), transparent);
|
|
}
|
|
|
|
/* === WHY WEVAL SECTION === */
|
|
.wv-why-section {
|
|
padding: 100px 0;
|
|
background: #fff;
|
|
position: relative;
|
|
}
|
|
.wv-why-inner {
|
|
max-width:1200px; margin:0 auto; padding:0 32px;
|
|
}
|
|
.wv-why-header {
|
|
text-align:center; margin-bottom:64px;
|
|
}
|
|
.wv-why-badge {
|
|
display:inline-block;
|
|
font-family:'Outfit',sans-serif; font-size:0.75rem; font-weight:600;
|
|
text-transform:uppercase; letter-spacing:3px; color:#6366f1;
|
|
background:rgba(99,102,241,0.08); padding:8px 20px; border-radius:100px;
|
|
margin-bottom:20px;
|
|
}
|
|
.wv-why-title {
|
|
font-family:'Sora',sans-serif; font-size:2.8rem; font-weight:700;
|
|
color:#0f172a; line-height:1.2; margin:0;
|
|
}
|
|
.wv-why-title span { color:#6366f1; }
|
|
.wv-why-grid {
|
|
display:grid; grid-template-columns:repeat(3,1fr); gap:32px;
|
|
}
|
|
.wv-why-card {
|
|
padding:40px 32px; border-radius:20px;
|
|
background:#f8fafc; border:1px solid #e2e8f0;
|
|
transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
|
|
opacity:0; transform:translateY(40px);
|
|
position:relative; overflow:hidden;
|
|
}
|
|
.wv-why-card.visible { opacity:1; transform:translateY(0); }
|
|
.wv-why-card:hover {
|
|
transform:translateY(-8px)!important;
|
|
box-shadow:0 25px 60px rgba(99,102,241,0.12);
|
|
border-color:#c7d2fe;
|
|
}
|
|
.wv-why-card::before {
|
|
content:'';position:absolute;top:0;left:0;right:0;height:4px;
|
|
background:linear-gradient(90deg, var(--card-accent, #6366f1), var(--card-accent2, #818cf8));
|
|
border-radius:20px 20px 0 0;
|
|
}
|
|
.wv-why-icon {
|
|
width:56px;height:56px;border-radius:16px;
|
|
display:flex;align-items:center;justify-content:center;
|
|
font-size:1.6rem; margin-bottom:20px;
|
|
background:linear-gradient(135deg, var(--card-accent, #6366f1), var(--card-accent2, #818cf8));
|
|
color:#fff; box-shadow:0 8px 20px rgba(99,102,241,0.25);
|
|
}
|
|
.wv-why-card-title {
|
|
font-family:'Sora',sans-serif; font-size:1.25rem; font-weight:700;
|
|
color:#0f172a; margin:0 0 12px;
|
|
}
|
|
.wv-why-card-text {
|
|
font-family:'Outfit',sans-serif; font-size:0.95rem; line-height:1.7;
|
|
color:#64748b; margin:0;
|
|
}
|
|
|
|
/* === TESTIMONIALS === */
|
|
.wv-testimonials {
|
|
padding:100px 0;
|
|
background:linear-gradient(180deg, #f8fafc 0%, #eef2ff 100%);
|
|
}
|
|
.wv-testimonials-inner {
|
|
max-width:1200px; margin:0 auto; padding:0 32px;
|
|
}
|
|
.wv-testimonials-header { text-align:center; margin-bottom:56px; }
|
|
.wv-testi-grid {
|
|
display:grid; grid-template-columns:repeat(3,1fr); gap:28px;
|
|
}
|
|
.wv-testi-card {
|
|
background:#fff; border-radius:20px; padding:36px;
|
|
box-shadow:0 4px 24px rgba(0,0,0,0.04);
|
|
border:1px solid #e2e8f0;
|
|
opacity:0; transform:translateY(30px);
|
|
transition: all 0.7s cubic-bezier(0.16, 1, 0.3, 1);
|
|
position:relative;
|
|
}
|
|
.wv-testi-card.visible { opacity:1; transform:translateY(0); }
|
|
.wv-testi-card::before {
|
|
content:'"'; position:absolute; top:16px; right:24px;
|
|
font-size:5rem; line-height:1; color:rgba(99,102,241,0.08);
|
|
font-family:Georgia,serif;
|
|
}
|
|
.wv-testi-stars { color:#f59e0b; font-size:0.9rem; margin-bottom:16px; letter-spacing:2px; }
|
|
.wv-testi-text {
|
|
font-family:'Outfit',sans-serif; font-size:0.95rem; line-height:1.7;
|
|
color:#334155; margin:0 0 24px; font-style:italic;
|
|
}
|
|
.wv-testi-author {
|
|
display:flex; align-items:center; gap:14px;
|
|
}
|
|
.wv-testi-avatar {
|
|
width:48px;height:48px;border-radius:50%;
|
|
display:flex;align-items:center;justify-content:center;
|
|
font-weight:700; font-size:1.1rem; color:#fff;
|
|
font-family:'Sora',sans-serif;
|
|
}
|
|
.wv-testi-name {
|
|
font-family:'Sora',sans-serif; font-weight:600; font-size:0.9rem; color:#0f172a;
|
|
}
|
|
.wv-testi-role {
|
|
font-family:'Outfit',sans-serif; font-size:0.8rem; color:#94a3b8;
|
|
}
|
|
|
|
/* === CTA BANNER === */
|
|
.wv-cta-banner {
|
|
padding:80px 0;
|
|
background:linear-gradient(135deg, #312e81 0%, #4338ca 40%, #6366f1 100%);
|
|
position:relative; overflow:hidden;
|
|
}
|
|
.wv-cta-banner::before {
|
|
content:'';position:absolute;top:0;left:0;right:0;bottom:0;
|
|
background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
|
|
pointer-events:none;
|
|
}
|
|
.wv-cta-inner {
|
|
max-width:900px; margin:0 auto; padding:0 32px; text-align:center;
|
|
position:relative; z-index:1;
|
|
}
|
|
.wv-cta-title {
|
|
font-family:'Sora',sans-serif; font-size:2.5rem; font-weight:800;
|
|
color:#fff; margin:0 0 16px; line-height:1.2;
|
|
}
|
|
.wv-cta-sub {
|
|
font-family:'Outfit',sans-serif; font-size:1.15rem; color:rgba(255,255,255,0.8);
|
|
margin:0 0 36px; line-height:1.6;
|
|
}
|
|
.wv-cta-buttons { display:flex; gap:16px; justify-content:center; flex-wrap:wrap; }
|
|
.wv-cta-btn {
|
|
display:inline-flex; align-items:center; gap:8px;
|
|
padding:16px 36px; border-radius:12px; font-family:'Sora',sans-serif;
|
|
font-size:1rem; font-weight:600; text-decoration:none;
|
|
transition: all 0.3s; cursor:pointer; border:none;
|
|
}
|
|
.wv-cta-btn-primary {
|
|
background:#fff; color:#4338ca;
|
|
box-shadow:0 8px 30px rgba(0,0,0,0.2);
|
|
}
|
|
.wv-cta-btn-primary:hover { transform:translateY(-3px); box-shadow:0 12px 40px rgba(0,0,0,0.3); }
|
|
.wv-cta-btn-secondary {
|
|
background:transparent; color:#fff;
|
|
border:2px solid rgba(255,255,255,0.3)!important;
|
|
}
|
|
.wv-cta-btn-secondary:hover { border-color:#fff!important; background:rgba(255,255,255,0.1); }
|
|
|
|
/* === EXPERTISE BADGES === */
|
|
.wv-expertise {
|
|
padding:80px 0 40px;
|
|
background:#fff;
|
|
}
|
|
.wv-expertise-inner {
|
|
max-width:1200px; margin:0 auto; padding:0 32px;
|
|
}
|
|
.wv-expertise-header { text-align:center; margin-bottom:48px; }
|
|
.wv-expertise-grid {
|
|
display:flex; flex-wrap:wrap; justify-content:center; gap:16px;
|
|
}
|
|
.wv-exp-badge {
|
|
display:inline-flex; align-items:center; gap:10px;
|
|
padding:12px 24px; border-radius:100px;
|
|
background:#f8fafc; border:1px solid #e2e8f0;
|
|
font-family:'Outfit',sans-serif; font-size:0.9rem; font-weight:500;
|
|
color:#334155; transition:all 0.3s;
|
|
opacity:0; transform:scale(0.8);
|
|
transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
|
|
}
|
|
.wv-exp-badge.visible { opacity:1; transform:scale(1); }
|
|
.wv-exp-badge:hover { background:#eef2ff; border-color:#c7d2fe; transform:scale(1.05)!important; }
|
|
.wv-exp-icon { font-size:1.2rem; }
|
|
|
|
/* === RESPONSIVE === */
|
|
@media(max-width:768px){
|
|
.wv-stats-inner { grid-template-columns:repeat(2,1fr); gap:24px; }
|
|
.wv-stat-number { font-size:2.5rem; }
|
|
.wv-why-grid, .wv-testi-grid { grid-template-columns:1fr; }
|
|
.wv-why-title, .wv-cta-title { font-size:1.8rem; }
|
|
.wv-stats-bar, .wv-why-section, .wv-testimonials, .wv-cta-banner { padding:60px 0; }
|
|
.wv-stat-divider { display:none; }
|
|
}
|
|
@media(max-width:480px){
|
|
.wv-stats-inner { grid-template-columns:1fr 1fr; gap:16px; }
|
|
.wv-stat-number { font-size:2rem; }
|
|
.wv-cta-buttons { flex-direction:column; }
|
|
}
|
|
`;
|
|
document.head.appendChild(style);
|
|
|
|
// ============================================================
|
|
// INTERSECTION OBSERVER
|
|
// ============================================================
|
|
var observer = new IntersectionObserver(function(entries){
|
|
entries.forEach(function(e){
|
|
if(e.isIntersecting) {
|
|
e.target.classList.add('visible');
|
|
// Animate counters
|
|
if(e.target.hasAttribute('data-count')) {
|
|
animateCounter(e.target);
|
|
}
|
|
}
|
|
});
|
|
}, { threshold:0.2 });
|
|
|
|
function animateCounter(el) {
|
|
var target = parseInt(el.getAttribute('data-count'));
|
|
var suffix = el.getAttribute('data-suffix') || '';
|
|
var prefix = el.getAttribute('data-prefix') || '';
|
|
var duration = 2000;
|
|
var start = 0;
|
|
var startTime = null;
|
|
function step(ts) {
|
|
if(!startTime) startTime = ts;
|
|
var progress = Math.min((ts - startTime) / duration, 1);
|
|
var eased = 1 - Math.pow(1 - progress, 4); // easeOutQuart
|
|
var current = Math.round(start + (target - start) * eased);
|
|
el.textContent = prefix + current + suffix;
|
|
if(progress < 1) requestAnimationFrame(step);
|
|
}
|
|
requestAnimationFrame(step);
|
|
}
|
|
|
|
// ============================================================
|
|
// 1. STATS BAR (after Hero)
|
|
// ============================================================
|
|
var statsHTML = `
|
|
<section class="wv-stats-bar">
|
|
<div class="wv-stats-inner">
|
|
<div class="wv-stat-item" data-delay="0">
|
|
<div class="wv-stat-number" data-count="15" data-suffix="+">0+</div>
|
|
<div class="wv-stat-label">Années d'expertise terrain</div></div>
|
|
<div class="wv-stat-item" data-delay="150">
|
|
<div class="wv-stat-number" data-count="200" data-suffix="+">0+</div>
|
|
<div class="wv-stat-label">Projets livrés avec succès</div></div>
|
|
<div class="wv-stat-item" data-delay="300">
|
|
<div class="wv-stat-number" data-count="8" data-suffix="">0</div>
|
|
<div class="wv-stat-label">Pays sur 3 continents</div></div>
|
|
<div class="wv-stat-item" data-delay="450">
|
|
<div class="wv-stat-number" data-count="50" data-suffix="+">0+</div>
|
|
<div class="wv-stat-label">Experts certifiés</div></div></div></section>`;
|
|
|
|
var statsDiv = document.createElement('div');
|
|
statsDiv.innerHTML = statsHTML;
|
|
enrichContainer.appendChild(statsDiv.firstElementChild);
|
|
|
|
// Observe stat items
|
|
document.querySelectorAll('.wv-stat-item').forEach(function(el, i){
|
|
el.style.transitionDelay = (i * 150) + 'ms';
|
|
observer.observe(el);
|
|
// Also observe the number for counter animation
|
|
var num = el.querySelector('.wv-stat-number');
|
|
if(num) observer.observe(num);
|
|
});
|
|
|
|
// ============================================================
|
|
// 2. WHY WEVAL SECTION (after services)
|
|
// ============================================================
|
|
var whyHTML = `
|
|
<section class="wv-why-section">
|
|
<div class="wv-why-inner">
|
|
<div class="wv-why-header">
|
|
<div class="wv-why-badge">Pourquoi nous choisir</div>
|
|
<h2 class="wv-why-title">6 raisons de choisir WEVAL comme <span>partenaire stratégique</span></h2></div>
|
|
<div class="wv-why-grid">
|
|
<div class="wv-why-card" style="--card-accent:#6366f1;--card-accent2:#818cf8" data-delay="0">
|
|
<div class="wv-why-icon"><svg width="16" height="16" viewBox="0 0 16 16"><circle cx="8" cy="8" r="4" fill="currentColor" opacity=".5"/></svg></div>
|
|
<h3 class="wv-why-card-title">IA Propriétaire</h3>
|
|
<p class="wv-why-card-text"><i class="wevia-brand">Wevia</i>, notre assistant IA développé en interne, intègre 8 modèles d'intelligence artificielle pour automatiser vos processus, analyser vos données et accélérer vos décisions. Une technologie exclusive, déployable dans votre environnement.</p></div>
|
|
<div class="wv-why-card" style="--card-accent:#10b981;--card-accent2:#34d399" data-delay="150">
|
|
<div class="wv-why-icon"></div>
|
|
<h3 class="wv-why-card-title">Présence Internationale</h3>
|
|
<p class="wv-why-card-text">Casablanca · Paris · Sheridan. Des missions délivrées en France, Allemagne, Belgique, Suisse, Suède, Maroc, Tunisie et USA. La proximité d'un acteur local avec la puissance d'un réseau global.</p></div>
|
|
<div class="wv-why-card" style="--card-accent:#f59e0b;--card-accent2:#fbbf24" data-delay="300">
|
|
<div class="wv-why-icon"><svg width="16" height="16" viewBox="0 0 16 16"><circle cx="8" cy="8" r="4" fill="currentColor" opacity=".5"/></svg></div>
|
|
<h3 class="wv-why-card-title">Partenariats Leaders</h3>
|
|
<p class="wv-why-card-text">Certifiés Huawei Cloud CSP, partenaires officiels SAP, Vistex et IQVIA. Accès direct aux technologies les plus avancées, aux tarifs partenaires, avec un support technique de niveau expert.</p></div>
|
|
<div class="wv-why-card" style="--card-accent:#ec4899;--card-accent2:#f472b6" data-delay="450">
|
|
<div class="wv-why-icon"><svg width="16" height="16" viewBox="0 0 16 16"><circle cx="8" cy="8" r="4" fill="currentColor" opacity=".5"/></svg></div>
|
|
<h3 class="wv-why-card-title">Exécution Rapide</h3>
|
|
<p class="wv-why-card-text">Méthodologies Lean Six Sigma, PMI, ITIL et DevOps. Des sprints courts, des livrables concrets, un time-to-value optimisé. Nos clients constatent en moyenne 40% de gains de productivité.</p></div>
|
|
<div class="wv-why-card" style="--card-accent:#8b5cf6;--card-accent2:#a78bfa" data-delay="600">
|
|
<div class="wv-why-icon"><svg width="16" height="16" viewBox="0 0 16 16"><circle cx="8" cy="8" r="4" fill="currentColor" opacity=".5"/></svg></div>
|
|
<h3 class="wv-why-card-title">100% Sur-mesure</h3>
|
|
<p class="wv-why-card-text">Pas de solutions génériques. Chaque architecture, chaque roadmap, chaque formation est conçue pour votre contexte métier, votre taille et vos objectifs de croissance spécifiques.</p></div>
|
|
<div class="wv-why-card" style="--card-accent:#06b6d4;--card-accent2:#22d3ee" data-delay="750">
|
|
<div class="wv-why-icon"><svg width="16" height="16" viewBox="0 0 16 16"><circle cx="8" cy="8" r="4" fill="currentColor" opacity=".5"/></svg></div>
|
|
<h3 class="wv-why-card-title">Sécurité & Conformité</h3>
|
|
<p class="wv-why-card-text">Conformité RGPD, Loi 09-08 (Maroc), normes ISO 27001. Audits de sécurité, plans de continuité et chiffrement de bout en bout. Vos données sensibles méritent une protection sans compromis.</p></div></div></div></section>`;
|
|
|
|
// Insert after WevalExcellence or after services
|
|
var insertAfter = excellence || services;
|
|
var whyDiv = document.createElement('div');
|
|
whyDiv.innerHTML = whyHTML;
|
|
if(insertAfter && insertAfter.nextSibling) {
|
|
enrichContainer.appendChild(whyDiv.firstElementChild);
|
|
} else if(insertAfter) {
|
|
enrichContainer.appendChild(whyDiv.firstElementChild);
|
|
}
|
|
|
|
document.querySelectorAll('.wv-why-card').forEach(function(el){
|
|
el.style.transitionDelay = el.getAttribute('data-delay') + 'ms';
|
|
observer.observe(el);
|
|
});
|
|
|
|
// ============================================================
|
|
// 3. EXPERTISE BADGES (after why section)
|
|
// ============================================================
|
|
var expHTML = `
|
|
<section class="wv-expertise">
|
|
<div class="wv-expertise-inner">
|
|
<div class="wv-expertise-header">
|
|
<div class="wv-why-badge">Nos domaines</div>
|
|
<h2 class="wv-why-title" style="font-size:2rem">Expertise <span>sectorielle</span></h2></div>
|
|
<div class="wv-expertise-grid">
|
|
<span class="wv-exp-badge"><span class="wv-exp-icon"></span> Pharma & Life Sciences</span>
|
|
<span class="wv-exp-badge"><span class="wv-exp-icon"></span> Banque & Finance</span>
|
|
<span class="wv-exp-badge"><span class="wv-exp-icon"></span> Retail & Distribution</span>
|
|
<span class="wv-exp-badge"><span class="wv-exp-icon"></span> Industrie & Manufacturing</span>
|
|
<span class="wv-exp-badge"><span class="wv-exp-icon">✈</span> Transport & Logistique</span>
|
|
<span class="wv-exp-badge"><span class="wv-exp-icon"></span> Énergie & Utilities</span>
|
|
<span class="wv-exp-badge"><span class="wv-exp-icon"></span> Secteur Public</span>
|
|
<span class="wv-exp-badge"><span class="wv-exp-icon"></span> Chimie & Cosmétique</span>
|
|
<span class="wv-exp-badge"><span class="wv-exp-icon"></span> Automobile & Aéronautique</span>
|
|
<span class="wv-exp-badge"><span class="wv-exp-icon"></span> Télécoms & IT</span>
|
|
<span class="wv-exp-badge"><span class="wv-exp-icon"></span> BTP & Immobilier</span>
|
|
<span class="wv-exp-badge"><span class="wv-exp-icon"></span> Éducation & Formation</span></div></div></section>`;
|
|
|
|
var whySection = document.querySelector('.wv-why-section');
|
|
if(whySection) {
|
|
var expDiv = document.createElement('div');
|
|
expDiv.innerHTML = expHTML;
|
|
enrichContainer.appendChild(expDiv.firstElementChild);
|
|
}
|
|
|
|
document.querySelectorAll('.wv-exp-badge').forEach(function(el, i){
|
|
el.style.transitionDelay = (i * 60) + 'ms';
|
|
observer.observe(el);
|
|
});
|
|
|
|
// ============================================================
|
|
// 4. TESTIMONIALS (before slider)
|
|
// ============================================================
|
|
var testiHTML = `
|
|
<section class="wv-testimonials">
|
|
<div class="wv-testimonials-inner">
|
|
<div class="wv-testimonials-header">
|
|
<div class="wv-why-badge">Témoignages</div>
|
|
<h2 class="wv-why-title">Ils nous font <span>confiance</span></h2></div>
|
|
<div class="wv-testi-grid">
|
|
<div class="wv-testi-card" data-delay="0">
|
|
<div class="wv-testi-stars">★★★★★</div>
|
|
<p class="wv-testi-text">Le déploiement Vistex piloté par WEVAL a transformé notre gestion des accords commerciaux sur SAP S/4HANA. Résultat concret : 40% de temps gagné sur les clôtures mensuelles, visibilité totale sur nos rebates et chargebacks, et un ROI atteint en 6 mois.</p>
|
|
<div class="wv-testi-author">
|
|
<div class="wv-testi-avatar" style="background:linear-gradient(135deg,#6366f1,#818cf8)">AD</div>
|
|
<div>
|
|
<div class="wv-testi-name">Ahmed D.</div>
|
|
<div class="wv-testi-role">Directeur Supply Chain · Groupe Agroalimentaire, Casablanca</div></div></div></div>
|
|
<div class="wv-testi-card" data-delay="150">
|
|
<div class="wv-testi-stars">★★★★★</div>
|
|
<p class="wv-testi-text">La migration Huawei Cloud orchestrée par WEVAL a réduit nos coûts infrastructure de 35% et divisé par 3 nos temps de déploiement. Leur expertise Cloud et leur réactivité en font un partenaire technique incontournable pour notre groupe.</p>
|
|
<div class="wv-testi-author">
|
|
<div class="wv-testi-avatar" style="background:linear-gradient(135deg,#10b981,#34d399)">MB</div>
|
|
<div>
|
|
<div class="wv-testi-name">Mohamed B.</div>
|
|
<div class="wv-testi-role">DSI · Groupe Industriel, Casablanca</div></div></div></div>
|
|
<div class="wv-testi-card" data-delay="300">
|
|
<div class="wv-testi-stars">★★★★★</div>
|
|
<p class="wv-testi-text">L'assistant <i class="wevia-brand">Wevia</i> déployé sur notre plateforme e-commerce a automatisé 70% des réponses client en 3 langues, réduit notre temps de traitement de 65% et augmenté la satisfaction client de 28 points. L'IA de WEVAL n'est pas un gadget — c'est un levier business.</p>
|
|
<div class="wv-testi-author">
|
|
<div class="wv-testi-avatar" style="background:linear-gradient(135deg,#f59e0b,#fbbf24)">SL</div>
|
|
<div>
|
|
<div class="wv-testi-name">Sophie L.</div>
|
|
<div class="wv-testi-role">Directrice Marketing · E-commerce, Paris</div></div></div></div></div></div></section>`;
|
|
|
|
if(slider) {
|
|
var testiDiv = document.createElement('div');
|
|
testiDiv.innerHTML = testiHTML;
|
|
enrichContainer.appendChild(testiDiv.firstElementChild);
|
|
}
|
|
|
|
document.querySelectorAll('.wv-testi-card').forEach(function(el){
|
|
el.style.transitionDelay = el.getAttribute('data-delay') + 'ms';
|
|
observer.observe(el);
|
|
});
|
|
|
|
// ============================================================
|
|
// 5. CTA BANNER (at the very end, before footer)
|
|
// ============================================================
|
|
var ctaHTML = `
|
|
<section class="wv-cta-banner">
|
|
<div class="wv-cta-inner">
|
|
<h2 class="wv-cta-title">Votre transformation commence ici</h2>
|
|
<p class="wv-cta-sub">Réservez un diagnostic gratuit de 30 minutes avec un expert WEVAL. Analyse personnalisée de vos enjeux, recommandations concrètes et feuille de route actionnable — zéro engagement, 100% valeur.</p>
|
|
<div class="wv-cta-buttons">
|
|
<a href="/contact-us" class="wv-cta-btn wv-cta-btn-primary">
|
|
Réserver mon audit gratuit
|
|
</a>
|
|
<a href="/wevia" class="wv-cta-btn wv-cta-btn-secondary">
|
|
Tester <i class="wevia-brand">Wevia</i>, notre IA
|
|
</a></div></div></section>`;
|
|
|
|
// Insert CTA after the LAST React section (slider/references), NOT before footer
|
|
var lastReactSection = slider || document.querySelector('.centered-container') || document.querySelector('.companies-slider');
|
|
var footerEl = document.querySelector('footer.footer');
|
|
if(footerEl) {
|
|
var ctaDiv = document.createElement('div');
|
|
ctaDiv.innerHTML = ctaHTML;
|
|
enrichContainer.appendChild(ctaDiv.firstElementChild);
|
|
} else if(lastReactSection && lastReactSection.nextSibling) {
|
|
var ctaDiv = document.createElement('div');
|
|
ctaDiv.innerHTML = ctaHTML;
|
|
enrichContainer.appendChild(ctaDiv.firstElementChild);
|
|
}
|
|
|
|
// ============================================================
|
|
// 6. TECH STACK (after expertise badges)
|
|
// ============================================================
|
|
var techHTML = `
|
|
<section class="wv-tech-section">
|
|
<div class="wv-why-inner">
|
|
<div class="wv-why-header">
|
|
<div class="wv-why-badge">Technologies</div>
|
|
<h2 class="wv-why-title">Notre <span>stack technologique</span></h2></div>
|
|
<div class="wv-tech-grid">
|
|
<div class="wv-tech-card visible">
|
|
<div class="wv-tech-icon"><svg width="16" height="16" viewBox="0 0 16 16"><circle cx="8" cy="8" r="4" fill="currentColor" opacity=".5"/></svg></div>
|
|
<div class="wv-tech-name">Huawei Cloud</div>
|
|
<div class="wv-tech-desc">Infrastructure souveraine, IaaS & PaaS certifié</div></div>
|
|
<div class="wv-tech-card visible">
|
|
<div class="wv-tech-icon"><svg width="16" height="16" viewBox="0 0 16 16"><circle cx="8" cy="8" r="4" fill="currentColor" opacity=".5"/></svg></div>
|
|
<div class="wv-tech-name">SAP / Vistex</div>
|
|
<div class="wv-tech-desc">ERP S/4HANA, Revenue Management & Pricing</div></div>
|
|
<div class="wv-tech-card visible">
|
|
<div class="wv-tech-icon"><svg width="16" height="16" viewBox="0 0 16 16"><circle cx="8" cy="8" r="4" fill="currentColor" opacity=".5"/></svg></div>
|
|
<div class="wv-tech-name"><i class="wevia-brand">Wevia</i> IA</div>
|
|
<div class="wv-tech-desc">8 modèles IA · Chatbot · Automation · Analytics</div></div>
|
|
<div class="wv-tech-card visible">
|
|
<div class="wv-tech-icon"><svg width="16" height="16" viewBox="0 0 16 16"><circle cx="8" cy="8" r="4" fill="currentColor" opacity=".5"/></svg></div>
|
|
<div class="wv-tech-name">IQVIA</div>
|
|
<div class="wv-tech-desc">Data Analytics Pharma & Life Sciences</div></div>
|
|
<div class="wv-tech-card visible">
|
|
<div class="wv-tech-icon"><svg width="16" height="16" viewBox="0 0 16 16"><circle cx="8" cy="8" r="4" fill="currentColor" opacity=".5"/></svg></div>
|
|
<div class="wv-tech-name">Cybersécurité</div>
|
|
<div class="wv-tech-desc">Audit, SOC, Pentesting & Conformité ISO 27001</div></div>
|
|
<div class="wv-tech-card visible">
|
|
<div class="wv-tech-icon">⛓</div>
|
|
<div class="wv-tech-name">Blockchain</div>
|
|
<div class="wv-tech-desc">Smart Contracts, Traçabilité & DeFi</div></div>
|
|
<div class="wv-tech-card visible">
|
|
<div class="wv-tech-icon"></div>
|
|
<div class="wv-tech-name">IoT</div>
|
|
<div class="wv-tech-desc">Capteurs industriels, Edge & Monitoring temps réel</div></div>
|
|
<div class="wv-tech-card visible">
|
|
<div class="wv-tech-icon"><svg width="16" height="16" viewBox="0 0 16 16"><circle cx="8" cy="8" r="4" fill="currentColor" opacity=".5"/></svg></div>
|
|
<div class="wv-tech-name">Big Data</div>
|
|
<div class="wv-tech-desc">Data Lake, Machine Learning & BI prédictive</div></div></div></div></section>`;
|
|
|
|
var expSection = document.querySelector('.wv-expertise');
|
|
if(expSection) {
|
|
var techDiv = document.createElement('div');
|
|
techDiv.innerHTML = techHTML;
|
|
enrichContainer.appendChild(techDiv.firstElementChild);
|
|
}
|
|
|
|
// ============================================================
|
|
// 7. BLOG TEASER (before CTA)
|
|
// ============================================================
|
|
var blogHTML = `
|
|
<section class="wv-blog-section">
|
|
<div class="wv-why-inner">
|
|
<div class="wv-why-header">
|
|
<div class="wv-why-badge">Actualités & Publications WEVAL</div>
|
|
<h2 class="wv-why-title">Dernières <span>publications</span></h2>
|
|
<p style="color:#64748b;font-size:1rem;margin-top:8px;max-width:600px;margin-left:auto;margin-right:auto">Articles, tribunes et analyses partagés par nos experts sur LinkedIn et notre blog</p></div>
|
|
<div class="wv-blog-grid-6">
|
|
<!-- 1. WEVAL IA Launch -->
|
|
<a href="https://www.linkedin.com/company/weval/?viewAsMember=true" target="_blank" rel="noopener" class="wv-blog-card-v2 wv-linkedin-card">
|
|
<div class="wv-blog-card-top">
|
|
<div class="wv-blog-source"><svg class="wv-li-icon" viewBox="0 0 24 24" width="14" height="14"><path fill="#0A66C2" d="M20.5 2h-17A1.5 1.5 0 002 3.5v17A1.5 1.5 0 003.5 22h17a1.5 1.5 0 001.5-1.5v-17A1.5 1.5 0 0020.5 2zM8 19H5v-9h3zM6.5 8.25A1.75 1.75 0 118.3 6.5a1.78 1.78 0 01-1.8 1.75zM19 19h-3v-4.74c0-1.42-.6-1.93-1.38-1.93A1.74 1.74 0 0013 14.19V19h-3v-9h2.9v1.3a3.11 3.11 0 012.7-1.4c1.55 0 3.36.86 3.36 3.66z"/></svg> LinkedIn WEVAL</div>
|
|
<div class="wv-blog-date">Fev 2026</div></div>
|
|
<div class="wv-blog-tag-v2" style="background:#ede9fe;color:#6d28d9">IA & Innovation</div>
|
|
<h3 class="wv-blog-title-v2">WEVAL IA : notre solution SaaS 100% opérationnelle est lancée</h3>
|
|
<p class="wv-blog-excerpt-v2">Agent autonome, RAG documentaire, analyse prédictive et intégration native API/ERP/CRM. 100% uptime, <200ms.</p>
|
|
<div class="wv-blog-footer">
|
|
<span class="wv-blog-stat">🔗 LinkedIn</span>
|
|
<span class="wv-blog-stat">❤️ 4</span>
|
|
<span class="wv-blog-stat">🔁 3</span></div></a>
|
|
<!-- 2. Huawei Cloud Transformation -->
|
|
<a href="https://www.linkedin.com/company/weval/?viewAsMember=true" target="_blank" rel="noopener" class="wv-blog-card-v2 wv-linkedin-card">
|
|
<div class="wv-blog-card-top">
|
|
<div class="wv-blog-source"><svg class="wv-li-icon" viewBox="0 0 24 24" width="14" height="14"><path fill="#0A66C2" d="M20.5 2h-17A1.5 1.5 0 002 3.5v17A1.5 1.5 0 003.5 22h17a1.5 1.5 0 001.5-1.5v-17A1.5 1.5 0 0020.5 2zM8 19H5v-9h3zM6.5 8.25A1.75 1.75 0 118.3 6.5a1.78 1.78 0 01-1.8 1.75zM19 19h-3v-4.74c0-1.42-.6-1.93-1.38-1.93A1.74 1.74 0 0013 14.19V19h-3v-9h2.9v1.3a3.11 3.11 0 012.7-1.4c1.55 0 3.36.86 3.36 3.66z"/></svg> LinkedIn WEVAL</div>
|
|
<div class="wv-blog-date">Dec 2025</div></div>
|
|
<div class="wv-blog-tag-v2" style="background:#dbeafe;color:#1d4ed8">Cloud</div>
|
|
<h3 class="wv-blog-title-v2">Weval x Huawei Cloud : votre transformation Cloud commence ici</h3>
|
|
<p class="wv-blog-excerpt-v2">Solutions performantes, accessibles et évolutives. Accédez à la Marketplace Cloud WEVAL.</p>
|
|
<div class="wv-blog-footer">
|
|
<span class="wv-blog-stat">🔗 LinkedIn</span>
|
|
<span class="wv-blog-stat">❤️ 4</span>
|
|
<span class="wv-blog-stat">🔁 1</span></div></a>
|
|
<!-- 3. Vistex Vendor Funding -->
|
|
<a href="https://www.linkedin.com/company/weval/?viewAsMember=true" target="_blank" rel="noopener" class="wv-blog-card-v2 wv-linkedin-card">
|
|
<div class="wv-blog-card-top">
|
|
<div class="wv-blog-source"><svg class="wv-li-icon" viewBox="0 0 24 24" width="14" height="14"><path fill="#0A66C2" d="M20.5 2h-17A1.5 1.5 0 002 3.5v17A1.5 1.5 0 003.5 22h17a1.5 1.5 0 001.5-1.5v-17A1.5 1.5 0 0020.5 2zM8 19H5v-9h3zM6.5 8.25A1.75 1.75 0 118.3 6.5a1.78 1.78 0 01-1.8 1.75zM19 19h-3v-4.74c0-1.42-.6-1.93-1.38-1.93A1.74 1.74 0 0013 14.19V19h-3v-9h2.9v1.3a3.11 3.11 0 012.7-1.4c1.55 0 3.36.86 3.36 3.66z"/></svg> LinkedIn WEVAL</div>
|
|
<div class="wv-blog-date">Oct 2025</div></div>
|
|
<div class="wv-blog-tag-v2" style="background:#fef3c7;color:#92400e">SAP & Vistex</div>
|
|
<h3 class="wv-blog-title-v2">GTMS® Vendor Funding by Vistex : maximisez vos marges et recouvrements</h3>
|
|
<p class="wv-blog-excerpt-v2">Performance accrue, gestion simplifiée des ristournes et analyse en temps réel avec WEVAL & Vistex.</p>
|
|
<div class="wv-blog-footer">
|
|
<span class="wv-blog-stat">🔗 LinkedIn</span>
|
|
<span class="wv-blog-stat">❤️ 6</span></div></a>
|
|
<!-- 4. Souverainete numerique -->
|
|
<a href="https://www.linkedin.com/company/weval/?viewAsMember=true" target="_blank" rel="noopener" class="wv-blog-card-v2 wv-linkedin-card">
|
|
<div class="wv-blog-card-top">
|
|
<div class="wv-blog-source"><svg class="wv-li-icon" viewBox="0 0 24 24" width="14" height="14"><path fill="#0A66C2" d="M20.5 2h-17A1.5 1.5 0 002 3.5v17A1.5 1.5 0 003.5 22h17a1.5 1.5 0 001.5-1.5v-17A1.5 1.5 0 0020.5 2zM8 19H5v-9h3zM6.5 8.25A1.75 1.75 0 118.3 6.5a1.78 1.78 0 01-1.8 1.75zM19 19h-3v-4.74c0-1.42-.6-1.93-1.38-1.93A1.74 1.74 0 0013 14.19V19h-3v-9h2.9v1.3a3.11 3.11 0 012.7-1.4c1.55 0 3.36.86 3.36 3.66z"/></svg> LinkedIn WEVAL</div>
|
|
<div class="wv-blog-date">Oct 2025</div></div>
|
|
<div class="wv-blog-tag-v2" style="background:#dcfce7;color:#166534">Souveraineté</div>
|
|
<h3 class="wv-blog-title-v2">Souveraineté numérique : une obligation stratégique pour le Maroc</h3>
|
|
<p class="wv-blog-excerpt-v2">Avec Huawei CloudStack, conformité, performance et transformation. Le Maroc passe au cloud souverain.</p>
|
|
<div class="wv-blog-footer">
|
|
<span class="wv-blog-stat">🔗 LinkedIn</span>
|
|
<span class="wv-blog-stat">❤️ 7</span>
|
|
<span class="wv-blog-stat">🔁 1</span></div></a>
|
|
<!-- 5. SAP Vistex Revenue -->
|
|
<a href="https://www.linkedin.com/company/weval/?viewAsMember=true" target="_blank" rel="noopener" class="wv-blog-card-v2 wv-linkedin-card">
|
|
<div class="wv-blog-card-top">
|
|
<div class="wv-blog-source"><svg class="wv-li-icon" viewBox="0 0 24 24" width="14" height="14"><path fill="#0A66C2" d="M20.5 2h-17A1.5 1.5 0 002 3.5v17A1.5 1.5 0 003.5 22h17a1.5 1.5 0 001.5-1.5v-17A1.5 1.5 0 0020.5 2zM8 19H5v-9h3zM6.5 8.25A1.75 1.75 0 118.3 6.5a1.78 1.78 0 01-1.8 1.75zM19 19h-3v-4.74c0-1.42-.6-1.93-1.38-1.93A1.74 1.74 0 0013 14.19V19h-3v-9h2.9v1.3a3.11 3.11 0 012.7-1.4c1.55 0 3.36.86 3.36 3.66z"/></svg> LinkedIn WEVAL</div>
|
|
<div class="wv-blog-date">Aout 2025</div></div>
|
|
<div class="wv-blog-tag-v2" style="background:#fee2e2;color:#991b1b">SAP & Vistex</div>
|
|
<h3 class="wv-blog-title-v2">SAP Vistex : qui optimise vos revenus cachés ?</h3>
|
|
<p class="wv-blog-excerpt-v2">Rebate Manager, Dispute Manager, TPM, Incentives. L’extension stratégique indispensable à votre ERP SAP.</p>
|
|
<div class="wv-blog-footer">
|
|
<span class="wv-blog-stat">🔗 LinkedIn</span>
|
|
<span class="wv-blog-stat">❤️ 11</span>
|
|
<span class="wv-blog-stat">🔁 4</span></div></a>
|
|
<!-- 6. Assises Nationales IA -->
|
|
<a href="https://www.linkedin.com/company/weval/?viewAsMember=true" target="_blank" rel="noopener" class="wv-blog-card-v2 wv-linkedin-card">
|
|
<div class="wv-blog-card-top">
|
|
<div class="wv-blog-source"><svg class="wv-li-icon" viewBox="0 0 24 24" width="14" height="14"><path fill="#0A66C2" d="M20.5 2h-17A1.5 1.5 0 002 3.5v17A1.5 1.5 0 003.5 22h17a1.5 1.5 0 001.5-1.5v-17A1.5 1.5 0 0020.5 2zM8 19H5v-9h3zM6.5 8.25A1.75 1.75 0 118.3 6.5a1.78 1.78 0 01-1.8 1.75zM19 19h-3v-4.74c0-1.42-.6-1.93-1.38-1.93A1.74 1.74 0 0013 14.19V19h-3v-9h2.9v1.3a3.11 3.11 0 012.7-1.4c1.55 0 3.36.86 3.36 3.66z"/></svg> LinkedIn WEVAL</div>
|
|
<div class="wv-blog-date">Oct 2025</div></div>
|
|
<div class="wv-blog-tag-v2" style="background:#e0e7ff;color:#3730a3">Événement IA</div>
|
|
<h3 class="wv-blog-title-v2">Assises Nationales de l’IA — Rabat : le Maroc hub africain de l’IA</h3>
|
|
<p class="wv-blog-excerpt-v2">130 experts de 30 pays, feuille de route nationale en 8 piliers pour une IA éthique et inclusive.</p>
|
|
<div class="wv-blog-footer">
|
|
<span class="wv-blog-stat">🔗 LinkedIn</span>
|
|
<span class="wv-blog-stat">❤️ 3</span>
|
|
<span class="wv-blog-stat">🔁 1</span></div></a>
|
|
<!-- 7. WEVAL Huawei Alliance -->
|
|
<a href="https://www.linkedin.com/company/weval/?viewAsMember=true" target="_blank" rel="noopener" class="wv-blog-card-v2 wv-linkedin-card">
|
|
<div class="wv-blog-card-top">
|
|
<div class="wv-blog-source"><svg class="wv-li-icon" viewBox="0 0 24 24" width="14" height="14"><path fill="#0A66C2" d="M20.5 2h-17A1.5 1.5 0 002 3.5v17A1.5 1.5 0 003.5 22h17a1.5 1.5 0 001.5-1.5v-17A1.5 1.5 0 0020.5 2zM8 19H5v-9h3zM6.5 8.25A1.75 1.75 0 118.3 6.5a1.78 1.78 0 01-1.8 1.75zM19 19h-3v-4.74c0-1.42-.6-1.93-1.38-1.93A1.74 1.74 0 0013 14.19V19h-3v-9h2.9v1.3a3.11 3.11 0 012.7-1.4c1.55 0 3.36.86 3.36 3.66z"/></svg> LinkedIn WEVAL</div>
|
|
<div class="wv-blog-date">Oct 2025</div></div>
|
|
<div class="wv-blog-tag-v2" style="background:#dbeafe;color:#1d4ed8">Partenariat</div>
|
|
<h3 class="wv-blog-title-v2">WEVAL & Huawei Cloud : alliance exclusive Maroc, France & Afrique de l’Ouest</h3>
|
|
<p class="wv-blog-excerpt-v2">Cloud Public, Privé, Hybride + Cybersécurité, IA, Big Data, IoT, Blockchain. Partenaire exclusif.</p>
|
|
<div class="wv-blog-footer">
|
|
<span class="wv-blog-stat">🔗 LinkedIn</span>
|
|
<span class="wv-blog-stat">❤️ 9</span>
|
|
<span class="wv-blog-stat">🔁 1</span></div></a>
|
|
<!-- 8. CRM Pharma -->
|
|
<a href="https://www.linkedin.com/company/weval/?viewAsMember=true" target="_blank" rel="noopener" class="wv-blog-card-v2 wv-linkedin-card">
|
|
<div class="wv-blog-card-top">
|
|
<div class="wv-blog-source"><svg class="wv-li-icon" viewBox="0 0 24 24" width="14" height="14"><path fill="#0A66C2" d="M20.5 2h-17A1.5 1.5 0 002 3.5v17A1.5 1.5 0 003.5 22h17a1.5 1.5 0 001.5-1.5v-17A1.5 1.5 0 0020.5 2zM8 19H5v-9h3zM6.5 8.25A1.75 1.75 0 118.3 6.5a1.78 1.78 0 01-1.8 1.75zM19 19h-3v-4.74c0-1.42-.6-1.93-1.38-1.93A1.74 1.74 0 0013 14.19V19h-3v-9h2.9v1.3a3.11 3.11 0 012.7-1.4c1.55 0 3.36.86 3.36 3.66z"/></svg> LinkedIn WEVAL</div>
|
|
<div class="wv-blog-date">Aout 2025</div></div>
|
|
<div class="wv-blog-tag-v2" style="background:#fce7f3;color:#9d174d">Pharma & CRM</div>
|
|
<h3 class="wv-blog-title-v2">CRM Pharma : conformité, souveraineté et performance multi-régions</h3>
|
|
<p class="wv-blog-excerpt-v2">Cloud Souverain marocain, KPI business, segmentation ABC/ABM, mode offline zones rurales.</p>
|
|
<div class="wv-blog-footer">
|
|
<span class="wv-blog-stat">🔗 LinkedIn</span>
|
|
<span class="wv-blog-stat">❤️ 7</span>
|
|
<span class="wv-blog-stat">🔁 2</span></div></a>
|
|
<!-- 9. Vistex Convention USF Lyon -->
|
|
<a href="https://www.linkedin.com/company/weval/?viewAsMember=true" target="_blank" rel="noopener" class="wv-blog-card-v2 wv-linkedin-card">
|
|
<div class="wv-blog-card-top">
|
|
<div class="wv-blog-source"><svg class="wv-li-icon" viewBox="0 0 24 24" width="14" height="14"><path fill="#0A66C2" d="M20.5 2h-17A1.5 1.5 0 002 3.5v17A1.5 1.5 0 003.5 22h17a1.5 1.5 0 001.5-1.5v-17A1.5 1.5 0 0020.5 2zM8 19H5v-9h3zM6.5 8.25A1.75 1.75 0 118.3 6.5a1.78 1.78 0 01-1.8 1.75zM19 19h-3v-4.74c0-1.42-.6-1.93-1.38-1.93A1.74 1.74 0 0013 14.19V19h-3v-9h2.9v1.3a3.11 3.11 0 012.7-1.4c1.55 0 3.36.86 3.36 3.66z"/></svg> LinkedIn WEVAL</div>
|
|
<div class="wv-blog-date">Oct 2025</div></div>
|
|
<div class="wv-blog-tag-v2" style="background:#fef3c7;color:#92400e">Événement</div>
|
|
<h3 class="wv-blog-title-v2">Convention USF 2025 Lyon — Vistex x Biogaran : ristournes clients optimisées</h3>
|
|
<p class="wv-blog-excerpt-v2">Découvrez comment Biogaran a mis en œuvre Vistex pour sa gestion complexe de ristournes.</p>
|
|
<div class="wv-blog-footer">
|
|
<span class="wv-blog-stat">🔗 LinkedIn</span>
|
|
<span class="wv-blog-stat">❤️ 5</span></div></a></div>
|
|
<div style="text-align:center;margin-top:40px;display:flex;gap:16px;justify-content:center;flex-wrap:wrap">
|
|
<a href="/blog/" class="wv-cta-btn" style="background:#f1f5f9;color:#334155;display:inline-flex;font-size:0.9rem;padding:12px 28px;border-radius:12px;text-decoration:none;font-weight:600;transition:all 0.3s">
|
|
Voir le Blog WEVAL →
|
|
</a>
|
|
<a href="https://www.linkedin.com/company/weval/?viewAsMember=true" target="_blank" rel="noopener" class="wv-cta-btn" style="background:#0A66C2;color:#fff;display:inline-flex;font-size:0.9rem;padding:12px 28px;border-radius:12px;text-decoration:none;font-weight:600;transition:all 0.3s;align-items:center;gap:8px">
|
|
<svg viewBox="0 0 24 24" width="16" height="16"><path fill="#fff" d="M20.5 2h-17A1.5 1.5 0 002 3.5v17A1.5 1.5 0 003.5 22h17a1.5 1.5 0 001.5-1.5v-17A1.5 1.5 0 0020.5 2zM8 19H5v-9h3zM6.5 8.25A1.75 1.75 0 118.3 6.5a1.78 1.78 0 01-1.8 1.75zM19 19h-3v-4.74c0-1.42-.6-1.93-1.38-1.93A1.74 1.74 0 0013 14.19V19h-3v-9h2.9v1.3a3.11 3.11 0 012.7-1.4c1.55 0 3.36.86 3.36 3.66z"/></svg>
|
|
Suivre WEVAL sur LinkedIn
|
|
</a></div></div></section>`;
|
|
|
|
|
|
// ============================================================
|
|
// USE CASES — Client Mission Cards by Sector
|
|
// ============================================================
|
|
|
|
var useCasesHTML = `
|
|
<section class="wv-usecase-section" id="use-cases">
|
|
<div class="wv-why-inner">
|
|
<div class="wv-why-header">
|
|
<div class="wv-why-badge">Use Cases & Références</div>
|
|
<h2 class="wv-why-title">Nos <span>missions clients</span></h2>
|
|
<p style="color:#64748b;font-size:1rem;margin-top:8px;max-width:700px;margin-left:auto;margin-right:auto">
|
|
+30 clients grands comptes accompagnés en France, Maroc et à l'international. Découvrez nos réalisations par secteur.
|
|
</p></div>
|
|
<!-- SECTOR TABS -->
|
|
<div class="wv-uc-tabs">
|
|
<button class="wv-uc-tab active" data-sector="all">Tous</button>
|
|
<button class="wv-uc-tab" data-sector="pharma">Pharma & Life Sciences</button>
|
|
<button class="wv-uc-tab" data-sector="industrie">Industrie & Aéro</button>
|
|
<button class="wv-uc-tab" data-sector="retail">Retail & Distribution</button>
|
|
<button class="wv-uc-tab" data-sector="energie">Énergie & Mining</button>
|
|
<button class="wv-uc-tab" data-sector="transport">Transport & Logistique</button>
|
|
<button class="wv-uc-tab" data-sector="digital">Digital & IA</button></div>
|
|
<!-- USE CASE CARDS -->
|
|
<div class="wv-uc-grid" id="ucGrid">
|
|
<!-- ============ PHARMA & LIFE SCIENCES ============ -->
|
|
<div class="wv-uc-card" data-sector="pharma">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo"></div>
|
|
<div>
|
|
<div class="wv-uc-client">Abbott</div>
|
|
<div class="wv-uc-sector-tag" style="background:#dbeafe;color:#1d4ed8">Pharma & Life Sciences</div></div></div>
|
|
<h4 class="wv-uc-title">Optimisation pricing & rebates SAP/Vistex</h4>
|
|
<p class="wv-uc-desc">Déploiement des solutions Vistex sur SAP S/4HANA pour la gestion des accords commerciaux, chargebacks et commissions dans le secteur dispositifs médicaux.</p>
|
|
<div class="wv-uc-tags"><span>SAP S/4HANA</span><span>Vistex IP</span><span>Pricing</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>-40%</strong><small>temps clôture</small></div>
|
|
<div class="wv-uc-metric"><strong>100%</strong><small>visibilité marge</small></div>
|
|
<div class="wv-uc-metric"><strong>12</strong><small>pays déployés</small></div></div></div>
|
|
<div class="wv-uc-card" data-sector="pharma">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo"></div>
|
|
<div>
|
|
<div class="wv-uc-client">AbbVie</div>
|
|
<div class="wv-uc-sector-tag" style="background:#dbeafe;color:#1d4ed8">Pharma & Life Sciences</div></div></div>
|
|
<h4 class="wv-uc-title">Programme de rebates & incentives pharmaceutiques</h4>
|
|
<p class="wv-uc-desc">Mise en place de la gestion automatisée des remises conditionnelles et programmes d'incentives sur SAP ECC avec extension Vistex pour le marché européen.</p>
|
|
<div class="wv-uc-tags"><span>Vistex</span><span>Rebates</span><span>SAP ECC</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>€2M+</strong><small>rebates gérés/an</small></div>
|
|
<div class="wv-uc-metric"><strong>-60%</strong><small>erreurs facturation</small></div>
|
|
<div class="wv-uc-metric"><strong>8</strong><small>filiales Europe</small></div></div></div>
|
|
<div class="wv-uc-card" data-sector="pharma">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo"></div>
|
|
<div>
|
|
<div class="wv-uc-client">Johnson & Johnson</div>
|
|
<div class="wv-uc-sector-tag" style="background:#dbeafe;color:#1d4ed8">Pharma & Life Sciences</div></div></div>
|
|
<h4 class="wv-uc-title">Transformation accords commerciaux & compliance</h4>
|
|
<p class="wv-uc-desc">Accompagnement MOA/MOE pour la refonte des processus de gestion des accords commerciaux et mise en conformité réglementaire sur SAP S/4HANA.</p>
|
|
<div class="wv-uc-tags"><span>MOA/MOE</span><span>Compliance</span><span>SAP</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>100%</strong><small>compliance</small></div>
|
|
<div class="wv-uc-metric"><strong>3</strong><small>BUs transformées</small></div>
|
|
<div class="wv-uc-metric"><strong>18</strong><small>mois projet</small></div></div></div>
|
|
<div class="wv-uc-card" data-sector="pharma">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo"></div>
|
|
<div>
|
|
<div class="wv-uc-client">Servier</div>
|
|
<div class="wv-uc-sector-tag" style="background:#dbeafe;color:#1d4ed8">Pharma & Life Sciences</div></div></div>
|
|
<h4 class="wv-uc-title">PMO programme SAP & gestion des données référentielles</h4>
|
|
<p class="wv-uc-desc">Pilotage PMO du programme de transformation SI incluant la migration SAP et la consolidation des données maîtres pharmaceutiques à l'international.</p>
|
|
<div class="wv-uc-tags"><span>PMO</span><span>SAP</span><span>Master Data</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>5</strong><small>filiales migrées</small></div>
|
|
<div class="wv-uc-metric"><strong>PMI</strong><small>méthodologie</small></div>
|
|
<div class="wv-uc-metric"><strong>24</strong><small>mois</small></div></div></div>
|
|
<div class="wv-uc-card" data-sector="pharma">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo"></div>
|
|
<div>
|
|
<div class="wv-uc-client">L'Oréal</div>
|
|
<div class="wv-uc-sector-tag" style="background:#dbeafe;color:#1d4ed8">Cosmétique & Life Sciences</div></div></div>
|
|
<h4 class="wv-uc-title">Pricing & promotions multi-marchés</h4>
|
|
<p class="wv-uc-desc">Déploiement de la gestion des conditions tarifaires et promotions sur SAP/Vistex pour les divisions cosmétiques sur les marchés européens et Maghreb.</p>
|
|
<div class="wv-uc-tags"><span>Vistex</span><span>Pricing</span><span>Multi-marché</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>15+</strong><small>marchés</small></div>
|
|
<div class="wv-uc-metric"><strong>-35%</strong><small>écarts pricing</small></div>
|
|
<div class="wv-uc-metric"><strong>Agile</strong><small>déploiement</small></div></div></div>
|
|
<div class="wv-uc-card" data-sector="pharma">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo"></div>
|
|
<div>
|
|
<div class="wv-uc-client">IQVIA</div>
|
|
<div class="wv-uc-sector-tag" style="background:#dbeafe;color:#1d4ed8">Data Pharma</div></div></div>
|
|
<h4 class="wv-uc-title">Conseil data & analytics pharmaceutiques</h4>
|
|
<p class="wv-uc-desc">Accompagnement sur les solutions de données de santé et analytics pour l'optimisation des performances commerciales des laboratoires partenaires.</p>
|
|
<div class="wv-uc-tags"><span>Data Analytics</span><span>Consulting</span><span>Pharma</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>IQVIA</strong><small>Partner</small></div>
|
|
<div class="wv-uc-metric"><strong>3</strong><small>pays Maghreb</small></div>
|
|
<div class="wv-uc-metric"><strong>B2B</strong><small>focus HCP</small></div></div></div>
|
|
<!-- ============ INDUSTRIE & AÉRO ============ -->
|
|
<div class="wv-uc-card" data-sector="industrie">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo">✈</div>
|
|
<div>
|
|
<div class="wv-uc-client">Safran</div>
|
|
<div class="wv-uc-sector-tag" style="background:#fef3c7;color:#92400e">Aéronautique</div></div></div>
|
|
<h4 class="wv-uc-title">PMO transformation industrielle & digitalisation usines</h4>
|
|
<p class="wv-uc-desc">Pilotage de la transformation digitale des processus industriels, intégration MES/ERP et déploiement des outils de suivi de production.</p>
|
|
<div class="wv-uc-tags"><span>PMO</span><span>Industrie 4.0</span><span>MES/ERP</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>3</strong><small>usines pilotes</small></div>
|
|
<div class="wv-uc-metric"><strong>+25%</strong><small>productivité</small></div>
|
|
<div class="wv-uc-metric"><strong>Lean</strong><small>approche</small></div></div></div>
|
|
<div class="wv-uc-card" data-sector="industrie">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo"></div>
|
|
<div>
|
|
<div class="wv-uc-client">Michelin</div>
|
|
<div class="wv-uc-sector-tag" style="background:#fef3c7;color:#92400e">Industrie</div></div></div>
|
|
<h4 class="wv-uc-title">Assistance MOE SI & optimisation supply chain</h4>
|
|
<p class="wv-uc-desc">Expertise MOE sur les systèmes d'information logistiques et optimisation des flux supply chain pour les sites de production européens.</p>
|
|
<div class="wv-uc-tags"><span>MOE</span><span>Supply Chain</span><span>SI</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>-20%</strong><small>stocks</small></div>
|
|
<div class="wv-uc-metric"><strong>ITIL</strong><small>framework</small></div>
|
|
<div class="wv-uc-metric"><strong>6</strong><small>sites Europe</small></div></div></div>
|
|
<div class="wv-uc-card" data-sector="industrie">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo"></div>
|
|
<div>
|
|
<div class="wv-uc-client">Bombardier Transport</div>
|
|
<div class="wv-uc-sector-tag" style="background:#fef3c7;color:#92400e">Ferroviaire</div></div></div>
|
|
<h4 class="wv-uc-title">Gestion de projet & architecture SI ferroviaire</h4>
|
|
<p class="wv-uc-desc">Pilotage de projets SI complexes pour le constructeur ferroviaire : architecture, intégration systèmes embarqués et gestion des exigences techniques.</p>
|
|
<div class="wv-uc-tags"><span>Architecture SI</span><span>PMI</span><span>CMMI</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>CMMI</strong><small>niveau 3</small></div>
|
|
<div class="wv-uc-metric"><strong>2</strong><small>programmes</small></div>
|
|
<div class="wv-uc-metric"><strong>Multi</strong><small>pays</small></div></div></div>
|
|
<div class="wv-uc-card" data-sector="industrie">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo"></div>
|
|
<div>
|
|
<div class="wv-uc-client">Faiveley / Wabtec</div>
|
|
<div class="wv-uc-sector-tag" style="background:#fef3c7;color:#92400e">Ferroviaire</div></div></div>
|
|
<h4 class="wv-uc-title">Intégration ERP & consolidation post-acquisition</h4>
|
|
<p class="wv-uc-desc">Accompagnement MOA de la consolidation SI suite à l'acquisition par Wabtec, harmonisation des processus métier et migration des données.</p>
|
|
<div class="wv-uc-tags"><span>MOA</span><span>ERP</span><span>M&A Integration</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>2→1</strong><small>ERP consolidé</small></div>
|
|
<div class="wv-uc-metric"><strong>100%</strong><small>données migrées</small></div>
|
|
<div class="wv-uc-metric"><strong>12</strong><small>mois</small></div></div></div>
|
|
<div class="wv-uc-card" data-sector="industrie">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo"></div>
|
|
<div>
|
|
<div class="wv-uc-client">ElringKlinger</div>
|
|
<div class="wv-uc-sector-tag" style="background:#fef3c7;color:#92400e">Automobile</div></div></div>
|
|
<h4 class="wv-uc-title">Transformation commissions & incentives SAP/Vistex</h4>
|
|
<p class="wv-uc-desc">Modernisation d'un système de commissions vieux de 20 ans. Déploiement Vistex sur SAP S/4HANA pour la gestion automatisée des incentives et commissions commerciales.</p>
|
|
<div class="wv-uc-tags"><span>Vistex</span><span>SAP S/4HANA</span><span>Commissions</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>20→0</strong><small>ans legacy éliminé</small></div>
|
|
<div class="wv-uc-metric"><strong>-70%</strong><small>traitement manuel</small></div>
|
|
<div class="wv-uc-metric"><strong>Real-time</strong><small>visibilité</small></div></div></div>
|
|
<div class="wv-uc-card" data-sector="industrie">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo"></div>
|
|
<div>
|
|
<div class="wv-uc-client">Daher Aerospace</div>
|
|
<div class="wv-uc-sector-tag" style="background:#fef3c7;color:#92400e">Aéronautique</div></div></div>
|
|
<h4 class="wv-uc-title">Consulting SI & optimisation processus aéronautiques</h4>
|
|
<p class="wv-uc-desc">Mission de conseil en systèmes d'information pour l'optimisation des processus industriels et logistiques dans le secteur aéronautique.</p>
|
|
<div class="wv-uc-tags"><span>Consulting SI</span><span>Lean</span><span>Aéro</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>Lean</strong><small>Management</small></div>
|
|
<div class="wv-uc-metric"><strong>+15%</strong><small>efficacité</small></div>
|
|
<div class="wv-uc-metric"><strong>ITIL</strong><small>framework</small></div></div></div>
|
|
<!-- ============ RETAIL & DISTRIBUTION ============ -->
|
|
<div class="wv-uc-card" data-sector="retail">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo"></div>
|
|
<div>
|
|
<div class="wv-uc-client">Carrefour</div>
|
|
<div class="wv-uc-sector-tag" style="background:#dcfce7;color:#166534">Grande Distribution</div></div></div>
|
|
<h4 class="wv-uc-title">Gestion promotions & accords fournisseurs SAP</h4>
|
|
<p class="wv-uc-desc">Implémentation de la gestion des promotions et accords commerciaux fournisseurs sur SAP, automatisation des chargebacks et réconciliation financière.</p>
|
|
<div class="wv-uc-tags"><span>SAP</span><span>Promotions</span><span>Chargebacks</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>€50M+</strong><small>accords gérés</small></div>
|
|
<div class="wv-uc-metric"><strong>-50%</strong><small>litiges</small></div>
|
|
<div class="wv-uc-metric"><strong>Agile</strong><small>Scrum</small></div></div></div>
|
|
<div class="wv-uc-card" data-sector="retail">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo"></div>
|
|
<div>
|
|
<div class="wv-uc-client">Fnac</div>
|
|
<div class="wv-uc-sector-tag" style="background:#dcfce7;color:#166534">Retail Spécialisé</div></div></div>
|
|
<h4 class="wv-uc-title">MOA/MOE e-commerce & intégration omnicanal</h4>
|
|
<p class="wv-uc-desc">Accompagnement de la transformation omnicanal : convergence SI retail et e-commerce, synchronisation stocks et parcours client unifié.</p>
|
|
<div class="wv-uc-tags"><span>MOA/MOE</span><span>E-commerce</span><span>Omnicanal</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>+30%</strong><small>conversion online</small></div>
|
|
<div class="wv-uc-metric"><strong>Real-time</strong><small>stock sync</small></div>
|
|
<div class="wv-uc-metric"><strong>3</strong><small>canaux unifiés</small></div></div></div>
|
|
<div class="wv-uc-card" data-sector="retail">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo"></div>
|
|
<div>
|
|
<div class="wv-uc-client">Intermarché</div>
|
|
<div class="wv-uc-sector-tag" style="background:#dcfce7;color:#166534">Grande Distribution</div></div></div>
|
|
<h4 class="wv-uc-title">Optimisation supply chain & gestion des achats</h4>
|
|
<p class="wv-uc-desc">Conseil et MOA sur l'optimisation de la chaîne d'approvisionnement et la gestion des achats centralisés pour le groupement coopératif.</p>
|
|
<div class="wv-uc-tags"><span>Supply Chain</span><span>Achats</span><span>MOA</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>-15%</strong><small>coûts achats</small></div>
|
|
<div class="wv-uc-metric"><strong>+20%</strong><small>rotation stocks</small></div>
|
|
<div class="wv-uc-metric"><strong>Lean</strong><small>procurement</small></div></div></div>
|
|
<!-- ============ ÉNERGIE & MINING ============ -->
|
|
<div class="wv-uc-card" data-sector="energie">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo">⛽</div>
|
|
<div>
|
|
<div class="wv-uc-client">TotalEnergies</div>
|
|
<div class="wv-uc-sector-tag" style="background:#fee2e2;color:#991b1b">Énergie</div></div></div>
|
|
<h4 class="wv-uc-title">Programme de transformation digitale & ERP</h4>
|
|
<p class="wv-uc-desc">Assistance MOE sur le programme de modernisation des systèmes SAP, migration données et optimisation des processus downstream/upstream.</p>
|
|
<div class="wv-uc-tags"><span>SAP</span><span>MOE</span><span>Transformation</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>SAP</strong><small>S/4HANA</small></div>
|
|
<div class="wv-uc-metric"><strong>Global</strong><small>déploiement</small></div>
|
|
<div class="wv-uc-metric"><strong>PMI</strong><small>gouvernance</small></div></div></div>
|
|
<div class="wv-uc-card" data-sector="energie">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo"></div>
|
|
<div>
|
|
<div class="wv-uc-client">Shell</div>
|
|
<div class="wv-uc-sector-tag" style="background:#fee2e2;color:#991b1b">Énergie</div></div></div>
|
|
<h4 class="wv-uc-title">Consulting SI downstream & process automation</h4>
|
|
<p class="wv-uc-desc">Conseil en systèmes d'information pour l'automatisation des processus de distribution et optimisation de la chaîne logistique downstream.</p>
|
|
<div class="wv-uc-tags"><span>Process Automation</span><span>SI</span><span>Downstream</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>-30%</strong><small>temps process</small></div>
|
|
<div class="wv-uc-metric"><strong>ITIL</strong><small>best practices</small></div>
|
|
<div class="wv-uc-metric"><strong>24/7</strong><small>monitoring</small></div></div></div>
|
|
<div class="wv-uc-card" data-sector="energie">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo">⛏</div>
|
|
<div>
|
|
<div class="wv-uc-client">OCP Group</div>
|
|
<div class="wv-uc-sector-tag" style="background:#fee2e2;color:#991b1b">Mining & Phosphates</div></div></div>
|
|
<h4 class="wv-uc-title">Transformation digitale & modernisation SI industriel</h4>
|
|
<p class="wv-uc-desc">Accompagnement du leader mondial des phosphates dans sa transformation digitale : audit SI, refonte architecture, déploiement solutions Cloud et IA industrielle.</p>
|
|
<div class="wv-uc-tags"><span>Digital</span><span>Cloud</span><span>IA Industrielle</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>#1</strong><small>mondial phosphates</small></div>
|
|
<div class="wv-uc-metric"><strong>Cloud</strong><small>Huawei</small></div>
|
|
<div class="wv-uc-metric"><strong>Maroc</strong><small>souveraineté</small></div></div></div>
|
|
<div class="wv-uc-card" data-sector="energie">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo"></div>
|
|
<div>
|
|
<div class="wv-uc-client">COSUMAR</div>
|
|
<div class="wv-uc-sector-tag" style="background:#fee2e2;color:#991b1b">Agroalimentaire</div></div></div>
|
|
<h4 class="wv-uc-title">SAP IBP — Planification intégrée supply chain en 4 mois</h4>
|
|
<p class="wv-uc-desc">Déploiement SAP IBP (Integrated Business Planning) en collaboration avec SAP et Logiq Technology pour la planification intégrée de la supply chain sucrière.</p>
|
|
<div class="wv-uc-tags"><span>SAP IBP</span><span>S&OP</span><span>Supply Chain</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>4</strong><small>mois go-live</small></div>
|
|
<div class="wv-uc-metric"><strong>+40%</strong><small>prévisibilité</small></div>
|
|
<div class="wv-uc-metric"><strong>S&OP</strong><small>temps réel</small></div></div></div>
|
|
<!-- ============ TRANSPORT & LOGISTIQUE ============ -->
|
|
<div class="wv-uc-card" data-sector="transport">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo"></div>
|
|
<div>
|
|
<div class="wv-uc-client">Geodis</div>
|
|
<div class="wv-uc-sector-tag" style="background:#ede9fe;color:#6d28d9">Logistique</div></div></div>
|
|
<h4 class="wv-uc-title">PMO programme TMS & optimisation réseau logistique</h4>
|
|
<p class="wv-uc-desc">Pilotage du programme de modernisation du Transport Management System et optimisation du réseau logistique européen.</p>
|
|
<div class="wv-uc-tags"><span>PMO</span><span>TMS</span><span>Logistique</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>-18%</strong><small>coûts transport</small></div>
|
|
<div class="wv-uc-metric"><strong>PMI</strong><small>gouvernance</small></div>
|
|
<div class="wv-uc-metric"><strong>EU</strong><small>réseau</small></div></div></div>
|
|
<div class="wv-uc-card" data-sector="transport">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo"></div>
|
|
<div>
|
|
<div class="wv-uc-client">RATP</div>
|
|
<div class="wv-uc-sector-tag" style="background:#ede9fe;color:#6d28d9">Transport Public</div></div></div>
|
|
<h4 class="wv-uc-title">Gestion de projet SI & modernisation systèmes</h4>
|
|
<p class="wv-uc-desc">Mission de pilotage de projet pour la modernisation des systèmes d'information de l'opérateur de transport public parisien.</p>
|
|
<div class="wv-uc-tags"><span>Gestion de projet</span><span>SI</span><span>Agile</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>RATP</strong><small>Île-de-France</small></div>
|
|
<div class="wv-uc-metric"><strong>Agile</strong><small>Scrum</small></div>
|
|
<div class="wv-uc-metric"><strong>15+</strong><small>consultants</small></div></div></div>
|
|
<div class="wv-uc-card" data-sector="transport">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo"></div>
|
|
<div>
|
|
<div class="wv-uc-client">SNTL</div>
|
|
<div class="wv-uc-sector-tag" style="background:#ede9fe;color:#6d28d9">Logistique Maroc</div></div></div>
|
|
<h4 class="wv-uc-title">Digitalisation & modernisation SI transport national</h4>
|
|
<p class="wv-uc-desc">Accompagnement du leader logistique marocain dans la digitalisation de ses opérations : déploiement ERP, automatisation workflows et tableaux de bord temps réel.</p>
|
|
<div class="wv-uc-tags"><span>ERP</span><span>Digitalisation</span><span>BI</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>#1</strong><small>logistique Maroc</small></div>
|
|
<div class="wv-uc-metric"><strong>Real-time</strong><small>dashboards</small></div>
|
|
<div class="wv-uc-metric"><strong>-25%</strong><small>temps process</small></div></div></div>
|
|
<!-- ============ DIGITAL & IA ============ -->
|
|
<div class="wv-uc-card" data-sector="digital">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo"></div>
|
|
<div>
|
|
<div class="wv-uc-client">Huawei Cloud</div>
|
|
<div class="wv-uc-sector-tag" style="background:#e0e7ff;color:#3730a3">Cloud Souverain</div></div></div>
|
|
<h4 class="wv-uc-title">CSP Partner — Migration & architecture cloud souverain</h4>
|
|
<p class="wv-uc-desc">En tant que Cloud Solution Provider Huawei, WEVAL accompagne les entreprises marocaines et africaines dans la migration vers Huawei Cloud avec architecture sécurisée et conforme.</p>
|
|
<div class="wv-uc-tags"><span>Huawei Cloud</span><span>CSP</span><span>Architecture</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>-35%</strong><small>coûts infra</small></div>
|
|
<div class="wv-uc-metric"><strong>÷3</strong><small>temps déploiement</small></div>
|
|
<div class="wv-uc-metric"><strong>CSP</strong><small>Partner certifié</small></div></div></div>
|
|
<div class="wv-uc-card" data-sector="digital">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo"></div>
|
|
<div>
|
|
<div class="wv-uc-client">WEVIA — IA Conversationnelle</div>
|
|
<div class="wv-uc-sector-tag" style="background:#e0e7ff;color:#3730a3">IA & Chatbot</div></div></div>
|
|
<h4 class="wv-uc-title">Assistant IA multilingue pour e-commerce</h4>
|
|
<p class="wv-uc-desc">Déploiement de WEVIA, chatbot IA propriétaire avec architecture multi-providers, RAG, knowledge base et support 3 langues pour automatiser 70% des interactions client.</p>
|
|
<div class="wv-uc-tags"><span>WEVIA</span><span>LLM Multi-provider</span><span>RAG</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>70%</strong><small>automatisation</small></div>
|
|
<div class="wv-uc-metric"><strong>-65%</strong><small>temps traitement</small></div>
|
|
<div class="wv-uc-metric"><strong>3</strong><small>langues</small></div></div></div>
|
|
<div class="wv-uc-card" data-sector="digital">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo"></div>
|
|
<div>
|
|
<div class="wv-uc-client">IAM (Maroc Telecom)</div>
|
|
<div class="wv-uc-sector-tag" style="background:#e0e7ff;color:#3730a3">Télécoms</div></div></div>
|
|
<h4 class="wv-uc-title">Conseil SI & architecture télécom</h4>
|
|
<p class="wv-uc-desc">Mission de conseil en architecture SI et accompagnement de la transformation digitale de l'opérateur historique marocain.</p>
|
|
<div class="wv-uc-tags"><span>Architecture SI</span><span>Telecom</span><span>Digital</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>#1</strong><small>opérateur Maroc</small></div>
|
|
<div class="wv-uc-metric"><strong>Digital</strong><small>transformation</small></div>
|
|
<div class="wv-uc-metric"><strong>Agile</strong><small>delivery</small></div></div></div>
|
|
<div class="wv-uc-card" data-sector="digital">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo"></div>
|
|
<div>
|
|
<div class="wv-uc-client">Ethica Group</div>
|
|
<div class="wv-uc-sector-tag" style="background:#e0e7ff;color:#3730a3">MarTech Pharma</div></div></div>
|
|
<h4 class="wv-uc-title">Plateforme marketing B2B pharma — Maghreb</h4>
|
|
<p class="wv-uc-desc">Développement et déploiement d'une plateforme de marketing automation B2B ciblant les professionnels de santé au Maroc, Tunisie et Algérie. Campagnes e-mail, segmentation HCP et analytics.</p>
|
|
<div class="wv-uc-tags"><span>Email Marketing</span><span>B2B Pharma</span><span>Maghreb</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>3</strong><small>pays couverts</small></div>
|
|
<div class="wv-uc-metric"><strong>900K+</strong><small>contacts HCP</small></div>
|
|
<div class="wv-uc-metric"><strong>88%+</strong><small>inbox rate</small></div></div></div></div>
|
|
<!-- ============ NOUVEAUX CLIENTS TROUVÉS (KB + Drive + LinkedIn) ============ -->
|
|
<!-- RIM PHARMA — from Google Drive -->
|
|
<div class="wv-uc-card" data-sector="pharma">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo"></div>
|
|
<div>
|
|
<div class="wv-uc-client">RIM Pharma</div>
|
|
<div class="wv-uc-sector-tag" style="background:#dbeafe;color:#1d4ed8">Pharma Maroc</div></div></div>
|
|
<h4 class="wv-uc-title">Déploiement Vistex — Pricing & rebates pharmaceutiques</h4>
|
|
<p class="wv-uc-desc">Implémentation de SAP Vistex chez le distributeur pharmaceutique marocain pour la gestion automatisée des accords commerciaux, chargebacks et remises laboratoires sur SAP.</p>
|
|
<div class="wv-uc-tags"><span>SAP Vistex</span><span>Pharma</span><span>Maroc</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>Vistex</strong><small>1er au Maroc</small></div>
|
|
<div class="wv-uc-metric"><strong>-50%</strong><small>litiges labo</small></div>
|
|
<div class="wv-uc-metric"><strong>Go-Live</strong><small>2025</small></div></div></div>
|
|
<!-- GIVAUDAN — from Google Drive (catch-up notes since 2022) -->
|
|
<div class="wv-uc-card" data-sector="industrie">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo"></div>
|
|
<div>
|
|
<div class="wv-uc-client">Givaudan</div>
|
|
<div class="wv-uc-sector-tag" style="background:#d1fae5;color:#065f46">Arômes & Parfums</div></div></div>
|
|
<h4 class="wv-uc-title">Consulting SI & accompagnement transformation digitale</h4>
|
|
<p class="wv-uc-desc">Accompagnement long terme (2022-2026) du leader mondial des arômes et parfums. Missions de conseil SI, optimisation des processus R&D et supply chain internationale.</p>
|
|
<div class="wv-uc-tags"><span>Consulting SI</span><span>Long terme</span><span>R&D</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>4+</strong><small>ans collaboration</small></div>
|
|
<div class="wv-uc-metric"><strong>#1</strong><small>mondial arômes</small></div>
|
|
<div class="wv-uc-metric"><strong>Global</strong><small>scope</small></div></div></div>
|
|
<!-- CHANEL — from KB -->
|
|
<div class="wv-uc-card" data-sector="retail">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo"></div>
|
|
<div>
|
|
<div class="wv-uc-client">Chanel</div>
|
|
<div class="wv-uc-sector-tag" style="background:#fce7f3;color:#9d174d">Luxe</div></div></div>
|
|
<h4 class="wv-uc-title">WMS Supply Chain — Gestion entrepôts & logistique luxe</h4>
|
|
<p class="wv-uc-desc">Implémentation et optimisation du Warehouse Management System pour la supply chain luxe. Gestion des flux logistiques spécifiques aux produits de haute couture et cosmétiques.</p>
|
|
<div class="wv-uc-tags"><span>WMS</span><span>Supply Chain</span><span>Luxe</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>WMS</strong><small>end-to-end</small></div>
|
|
<div class="wv-uc-metric"><strong>+30%</strong><small>efficacité entrepôt</small></div>
|
|
<div class="wv-uc-metric"><strong>Luxe</strong><small>supply chain</small></div></div></div>
|
|
<!-- VALEO — from KB -->
|
|
<div class="wv-uc-card" data-sector="industrie">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo"></div>
|
|
<div>
|
|
<div class="wv-uc-client">Valeo</div>
|
|
<div class="wv-uc-sector-tag" style="background:#fef3c7;color:#92400e">Automobile</div></div></div>
|
|
<h4 class="wv-uc-title">Optimisation supply chain & pilotage flux industriels</h4>
|
|
<p class="wv-uc-desc">Mission de consulting sur l'optimisation des flux supply chain pour l'équipementier automobile. Amélioration des processus d'approvisionnement et pilotage de la performance industrielle.</p>
|
|
<div class="wv-uc-tags"><span>Supply Chain</span><span>Automotive</span><span>Lean</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>Tier 1</strong><small>équipementier</small></div>
|
|
<div class="wv-uc-metric"><strong>-20%</strong><small>lead time</small></div>
|
|
<div class="wv-uc-metric"><strong>Lean</strong><small>Six Sigma</small></div></div></div>
|
|
<!-- FUJIFILM — from KB -->
|
|
<div class="wv-uc-card" data-sector="industrie">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo"></div>
|
|
<div>
|
|
<div class="wv-uc-client">Fujifilm</div>
|
|
<div class="wv-uc-sector-tag" style="background:#d1fae5;color:#065f46">Cosmétique & Tech</div></div></div>
|
|
<h4 class="wv-uc-title">Supply chain & distribution cosmétiques</h4>
|
|
<p class="wv-uc-desc">Optimisation de la chaîne logistique de la division cosmétiques de Fujifilm, incluant la planification des approvisionnements et l'optimisation des flux de distribution.</p>
|
|
<div class="wv-uc-tags"><span>Supply Chain</span><span>Distribution</span><span>Cosmétique</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>Cosméto</strong><small>division</small></div>
|
|
<div class="wv-uc-metric"><strong>+25%</strong><small>taux service</small></div>
|
|
<div class="wv-uc-metric"><strong>S&OP</strong><small>process</small></div></div></div>
|
|
<!-- NOCIBÉ — from KB -->
|
|
<div class="wv-uc-card" data-sector="retail">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo"></div>
|
|
<div>
|
|
<div class="wv-uc-client">Nocibé</div>
|
|
<div class="wv-uc-sector-tag" style="background:#dcfce7;color:#166534">Retail Beauté</div></div></div>
|
|
<h4 class="wv-uc-title">Logistique L4 — Gestion entrepôts & distribution parfumerie</h4>
|
|
<p class="wv-uc-desc">Mission de pilotage de la logistique niveau 4 (L4) pour le réseau de parfumeries, incluant la gestion des entrepôts centraux et la distribution multi-points de vente.</p>
|
|
<div class="wv-uc-tags"><span>Logistique L4</span><span>Entrepôt</span><span>Retail</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>600+</strong><small>magasins</small></div>
|
|
<div class="wv-uc-metric"><strong>L4</strong><small>logistics</small></div>
|
|
<div class="wv-uc-metric"><strong>-18%</strong><small>coûts logistiques</small></div></div></div>
|
|
<!-- LA POSTE — from KB -->
|
|
<div class="wv-uc-card" data-sector="transport">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo"></div>
|
|
<div>
|
|
<div class="wv-uc-client">La Poste</div>
|
|
<div class="wv-uc-sector-tag" style="background:#ede9fe;color:#6d28d9">Services Publics</div></div></div>
|
|
<h4 class="wv-uc-title">Digital Services — Transformation numérique du courrier</h4>
|
|
<p class="wv-uc-desc">Accompagnement de la transformation digitale des services postaux : dématérialisation des processus, plateformes numériques et nouvelles offres digitales.</p>
|
|
<div class="wv-uc-tags"><span>Digital</span><span>Transformation</span><span>Services</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>Digital</strong><small>services</small></div>
|
|
<div class="wv-uc-metric"><strong>+40%</strong><small>dématérialisation</small></div>
|
|
<div class="wv-uc-metric"><strong>National</strong><small>scope</small></div></div></div>
|
|
<!-- GEFCO — from KB -->
|
|
<div class="wv-uc-card" data-sector="transport">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo"></div>
|
|
<div>
|
|
<div class="wv-uc-client">GEFCO</div>
|
|
<div class="wv-uc-sector-tag" style="background:#ede9fe;color:#6d28d9">Transport Multimodal</div></div></div>
|
|
<h4 class="wv-uc-title">Transport & logistique multimodale — Optimisation SI</h4>
|
|
<p class="wv-uc-desc">Mission de conseil SI pour le spécialiste du transport multimodal et de la logistique industrielle, optimisation des processus transport et traçabilité des flux.</p>
|
|
<div class="wv-uc-tags"><span>Transport</span><span>SI</span><span>Multimodal</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>EU</strong><small>réseau</small></div>
|
|
<div class="wv-uc-metric"><strong>TMS</strong><small>optimisation</small></div>
|
|
<div class="wv-uc-metric"><strong>-15%</strong><small>coûts transport</small></div></div></div>
|
|
<!-- CAE — from KB -->
|
|
<div class="wv-uc-card" data-sector="industrie">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo"></div>
|
|
<div>
|
|
<div class="wv-uc-client">CAE</div>
|
|
<div class="wv-uc-sector-tag" style="background:#fef3c7;color:#92400e">Aéro & Simulation</div></div></div>
|
|
<h4 class="wv-uc-title">Simulation aéronautique — Architecture SI & intégration</h4>
|
|
<p class="wv-uc-desc">Expertise technique pour le leader mondial de la simulation de vol et de la formation aéronautique. Architecture SI, intégration systèmes et gestion de projets complexes.</p>
|
|
<div class="wv-uc-tags"><span>Simulation</span><span>Architecture SI</span><span>Aéro</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>#1</strong><small>simulateurs vol</small></div>
|
|
<div class="wv-uc-metric"><strong>Archi SI</strong><small>complexe</small></div>
|
|
<div class="wv-uc-metric"><strong>Défense</strong><small>& civil</small></div></div></div>
|
|
<!-- ALCATEL — from KB -->
|
|
<div class="wv-uc-card" data-sector="digital">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo"></div>
|
|
<div>
|
|
<div class="wv-uc-client">Alcatel</div>
|
|
<div class="wv-uc-sector-tag" style="background:#e0e7ff;color:#3730a3">Télécoms</div></div></div>
|
|
<h4 class="wv-uc-title">Network — Architecture réseau & intégration télécom</h4>
|
|
<p class="wv-uc-desc">Mission d'expertise sur l'architecture réseau et l'intégration des systèmes télécom pour l'équipementier historique des réseaux de communication.</p>
|
|
<div class="wv-uc-tags"><span>Network</span><span>Telecom</span><span>Architecture</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>Réseau</strong><small>architecture</small></div>
|
|
<div class="wv-uc-metric"><strong>Telecom</strong><small>infrastructure</small></div>
|
|
<div class="wv-uc-metric"><strong>Global</strong><small>deployment</small></div></div></div>
|
|
<!-- LVMH — from KB + logo -->
|
|
<div class="wv-uc-card" data-sector="retail">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo"></div>
|
|
<div>
|
|
<div class="wv-uc-client">LVMH</div>
|
|
<div class="wv-uc-sector-tag" style="background:#fce7f3;color:#9d174d">Luxe</div></div></div>
|
|
<h4 class="wv-uc-title">Consulting SI & Supply Chain luxe multi-maisons</h4>
|
|
<p class="wv-uc-desc">Conseil en systèmes d'information pour le premier groupe mondial du luxe. Optimisation de la supply chain multi-maisons et intégration des processus métier.</p>
|
|
<div class="wv-uc-tags"><span>Consulting SI</span><span>Supply Chain</span><span>Luxe</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>#1</strong><small>luxe mondial</small></div>
|
|
<div class="wv-uc-metric"><strong>Multi</strong><small>maisons</small></div>
|
|
<div class="wv-uc-metric"><strong>Global</strong><small>scope</small></div></div></div>
|
|
<!-- LESAFFRE — from logo -->
|
|
<div class="wv-uc-card" data-sector="industrie">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo"></div>
|
|
<div>
|
|
<div class="wv-uc-client">Lesaffre</div>
|
|
<div class="wv-uc-sector-tag" style="background:#fef3c7;color:#92400e">Agroalimentaire</div></div></div>
|
|
<h4 class="wv-uc-title">Transformation SI & optimisation production fermentation</h4>
|
|
<p class="wv-uc-desc">Accompagnement du leader mondial de la levure et fermentation dans sa transformation digitale : modernisation ERP, optimisation des processus de production.</p>
|
|
<div class="wv-uc-tags"><span>ERP</span><span>Production</span><span>Agro</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>#1</strong><small>levure mondial</small></div>
|
|
<div class="wv-uc-metric"><strong>+20%</strong><small>productivité</small></div>
|
|
<div class="wv-uc-metric"><strong>40+</strong><small>pays</small></div></div></div>
|
|
<!-- NESTLÉ — from logo + chatbot prompt -->
|
|
<div class="wv-uc-card" data-sector="industrie">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo">☕</div>
|
|
<div>
|
|
<div class="wv-uc-client">Nestlé</div>
|
|
<div class="wv-uc-sector-tag" style="background:#fef3c7;color:#92400e">Agroalimentaire</div></div></div>
|
|
<h4 class="wv-uc-title">Assistance MOA/MOE — Programmes SI agroalimentaire</h4>
|
|
<p class="wv-uc-desc">Mise à disposition de consultants MOA/MOE pour les programmes de transformation SI du leader mondial de l'agroalimentaire sur les marchés européens.</p>
|
|
<div class="wv-uc-tags"><span>MOA/MOE</span><span>SI</span><span>Agro</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>#1</strong><small>agro mondial</small></div>
|
|
<div class="wv-uc-metric"><strong>MOA+MOE</strong><small>expertise</small></div>
|
|
<div class="wv-uc-metric"><strong>EU</strong><small>marchés</small></div></div></div>
|
|
<!-- BFIVE DIS — from Drive + KB (SAP BTP FIORI ABAP partner) -->
|
|
<div class="wv-uc-card" data-sector="digital">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo"></div>
|
|
<div>
|
|
<div class="wv-uc-client">BFIVE DIS</div>
|
|
<div class="wv-uc-sector-tag" style="background:#e0e7ff;color:#3730a3">Partenariat SAP</div></div></div>
|
|
<h4 class="wv-uc-title">Partnership SAP BTP, FIORI & ABAP — Staffing expert</h4>
|
|
<p class="wv-uc-desc">Partenariat stratégique avec BFIVE DIS pour le staffing de consultants experts SAP BTP (Business Technology Platform), FIORI et développement ABAP sur les missions clients.</p>
|
|
<div class="wv-uc-tags"><span>SAP BTP</span><span>FIORI</span><span>ABAP</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>SAP</strong><small>BTP certified</small></div>
|
|
<div class="wv-uc-metric"><strong>FIORI</strong><small>UX experts</small></div>
|
|
<div class="wv-uc-metric"><strong>2025</strong><small>partnership</small></div></div></div>
|
|
<!-- VINCI — from logo + chatbot prompt -->
|
|
<div class="wv-uc-card" data-sector="industrie">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo"></div>
|
|
<div>
|
|
<div class="wv-uc-client">Vinci</div>
|
|
<div class="wv-uc-sector-tag" style="background:#fef3c7;color:#92400e">BTP & Construction</div></div></div>
|
|
<h4 class="wv-uc-title">Consulting SI & gestion de programmes construction</h4>
|
|
<p class="wv-uc-desc">Pilotage de projets SI et assistance MOA pour le leader mondial de la construction et des concessions. Programmes de transformation digitale des filiales.</p>
|
|
<div class="wv-uc-tags"><span>Consulting SI</span><span>PMO</span><span>BTP</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>#1</strong><small>BTP mondial</small></div>
|
|
<div class="wv-uc-metric"><strong>PMO</strong><small>programmes</small></div>
|
|
<div class="wv-uc-metric"><strong>Multi</strong><small>filiales</small></div></div></div>
|
|
<!-- Point P — from KB (SAP Retail) + logo -->
|
|
<div class="wv-uc-card" data-sector="retail">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo"></div>
|
|
<div>
|
|
<div class="wv-uc-client">Point P</div>
|
|
<div class="wv-uc-sector-tag" style="background:#dcfce7;color:#166534">Négoce BTP</div></div></div>
|
|
<h4 class="wv-uc-title">SAP Retail — Gestion commerciale multi-agences</h4>
|
|
<p class="wv-uc-desc">Déploiement et optimisation de SAP Retail pour le réseau de négoce de matériaux de construction. Gestion commerciale, stocks et pricing multi-agences.</p>
|
|
<div class="wv-uc-tags"><span>SAP Retail</span><span>Négoce</span><span>Multi-sites</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>900+</strong><small>agences</small></div>
|
|
<div class="wv-uc-metric"><strong>SAP</strong><small>Retail</small></div>
|
|
<div class="wv-uc-metric"><strong>National</strong><small>déploiement</small></div></div></div>
|
|
<!-- VICTOBIA — from Google Drive 2021 -->
|
|
<div class="wv-uc-card" data-sector="digital">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo">🛍️</div>
|
|
<div>
|
|
<div class="wv-uc-client">Victobia</div>
|
|
<div class="wv-uc-sector-tag" style="background:#e0e7ff;color:#3730a3">E-commerce</div></div></div>
|
|
<h4 class="wv-uc-title">Plateforme e-commerce — Stratégie produit & benchmark concurrentiel</h4>
|
|
<p class="wv-uc-desc">Conception et lancement d'une plateforme e-commerce B2C avec analyse concurrentielle approfondie, stratégie produit et positionnement marché.</p>
|
|
<div class="wv-uc-tags"><span>E-commerce</span><span>B2C</span><span>Stratégie</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>B2C</strong><small>plateforme</small></div>
|
|
<div class="wv-uc-metric"><strong>Benchmark</strong><small>concurrentiel</small></div>
|
|
<div class="wv-uc-metric"><strong>Go-Live</strong><small>2021</small></div></div></div>
|
|
<!-- COUNTER -->
|
|
<div class="wv-uc-counter">
|
|
<div class="wv-uc-counter-item"><strong>50+</strong><span>Clients Grands Comptes</span></div>
|
|
<div class="wv-uc-counter-item"><strong>7</strong><span>Pays d'Intervention</span></div>
|
|
<div class="wv-uc-counter-item"><strong>17+</strong><span>Années d'Expertise</span></div>
|
|
<div class="wv-uc-counter-item"><strong>4</strong><span>Partners Technologiques</span></div></div></div></section>
|
|
`;
|
|
|
|
// Inject use cases before blog
|
|
var blogSection = document.querySelector('.wv-blog-section');
|
|
if(blogSection) {
|
|
var ucDiv = document.createElement('div');
|
|
ucDiv.innerHTML = useCasesHTML;
|
|
enrichContainer.appendChild(ucDiv.firstElementChild);
|
|
}
|
|
|
|
// Tab filtering
|
|
document.addEventListener('click', function(e) {
|
|
if(e.target.classList.contains('wv-uc-tab')) {
|
|
document.querySelectorAll('.wv-uc-tab').forEach(function(t){ t.classList.remove('active'); });
|
|
e.target.classList.add('active');
|
|
var sector = e.target.getAttribute('data-sector');
|
|
document.querySelectorAll('.wv-uc-card').forEach(function(card) {
|
|
if(sector === 'all' || card.getAttribute('data-sector') === sector) {
|
|
card.style.display = '';
|
|
} else {
|
|
card.style.display = 'none';
|
|
}
|
|
});
|
|
}
|
|
});
|
|
|
|
// ============================================================
|
|
// USE CASES CSS
|
|
// ============================================================
|
|
var ucStyle = document.createElement('style');
|
|
ucStyle.textContent = `
|
|
.wv-usecase-section { padding:100px 0; background:linear-gradient(180deg, #fff 0%, #f8fafc 100%); }
|
|
.wv-uc-tabs {
|
|
display:flex; gap:8px; justify-content:center; flex-wrap:wrap; margin-bottom:40px;
|
|
}
|
|
.wv-uc-tab {
|
|
padding:8px 20px; border-radius:100px; border:1px solid #e2e8f0;
|
|
background:#fff; color:#64748b; font-family:'Outfit',sans-serif; font-size:0.82rem;
|
|
font-weight:500; cursor:pointer; transition:all 0.3s;
|
|
}
|
|
.wv-uc-tab:hover { border-color:#6366f1; color:#6366f1; }
|
|
.wv-uc-tab.active { background:#6366f1; color:#fff; border-color:#6366f1; }
|
|
.wv-uc-grid {
|
|
display:grid; grid-template-columns:repeat(3,1fr); gap:24px;
|
|
}
|
|
.wv-uc-card {
|
|
background:#fff; border-radius:16px; padding:24px; border:1px solid #e2e8f0;
|
|
transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
|
|
display:flex; flex-direction:column;
|
|
}
|
|
.wv-uc-card:hover {
|
|
transform:translateY(-6px);
|
|
box-shadow:0 20px 40px rgba(99,102,241,0.1);
|
|
border-color:#c7d2fe;
|
|
}
|
|
.wv-uc-header { display:flex; align-items:center; gap:12px; margin-bottom:14px; }
|
|
.wv-uc-logo { font-size:2rem; width:48px; height:48px; display:flex; align-items:center; justify-content:center; background:#f1f5f9; border-radius:12px; }
|
|
.wv-uc-client { font-family:'Sora',sans-serif; font-weight:700; font-size:0.95rem; color:#0f172a; }
|
|
.wv-uc-sector-tag { display:inline-block; padding:2px 8px; border-radius:6px; font-size:0.65rem; font-weight:600; font-family:'Outfit',sans-serif; margin-top:2px; }
|
|
.wv-uc-title { font-family:'Sora',sans-serif; font-size:0.88rem; font-weight:600; color:#1e293b; margin-bottom:8px; line-height:1.4; }
|
|
.wv-uc-desc { font-family:'Outfit',sans-serif; font-size:0.8rem; color:#64748b; line-height:1.5; flex-grow:1; margin-bottom:12px; }
|
|
.wv-uc-tags { display:flex; gap:6px; flex-wrap:wrap; margin-bottom:14px; }
|
|
.wv-uc-tags span { background:#f1f5f9; color:#475569; padding:3px 10px; border-radius:8px; font-size:0.7rem; font-family:'Outfit',sans-serif; font-weight:500; }
|
|
.wv-uc-metrics { display:flex; gap:12px; padding-top:14px; border-top:1px solid #f1f5f9; }
|
|
.wv-uc-metric { text-align:center; flex:1; }
|
|
.wv-uc-metric strong { display:block; font-family:'Sora',sans-serif; font-size:0.9rem; color:#6366f1; font-weight:700; }
|
|
.wv-uc-metric small { font-family:'Outfit',sans-serif; font-size:0.65rem; color:#94a3b8; }
|
|
.wv-uc-counter {
|
|
display:flex; justify-content:center; gap:40px; margin-top:48px; padding:32px;
|
|
background:linear-gradient(135deg, #6366f1, #8b5cf6); border-radius:20px;
|
|
}
|
|
.wv-uc-counter-item { text-align:center; color:#fff; }
|
|
.wv-uc-counter-item strong { display:block; font-family:'Sora',sans-serif; font-size:1.8rem; font-weight:800; }
|
|
.wv-uc-counter-item span { font-family:'Outfit',sans-serif; font-size:0.8rem; opacity:0.85; }
|
|
@media(max-width:900px){ .wv-uc-grid { grid-template-columns:repeat(2,1fr); } .wv-uc-counter { flex-wrap:wrap; gap:24px; } }
|
|
@media(max-width:600px){ .wv-uc-grid { grid-template-columns:1fr; } .wv-uc-counter-item strong { font-size:1.4rem; } }
|
|
`;
|
|
document.head.appendChild(ucStyle);
|
|
|
|
|
|
var ctaBanner = document.querySelector('.wv-cta-banner');
|
|
if(ctaBanner) {
|
|
var blogDiv = document.createElement('div');
|
|
blogDiv.innerHTML = blogHTML;
|
|
enrichContainer.appendChild(blogDiv.firstElementChild);
|
|
}
|
|
|
|
// ============================================================
|
|
// ADDITIONAL CSS for tech + blog
|
|
// ============================================================
|
|
var style2 = document.createElement('style');
|
|
style2.textContent = `
|
|
/* === TECH STACK === */
|
|
.wv-tech-section { padding:80px 0; background:#f8fafc; }
|
|
.wv-tech-grid {
|
|
display:grid; grid-template-columns:repeat(4,1fr); gap:20px;
|
|
}
|
|
.wv-tech-card {
|
|
background:#fff; border-radius:16px; padding:28px 20px;
|
|
text-align:center; border:1px solid #e2e8f0;
|
|
transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
|
|
}
|
|
.wv-tech-card:hover {
|
|
transform:translateY(-6px);
|
|
box-shadow:0 20px 40px rgba(99,102,241,0.1);
|
|
border-color:#c7d2fe;
|
|
}
|
|
.wv-tech-icon { font-size:2.2rem; margin-bottom:12px; }
|
|
.wv-tech-name {
|
|
font-family:'Sora',sans-serif; font-weight:700; font-size:1rem;
|
|
color:#0f172a; margin-bottom:4px;
|
|
}
|
|
.wv-tech-desc {
|
|
font-family:'Outfit',sans-serif; font-size:0.8rem; color:#94a3b8;
|
|
}
|
|
|
|
/* === BLOG TEASER v2 === */
|
|
.wv-blog-section { padding:100px 0; background:#fff; }
|
|
.wv-blog-grid-6 {
|
|
display:grid; grid-template-columns:repeat(3,1fr); gap:24px;
|
|
}
|
|
.wv-blog-card-v2 {
|
|
display:flex; flex-direction:column; text-decoration:none; color:inherit;
|
|
background:#f8fafc; border-radius:16px; padding:24px;
|
|
border:1px solid #e2e8f0;
|
|
transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
|
|
position:relative; overflow:hidden;
|
|
}
|
|
.wv-blog-card-v2:hover {
|
|
transform:translateY(-6px);
|
|
box-shadow:0 20px 40px rgba(99,102,241,0.12);
|
|
border-color:#c7d2fe;
|
|
}
|
|
.wv-linkedin-card { border-left:3px solid #0A66C2; }
|
|
.wv-linkedin-card:hover { border-color:#0A66C2; box-shadow:0 20px 40px rgba(10,102,194,0.15); }
|
|
.wv-blog-card-top {
|
|
display:flex; justify-content:space-between; align-items:center; margin-bottom:12px;
|
|
}
|
|
.wv-blog-source {
|
|
display:flex; align-items:center; gap:6px;
|
|
font-family:'Outfit',sans-serif; font-size:0.75rem; color:#64748b; font-weight:500;
|
|
}
|
|
.wv-src-dot { width:8px; height:8px; border-radius:50%; display:inline-block; }
|
|
.wv-li-icon { vertical-align:middle; }
|
|
.wv-blog-date {
|
|
font-family:'Outfit',sans-serif; font-size:0.72rem; color:#94a3b8;
|
|
}
|
|
.wv-blog-tag-v2 {
|
|
display:inline-block; padding:3px 10px; border-radius:8px;
|
|
font-size:0.72rem; font-weight:600; margin-bottom:10px;
|
|
font-family:'Outfit',sans-serif; width:fit-content;
|
|
}
|
|
.wv-blog-title-v2 {
|
|
font-family:'Sora',sans-serif; font-size:0.95rem; font-weight:700;
|
|
color:#0f172a; line-height:1.4; margin-bottom:8px;
|
|
}
|
|
.wv-blog-excerpt-v2 {
|
|
font-family:'Outfit',sans-serif; font-size:0.82rem; color:#64748b;
|
|
line-height:1.5; flex-grow:1; margin-bottom:14px;
|
|
}
|
|
.wv-blog-footer {
|
|
display:flex; gap:12px; flex-wrap:wrap;
|
|
padding-top:12px; border-top:1px solid #e2e8f0;
|
|
}
|
|
.wv-blog-stat {
|
|
font-family:'Outfit',sans-serif; font-size:0.72rem; color:#94a3b8;
|
|
display:flex; align-items:center; gap:4px;
|
|
}
|
|
@media(max-width:900px){
|
|
.wv-blog-grid-6 { grid-template-columns:repeat(2,1fr); }
|
|
}
|
|
@media(max-width:600px){
|
|
.wv-blog-grid-6 { grid-template-columns:1fr; }
|
|
}
|
|
.wv-blog-grid {
|
|
display:grid; grid-template-columns:repeat(3,1fr); gap:28px;
|
|
}
|
|
.wv-blog-card {
|
|
display:block; text-decoration:none; color:inherit;
|
|
background:#f8fafc; border-radius:20px; padding:32px;
|
|
border:1px solid #e2e8f0;
|
|
transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
|
|
}
|
|
.wv-blog-card:hover {
|
|
transform:translateY(-6px);
|
|
box-shadow:0 20px 50px rgba(99,102,241,0.1);
|
|
border-color:#c7d2fe;
|
|
}
|
|
.wv-blog-tag {
|
|
display:inline-block; padding:4px 14px; border-radius:100px;
|
|
font-family:'Outfit',sans-serif; font-size:0.75rem; font-weight:600;
|
|
margin-bottom:16px;
|
|
}
|
|
.wv-blog-title {
|
|
font-family:'Sora',sans-serif; font-size:1.15rem; font-weight:700;
|
|
color:#0f172a; line-height:1.4; margin:0 0 12px;
|
|
}
|
|
.wv-blog-excerpt {
|
|
font-family:'Outfit',sans-serif; font-size:0.9rem; color:#64748b;
|
|
line-height:1.6; margin:0 0 16px;
|
|
}
|
|
.wv-blog-meta {
|
|
font-family:'Outfit',sans-serif; font-size:0.8rem; color:#94a3b8;
|
|
}
|
|
|
|
@media(max-width:768px){
|
|
.wv-tech-grid { grid-template-columns:repeat(2,1fr); }
|
|
.wv-blog-grid { grid-template-columns:1fr; }
|
|
}
|
|
|
|
/* === METHODOLOGY === */
|
|
.wv-method-section { padding:100px 0; background:linear-gradient(180deg,#f8fafc 0%,#eef2ff 50%,#fff 100%); }
|
|
.wv-method-grid {
|
|
display:grid; grid-template-columns:repeat(4,1fr); gap:0; position:relative;
|
|
max-width:1000px; margin:0 auto;
|
|
}
|
|
.wv-method-grid::before {
|
|
content:''; position:absolute; top:48px; left:14%; right:14%; height:3px;
|
|
background:linear-gradient(90deg,transparent,#c7d2fe 10%,#818cf8 50%,#c7d2fe 90%,transparent);
|
|
border-radius:4px; z-index:0;
|
|
}
|
|
.wv-method-step {
|
|
text-align:center; padding:0 16px 32px; position:relative; z-index:1;
|
|
opacity:0; transform:translateY(30px);
|
|
transition: all 0.7s cubic-bezier(0.16, 1, 0.3, 1);
|
|
}
|
|
.wv-method-step.visible { opacity:1; transform:translateY(0); }
|
|
.wv-method-num {
|
|
width:96px; height:96px; border-radius:50%; margin:0 auto 24px;
|
|
display:flex; align-items:center; justify-content:center;
|
|
font-family:'Sora',sans-serif; font-size:2rem; font-weight:800; color:#fff;
|
|
background:linear-gradient(145deg,#4338ca 0%,#6366f1 50%,#818cf8 100%);
|
|
box-shadow:0 12px 40px rgba(99,102,241,0.3), inset 0 -3px 6px rgba(0,0,0,0.1), 0 0 0 5px rgba(99,102,241,0.08);
|
|
transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
|
|
position:relative;
|
|
}
|
|
.wv-method-num::after {
|
|
content:''; position:absolute; inset:3px; border-radius:50%;
|
|
border:2px solid rgba(255,255,255,0.2); pointer-events:none;
|
|
}
|
|
.wv-method-step:hover .wv-method-num {
|
|
transform:scale(1.1) translateY(-4px);
|
|
box-shadow:0 20px 50px rgba(99,102,241,0.4), inset 0 -3px 6px rgba(0,0,0,0.1), 0 0 0 8px rgba(99,102,241,0.12);
|
|
}
|
|
.wv-method-step-title {
|
|
font-family:'Sora',sans-serif; font-size:1.15rem; font-weight:700;
|
|
color:#1e1b4b; margin:0 0 10px; letter-spacing:-0.01em;
|
|
}
|
|
.wv-method-step-text {
|
|
font-family:'Outfit',sans-serif; font-size:0.88rem; color:#64748b; line-height:1.7;
|
|
max-width:210px; margin:0 auto;
|
|
}
|
|
.wv-method-arrow { display:none; }
|
|
/* === TRUST BADGES === */
|
|
.wv-trust-section { padding:48px 0; background:#f1f5f9; }
|
|
.wv-trust-inner {
|
|
max-width:1000px; margin:0 auto; padding:0 32px;
|
|
display:flex; justify-content:center; align-items:center; gap:40px; flex-wrap:wrap;
|
|
}
|
|
.wv-trust-badge {
|
|
display:flex; align-items:center; gap:10px;
|
|
font-family:'Outfit',sans-serif; font-size:0.85rem; color:#475569; font-weight:500;
|
|
}
|
|
.wv-trust-icon { font-size:1.4rem; }
|
|
|
|
/* === HERO ENHANCE === */
|
|
.wv-hero-badges {
|
|
display:flex; gap:12px; flex-wrap:wrap; margin-top:20px; justify-content:flex-start;
|
|
}
|
|
.wv-hero-badge {
|
|
display:inline-flex; align-items:center; gap:6px;
|
|
background:rgba(99,102,241,0.08); border:1px solid rgba(99,102,241,0.15);
|
|
padding:6px 16px; border-radius:100px;
|
|
font-family:'Outfit',sans-serif; font-size:0.8rem; color:#4338ca; font-weight:500;
|
|
}
|
|
|
|
@media(max-width:768px){
|
|
.wv-method-grid { grid-template-columns:1fr 1fr; gap:16px; }
|
|
.wv-method-arrow { display:none; }
|
|
.wv-trust-inner { gap:20px; }
|
|
.wv-hero-badges { justify-content:center; }
|
|
}
|
|
`;
|
|
document.head.appendChild(style2);
|
|
|
|
// ============================================================
|
|
// 8. METHODOLOGY (after testimonials, before blog)
|
|
// ============================================================
|
|
var methodHTML = `
|
|
<section class="wv-method-section">
|
|
<div class="wv-why-inner">
|
|
<div class="wv-why-header">
|
|
<div class="wv-why-badge">Notre méthode</div>
|
|
<h2 class="wv-why-title">Un process <span>éprouvé</span></h2></div>
|
|
<div class="wv-method-grid">
|
|
<div class="wv-method-step" data-delay="0">
|
|
<div class="wv-method-num">1</div>
|
|
<h3 class="wv-method-step-title">Diagnostic</h3>
|
|
<p class="wv-method-step-text">Audit 360° de votre SI, processus et maturité digitale. Identification des quick wins et des leviers de transformation à fort impact.</p>
|
|
<span class="wv-method-arrow"><svg viewBox="0 0 24 24"><polyline points="9 6 15 12 9 18"></polyline></svg></span></div>
|
|
<div class="wv-method-step" data-delay="200">
|
|
<div class="wv-method-num">2</div>
|
|
<h3 class="wv-method-step-title">Stratégie</h3>
|
|
<p class="wv-method-step-text">Roadmap sur-mesure, sélection des solutions optimales, cadrage budget-planning et gouvernance projet.</p>
|
|
<span class="wv-method-arrow"><svg viewBox="0 0 24 24"><polyline points="9 6 15 12 9 18"></polyline></svg></span></div>
|
|
<div class="wv-method-step" data-delay="400">
|
|
<div class="wv-method-num">3</div>
|
|
<h3 class="wv-method-step-title">Exécution</h3>
|
|
<p class="wv-method-step-text">Intégration agile par sprints, développement itératif, tests automatisés et recette continue avec vos équipes.</p>
|
|
<span class="wv-method-arrow"><svg viewBox="0 0 24 24"><polyline points="9 6 15 12 9 18"></polyline></svg></span></div>
|
|
<div class="wv-method-step" data-delay="600">
|
|
<div class="wv-method-num">4</div>
|
|
<h3 class="wv-method-step-title">Accompagnement</h3>
|
|
<p class="wv-method-step-text">Formation de vos équipes, conduite du changement, support continu, monitoring KPI et optimisation post-go-live garantie.</p></div></div></div></section>`;
|
|
|
|
var blogSection = document.querySelector('.wv-blog-section');
|
|
if(blogSection) {
|
|
var methodDiv = document.createElement('div');
|
|
methodDiv.innerHTML = methodHTML;
|
|
enrichContainer.appendChild(methodDiv.firstElementChild);
|
|
document.querySelectorAll('.wv-method-step').forEach(function(el){
|
|
el.style.transitionDelay = el.getAttribute('data-delay') + 'ms';
|
|
observer.observe(el);
|
|
});
|
|
}
|
|
|
|
// ============================================================
|
|
// 9. TRUST BADGES (after stats bar)
|
|
// ============================================================
|
|
var trustHTML = `
|
|
<div class="wv-trust-section">
|
|
<div class="wv-trust-inner">
|
|
<div class="wv-trust-badge"><span class="wv-trust-icon"></span> Conforme RGPD & Loi 09-08</div>
|
|
<div class="wv-trust-badge"><span class="wv-trust-icon"></span> Huawei Cloud Certified</div>
|
|
<div class="wv-trust-badge"><span class="wv-trust-icon"></span> Partenaire SAP & Vistex</div>
|
|
<div class="wv-trust-badge"><span class="wv-trust-icon"></span> IQVIA Data Partner</div>
|
|
<div class="wv-trust-badge"><span class="wv-trust-icon"></span> Présence dans 8 pays</div></div></div>`;
|
|
|
|
var statsBar = document.querySelector('.wv-stats-bar');
|
|
if(statsBar) {
|
|
var trustDiv = document.createElement('div');
|
|
trustDiv.innerHTML = trustHTML;
|
|
enrichContainer.appendChild(trustDiv.firstElementChild);
|
|
}
|
|
|
|
// ============================================================
|
|
// 10. HERO ENHANCEMENT (badges under CTA button)
|
|
// ============================================================
|
|
var heroBtn = document.querySelector('.services-button');
|
|
if(heroBtn) {
|
|
var badgesDiv = document.createElement('div');
|
|
badgesDiv.className = 'wv-hero-badges';
|
|
badgesDiv.innerHTML = '<span class="wv-hero-badge">Cloud</span><span class="wv-hero-badge">IA</span><span class="wv-hero-badge">SAP/ERP</span><span class="wv-hero-badge">Cybersécurité</span><span class="wv-hero-badge">Big Data</span><span class="wv-hero-badge">Conseil Métier</span>';
|
|
heroBtn.parentNode.insertBefore(badgesDiv, heroBtn.nextSibling);
|
|
}
|
|
|
|
|
|
// Footer enrichment handled by globalFooterEnrich below
|
|
|
|
// ============================================================
|
|
// 12. FIX: Reposition solutions-page BEFORE footer on /nos-solutions
|
|
// React renders solutions-page after footer — move it up
|
|
// ============================================================
|
|
if(window.location.pathname === '/nos-solutions' || window.location.pathname === '/nos-solutions/') {
|
|
var fixSolutions = setInterval(function() {
|
|
var solPage = document.querySelector('.solutions-page');
|
|
var footerEl = document.querySelector('footer.footer');
|
|
if(solPage && footerEl && solPage.compareDocumentPosition(footerEl) & Node.DOCUMENT_POSITION_PRECEDING) {
|
|
// solutions-page is AFTER footer — move it before footer
|
|
footerEl.parentNode.insertBefore(solPage, footerEl);
|
|
clearInterval(fixSolutions);
|
|
console.log('[WEVAL-ENRICH] solutions-page repositioned before footer');
|
|
}
|
|
if(solPage && footerEl && !(solPage.compareDocumentPosition(footerEl) & Node.DOCUMENT_POSITION_PRECEDING)) {
|
|
clearInterval(fixSolutions); // already in correct position
|
|
}
|
|
}, 200);
|
|
setTimeout(function() { clearInterval(fixSolutions); }, 5000);
|
|
}
|
|
|
|
|
|
// ============================================================
|
|
// 13. MISSING SERVICE PAGES — inject content for routes React doesn't cover
|
|
// ============================================================
|
|
(function injectMissingServices() {
|
|
var p = window.location.pathname.replace(/\/$/, '');
|
|
var missing = {
|
|
'/service/intelligence-artificielle': {
|
|
title: 'Intelligence Artificielle',
|
|
badge: ' IA',
|
|
badgeColor: '#8e44ad',
|
|
subtitle: 'Stratégie IA, déploiement de modèles et intégration dans vos processus métier',
|
|
desc: 'WEVAL accompagne votre entreprise dans l\'adoption de l\'intelligence artificielle — de la définition de votre stratégie IA à l\'intégration opérationnelle de modèles dans vos workflows. Avec WEVIA, notre IA propriétaire multi-provider, nous déployons des solutions souveraines, performantes et adaptées à vos métiers.',
|
|
stats: [{v:'17',l:'Interfaces IA'},{v:'<200ms',l:'Temps réponse'},{v:'11',l:'Providers IA'},{v:'100%',l:'Souverain'}],
|
|
features: ['Audit & stratégie IA pour dirigeants et DSI','Déploiement de chatbots et agents IA métier','RAG documentaire sur vos bases internes','Vision IA & OCR pour vos documents','Intégration API dans votre SI existant (ERP, CRM, CMS)','Infrastructure GPU souveraine en Europe','Formation équipes à l\'utilisation de l\'IA'],
|
|
cta: 'Demander un audit IA →'
|
|
},
|
|
'/service/cybersecurite': {
|
|
title: 'Cybersécurité & Audit',
|
|
badge: ' Cyber',
|
|
badgeColor: '#e74c3c',
|
|
subtitle: 'Audit de sécurité, protection des données et conformité RGPD/Loi 09-08',
|
|
desc: 'WEVAL sécurise votre transformation digitale avec des audits de vulnérabilités, une protection proactive de vos serveurs et applications, et une mise en conformité RGPD et Loi marocaine 09-08. Notre approche combine expertise humaine et IA pour une cybersécurité continue.',
|
|
stats: [{v:'OWASP',l:'Framework'},{v:'24/7',l:'Monitoring'},{v:'RGPD',l:'Conforme'},{v:'IA',l:'Détection'}],
|
|
features: ['Audit de vulnérabilités OWASP Top 10','Scan automatisé de vos infrastructures','Hardening serveurs et applications','Conformité RGPD et Loi 09-08','Détection d\'intrusions propulsée par l\'IA','Plan de réponse aux incidents','Formation sensibilisation cybersécurité'],
|
|
cta: 'Demander un audit sécurité →'
|
|
},
|
|
'/service/cloud-sap': {
|
|
title: 'Cloud & SAP',
|
|
badge: ' Cloud',
|
|
badgeColor: '#3498db',
|
|
subtitle: 'Migration cloud, intégration SAP et architectures hybrides scalables',
|
|
desc: 'WEVAL déploie des architectures cloud robustes et scalables — Huawei Cloud, OVH, Hetzner, Scaleway — et intègre vos systèmes SAP (S/4HANA, Vistex, IQVIA) dans un écosystème unifié. Notre expertise couvre la migration, l\'optimisation des coûts et la gestion multi-cloud.',
|
|
stats: [{v:'200+',l:'Projets livrés'},{v:'8',l:'Pays couverts'},{v:'45%',l:'Réduction coûts'},{v:'0',l:'Downtime'}],
|
|
features: ['Migration cloud zéro downtime','Architecture hybride multi-cloud','Intégration SAP S/4HANA & Vistex','Optimisation coûts infrastructure','Partenaire certifié Huawei Cloud','Cloud souverain européen (Scaleway, OVH)','Monitoring et supervision 24/7'],
|
|
cta: 'Planifier une migration →'
|
|
},
|
|
'/service/nearshore-it': {
|
|
title: 'Nearshore IT Maroc',
|
|
badge: ' Nearshore',
|
|
badgeColor: '#16a085',
|
|
subtitle: 'Équipes IT dédiées au Maroc pour vos projets européens',
|
|
desc: 'WEVAL propose un modèle nearshore depuis Casablanca pour les entreprises européennes. Même fuseau horaire, francophonie native, coûts optimisés et qualité premium. Nos équipes intégrées travaillent en mode agile avec vos équipes internes.',
|
|
stats: [{v:'5000+',l:'Profils IT'},{v:'GMT+1',l:'Fuseau horaire'},{v:'-40%',l:'vs Paris/EU'},{v:'97%',l:'Satisfaction'}],
|
|
features: ['Équipes dédiées full-stack (React, Node, Python, Java)','DevOps et infrastructure as code','Data Engineering et BI','QA et testing automatisé','Gestion de projet agile intégrée','Même fuseau horaire que l\'Europe','Contrats flexibles (régie, forfait, TMA)'],
|
|
cta: 'Constituer mon équipe →'
|
|
}
|
|
};
|
|
|
|
if(!missing[p]) return;
|
|
var s = missing[p];
|
|
|
|
var check = setInterval(function() {
|
|
var root = document.getElementById('root');
|
|
if(!root) return;
|
|
// Wait for React to render (or fail to render service content)
|
|
// For missing service types, React renders homepage — we need to override
|
|
|
|
// Check if page is empty (React couldn't find the serviceType)
|
|
var attempts = parseInt(check._attempts || '0') + 1;
|
|
check._attempts = attempts;
|
|
if(attempts < 12) return; // Wait 3.6s for React
|
|
clearInterval(check);
|
|
// Hide homepage content that React rendered as fallback
|
|
var toHide = root.querySelectorAll('.hero-slogan-section, .services-container, .service-detail-section, .weval-excellence, .centered-container, .wv-stats-bar, .wv-trust-section, .wv-why-section, .wv-expertise, .wv-tech-section, .wv-testimonials, .wv-method-section, .wv-usecase-section, .wv-blog-section, .wv-cta-banner, .wv-hero-badges, .wr-faq-section, #weval-enrich-container');
|
|
toHide.forEach(function(el) { el.style.display = 'none'; });
|
|
|
|
// Inject our service page
|
|
var page = document.createElement('div');
|
|
page.className = 'wv-service-page';
|
|
page.style.cssText = 'max-width:900px;margin:40px auto;padding:0 20px;';
|
|
|
|
var statsHtml = s.stats.map(function(st) {
|
|
return '<div style="text-align:center;"><strong style="font-size:1.8rem;color:' + s.badgeColor + ';">' + st.v + '</strong><br><span style="color:#94a3b8;font-size:.8rem;">' + st.l + '</span></div>';
|
|
}).join('');
|
|
|
|
var featHtml = s.features.map(function(f) {
|
|
return '<div style="display:flex;gap:10px;align-items:flex-start;margin-bottom:12px;"><span style="color:' + s.badgeColor + ';font-size:1.1rem;">✓</span><span style="color:#cbd5e1;font-size:.9rem;line-height:1.5;">' + f + '</span></div>';
|
|
}).join('');
|
|
|
|
page.innerHTML = '' +
|
|
'<div style="background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);padding:50px 40px;border-radius:20px;text-align:center;color:#fff;margin-bottom:40px;">' +
|
|
'<span style="background:' + s.badgeColor + ';color:#fff;padding:6px 16px;border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:1px;">' + s.badge + '</span>' +
|
|
'<h1 style="font-size:2.2rem;margin:20px 0 10px;font-weight:800;font-family:Sora,sans-serif;">' + s.title + '</h1>' +
|
|
'<p style="opacity:.85;max-width:700px;margin:0 auto 30px;font-size:1rem;line-height:1.6;">' + s.subtitle + '</p>' +
|
|
'<div style="display:flex;justify-content:center;gap:40px;flex-wrap:wrap;">' + statsHtml + '</div>' +
|
|
'</div>' +
|
|
'<p style="color:#cbd5e1;font-size:1.05rem;line-height:1.8;margin-bottom:36px;">' + s.desc + '</p>' +
|
|
'<h2 style="color:#f1f5f9;font-size:1.3rem;font-weight:700;margin-bottom:20px;font-family:Sora,sans-serif;">Ce que nous proposons</h2>' +
|
|
'<div style="margin-bottom:40px;">' + featHtml + '</div>' +
|
|
'<div style="text-align:center;margin:40px 0;">' +
|
|
'<a href="/contact-us" style="display:inline-block;padding:14px 32px;background:linear-gradient(135deg,' + s.badgeColor + ',#6c3483);color:#fff;border-radius:10px;text-decoration:none;font-weight:700;font-size:1rem;box-shadow:0 4px 20px rgba(0,0,0,.3);">' + s.cta + '</a>' +
|
|
'</div>';
|
|
|
|
// Insert before footer
|
|
var footer = document.querySelector('footer.footer');
|
|
if(footer) footer.parentNode.insertBefore(page, footer);
|
|
else root.appendChild(page);
|
|
}, 300);
|
|
setTimeout(function() { clearInterval(check); }, 10000);
|
|
})();
|
|
|
|
} // end injectAll
|
|
})();
|
|
|
|
// GLOBAL: Hide IA providers on /nos-solutions (sovereign GPU messaging)
|
|
(function() {
|
|
var css = document.createElement('style');
|
|
css.id = 'wv-hide-providers';
|
|
css.textContent = '.sc-providers{display:none!important}.providers-grid{display:none!important}.provider-chip{display:none!important}';
|
|
document.head.appendChild(css);
|
|
})();
|
|
|
|
// GLOBAL: Footer enrichment on ALL pages (not just homepage)
|
|
(function globalFooterEnrich() {
|
|
function tryEnrich() {
|
|
var footer = document.querySelector('footer.footer');
|
|
if(!footer || footer.querySelector('.wv-footer-services')) return;
|
|
var fContainer = footer.querySelector('.footer-container');
|
|
if(!fContainer) return;
|
|
|
|
var grid = document.createElement('div');
|
|
grid.className = 'wv-footer-services';
|
|
grid.style.cssText = 'max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding:40px 20px 30px;border-top:1px solid #1e293b;';
|
|
grid.innerHTML = '' +
|
|
'<div class="wv-fs-col"><h4 style="color:#f1f5f9;font-size:.85rem;font-weight:700;margin-bottom:14px;font-family:Sora,sans-serif;">Services</h4>' +
|
|
'<a href="/service/intelligence-artificielle">Intelligence Artificielle</a>' +
|
|
'<a href="/service/cybersecurite">Cybersécurité & Audit</a>' +
|
|
'<a href="/service/cloud-sap">Cloud & SAP</a>' +
|
|
'<a href="/service/e-marketing">E-Marketing Digital</a>' +
|
|
'<a href="/service/conseil">Transformation Digitale</a>' +
|
|
'<a href="/service/recrutement">Recrutement IT</a>' +
|
|
'<a href="/service/formation">Formation & Training</a>' +
|
|
'<a href="/service/nearshore-it">Nearshore IT Maroc</a></div>' +
|
|
'<div class="wv-fs-col"><h4 style="color:#f1f5f9;font-size:.85rem;font-weight:700;margin-bottom:14px;font-family:Sora,sans-serif;">Ressources</h4>' +
|
|
'<a href="/blog">Blog & Insights</a>' +
|
|
'<a href="/case-studies">Études de Cas</a>' +
|
|
'<a href="/methodologie">Méthodologie WEVAL 4D</a>' +
|
|
'<a href="/actualites">Actualités</a>' +
|
|
'<a href="/marketplace">Marketplace</a>' +
|
|
'<a href="/about">À propos de WEVAL</a>' +
|
|
'<a href="/wevia">WEVIA — Notre IA</a></div>' +
|
|
'<div class="wv-fs-col"><h4 style="color:#f1f5f9;font-size:.85rem;font-weight:700;margin-bottom:14px;font-family:Sora,sans-serif;">Articles récents</h4>' +
|
|
'<a href="/blog/ia-agentique-entreprise-2026">IA Agentique en Entreprise</a>' +
|
|
'<a href="/blog/cybersecurite-pme-maroc-2026">Cybersécurité PME Maroc</a>' +
|
|
'<a href="/blog/cloud-souverain-afrique-2026">Cloud Souverain Afrique</a>' +
|
|
'<a href="/blog/migration-sap-s4hana-2027">Migration SAP S/4HANA</a>' +
|
|
'<a href="/blog/ia-generative-maroc-2026">IA Générative Maroc</a></div>' +
|
|
'<div style="grid-column:1/-1;text-align:center;padding-top:20px;border-top:1px solid #1e293b;color:#475569;font-size:.75rem;font-family:Outfit,sans-serif;">© 2026 WEVAL Consulting — Casablanca, Maroc | Paris, France | USA</div>';
|
|
|
|
// Style all links
|
|
grid.querySelectorAll('a').forEach(function(a) {
|
|
if(!a.style.color) a.style.cssText += 'display:block;color:#64748b;font-size:.8rem;text-decoration:none;padding:3px 0;transition:color .2s;font-family:Outfit,sans-serif;';
|
|
});
|
|
|
|
var style = document.createElement('style');
|
|
if(!document.querySelector('#wv-fs-style')) {
|
|
style.id = 'wv-fs-style';
|
|
style.textContent = '.wv-footer-services a:hover{color:#818cf8!important} @media(max-width:768px){.wv-footer-services{grid-template-columns:1fr 1fr!important;gap:20px!important}}';
|
|
document.head.appendChild(style);
|
|
}
|
|
|
|
// APPEND after React footer content (not before)
|
|
fContainer.appendChild(grid);
|
|
}
|
|
// Run with retry until footer found
|
|
var _gfAttempts = 0;
|
|
var _gfTimer = setInterval(function() {
|
|
_gfAttempts++;
|
|
if(_gfAttempts > 20) { clearInterval(_gfTimer); return; }
|
|
tryEnrich();
|
|
}, 500);
|
|
// Also re-run on SPA navigation
|
|
var _fp2 = location.pathname;
|
|
setInterval(function() {
|
|
if(location.pathname !== _fp2) {
|
|
_fp2 = location.pathname;
|
|
_gfAttempts = 0;
|
|
_gfTimer = setInterval(function() {
|
|
_gfAttempts++;
|
|
if(_gfAttempts > 20) { clearInterval(_gfTimer); return; }
|
|
tryEnrich();
|
|
}, 500);
|
|
}
|
|
}, 300);
|
|
})();
|
|
|
|
|
|
// ═══ CALENDLY FLOAT BUTTON ═══
|
|
(function(){
|
|
if(document.querySelector('.wr-calendly-float')) return;
|
|
|
|
// Create button
|
|
var btn = document.createElement('button');
|
|
btn.className = 'wr-calendly-float';
|
|
btn.setAttribute('aria-label','Prendre rendez-vous');
|
|
btn.innerHTML = '<span style="font-size:28px;line-height:1;"></span><span class="wr-calendly-tooltip"> Réservez un créneau</span>';
|
|
btn.onclick = function(){ window.__wrOpenCalendly(); };
|
|
|
|
// Inject CSS if not already present
|
|
if(!document.getElementById('wr-calendly-css')){
|
|
var css = document.createElement('style');
|
|
css.id = 'wr-calendly-css';
|
|
css.textContent = [
|
|
'.wr-calendly-float{position:fixed;bottom:92px;right:20px;z-index:9980;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#818cf8);border:none;box-shadow:0 4px 20px rgba(99,102,241,.4);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.16,1,.3,1);opacity:0;transform:scale(0);animation:wr-pop-cal .5s .8s forwards}',
|
|
'.wr-calendly-float:hover{transform:scale(1.1)!important;box-shadow:0 8px 30px rgba(99,102,241,.5)}',
|
|
'.wr-calendly-tooltip{position:absolute;right:68px;top:50%;transform:translateY(-50%);background:#1e293b;color:#e2e8f0;padding:8px 14px;border-radius:8px;font-size:.8rem;font-family:"Outfit",sans-serif;white-space:nowrap;border:1px solid #334155;opacity:0;transition:opacity .2s;pointer-events:none}',
|
|
'.wr-calendly-float:hover .wr-calendly-tooltip{opacity:1}',
|
|
'@keyframes wr-pop-cal{to{opacity:1;transform:scale(1)}}',
|
|
'@media(max-width:768px){.wr-calendly-float{bottom:calc(80px + env(safe-area-inset-bottom,0px))!important;right:16px!important;width:52px!important;height:52px!important}.wr-calendly-tooltip{display:none}}',
|
|
'@media(max-width:480px){.wr-calendly-float{bottom:calc(80px + env(safe-area-inset-bottom,0px))!important;right:16px!important;width:52px!important;height:52px!important}}'
|
|
].join('');
|
|
document.head.appendChild(css);
|
|
}
|
|
|
|
document.body.appendChild(btn);
|
|
|
|
// Define global function
|
|
window.__wrOpenCalendly = function(){
|
|
var ex = document.getElementById('wr-calendly-modal');
|
|
if(ex) ex.remove();
|
|
var m = document.createElement('div');
|
|
m.id = 'wr-calendly-modal';
|
|
m.style.cssText = 'position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,0.8);display:flex;align-items:center;justify-content:center;padding:16px;backdrop-filter:blur(6px)';
|
|
m.onclick = function(e){ if(e.target===m) m.remove(); };
|
|
var box = document.createElement('div');
|
|
box.style.cssText = 'background:#0f172a;border:1px solid #1e293b;border-radius:16px;width:100%;max-width:620px;max-height:90vh;overflow:hidden;box-shadow:0 32px 80px rgba(0,0,0,0.6)';
|
|
var hdr = document.createElement('div');
|
|
hdr.style.cssText = 'padding:20px 24px;display:flex;align-items:center;gap:14px;border-bottom:1px solid #1e293b;background:linear-gradient(135deg,#0f172a,#1e293b)';
|
|
hdr.innerHTML = '<img src="/assets/Logo_weval2-BiaKcbxk.png" alt="WEVAL" style="height:40px;width:auto"/><div><div style="color:#f1f5f9;font-weight:700;font-size:1rem;font-family:Outfit,sans-serif">WEVAL Consulting</div><div style="color:#64748b;font-size:.8rem;font-family:Outfit,sans-serif">Planifiez un \u00e9change avec notre \u00e9quipe</div></div><button onclick="document.getElementById(\'wr-calendly-modal\').remove()" style="margin-left:auto;background:rgba(255,255,255,.06);border:none;color:#94a3b8;width:32px;height:32px;border-radius:8px;cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center">×</button>';
|
|
var ifr = document.createElement('iframe');
|
|
ifr.src = 'https://calendly.com/weval-consulting?hide_gdpr_banner=1&background_color=0f172a&text_color=e2e8f0&primary_color=38bdf8';
|
|
ifr.style.cssText = 'width:100%;height:580px;border:none;background:#0f172a';
|
|
ifr.setAttribute('loading','lazy');
|
|
box.appendChild(hdr);
|
|
box.appendChild(ifr);
|
|
m.appendChild(box);
|
|
document.body.appendChild(m);
|
|
};
|
|
})();
|