https://www.docebo.com/build/patterns/social-proof-logo-grid/view.js?ver=670dde752a2df84e220e

1(()=>{"use strict";var e,t={5896:()=>{const e=["en","fr","it","de"],t={en:{ctaLabel:"View full story",detailsLabel:"Show customer details for"},fr:{ctaLabel:"Lisez l’étude de cas",detailsLabel:"Afficher les détails client pour"},it:{ctaLabel:"Leggi il case study",detailsLabel:"Mostra i dettagli del cliente per"},de:{ctaLabel:"Zur Story",detailsLabel:"Kundendetails anzeigen für"}},o={en:[{file:"zoom.svg",alts:["zoom"],name:"Zoom",kpi:"69.26%",kpiDesc:"of users feel confident applying what they learned",url:"/customers/find-out-how-zoom-is-leveraging-docebo-to-engage-over-600000-learners/",ctaEvent:"dcb_cta_clicked_zoom"},{file:"Booking.com_.svg",alts:["booking.com","booking"],name:"Booking.com",kpi:"80%",kpiDesc:"reduction in admin overhead for complex programs",url:"/customers/instructor-led-training/",ctaEvent:"dcb_cta_clicked_booking"},{file:"amnesty-international-logo.svg",alts:["amnesty international france","amnesty international","amnesty"],name:"Amnesty International France",kpi:"2x",kpiDesc:"the audience in six months",url:"/customers/amnesty-international/",ctaEvent:"dcb_cta_clicked_amnesty"},{file:"la-z-boy-logo.svg",alts:["la-z-boy","la z boy","lazboy"],name:"La-Z-Boy",kpi:"+179%",kpiDesc:"YoY increase in learning engagement",url:"/customers/how-docebo-helped-la-z-boy-increase-learning-engagement/",ctaEvent:"dcb_cta_clicked_lazboy"}],fr:[{file:"Booking.com_.svg",alts:["booking.com","booking"],name:"Booking.com",kpi:"80 %",kpiDesc:"de réduction de la charge administrative pour les programmes complexes",url:"/fr/clients/formation-dirigee-par-un-instructeur/",ctaEvent:"dcb_cta_clicked_booking"},{file:"Rexel_logo.svg",alts:["rexel"],name:"Rexel",kpi:"90 %",kpiDesc:"de collaborateurs actifs sur la plateforme",url:"/fr/clients/comment-rexel-a-decentralise-la-formation/",ctaEvent:"dcb_cta_clicked_rexel"},{file:"Ubisoft_logo.svg",alts:["ubisoft"],name:"Ubisoft",kpi:"90 %",kpiDesc:"de taux de complétion pour les formations obligatoires",url:"/fr/clients/ubisoft/",ctaEvent:"dcb_cta_clicked_ubisoft"},{file:"silae.svg",alts:["silae","silæ"],name:"Silæ",kpi:"4,4 sur 5",kpiDesc:"de satisfaction pour la plateforme",url:"/fr/clients/silae/",ctaEvent:"dcb_cta_clicked_silae"},{file:"Vocalcom_logo.svg",alts:["vocalcom"],name:"Vocalcom",kpi:"89 %",kpiDesc:"de clients satisfaits grâce à la plateforme",url:"/fr/clients/vocalcom/",ctaEvent:"dcb_cta_clicked_vocalcom"},{file:"institut-du-cerveau-logo.svg",alts:["institut du cerveau","institut-du-cerveau"],name:"Institut du cerveau",kpi:"2x",kpiDesc:"plus d’utilisateurs de la plateforme en un an",url:"/fr/clients/institut-du-cerveau/",ctaEvent:"dcb_cta_clicked_institut_cerveau"},{file:"zoom.svg",alts:["zoom"],name:"Zoom",kpi:"600 000+",kpiDesc:"apprenants",url:"/fr/clients/comment-zoom-utilise-docebo-pour-engager-600000-apprenants/",ctaEvent:"dcb_cta_clicked_zoom"},{file:"amnesty-international-logo-cropped.svg",alts:["amnesty international france","amnesty international","amnesty"],name:"Amnesty International",kpi:"2x",kpiDesc:"plus d’audience en 6 mois",url:"/fr/clients/amnesty-international/",ctaEvent:"dcb_cta_clicked_amnesty"},{file:"ATR_logo.svg",alts:["atr"],name:"ATR",kpi:"19 000",kpiDesc:"inscriptions aux formations",url:"/fr/clients/atr/",ctaEvent:"dcb_cta_clicked_atr"}],it:[{file:"Booking.com_.svg",alts:["booking.com","booking"],name:"Booking.com",kpi:"80%",kpiDesc:"riduzione delle attività amministrative nella gestione di programmi complessi",url:"/it/clienti/booking-com/",ctaEvent:"dcb_cta_clicked_booking"},{file:"zoom.svg",alts:["zoom"],name:"Zoom",kpi:"69%",kpiDesc:"degli utenti applica con sicurezza quanto appreso",url:"/it/clienti/zoom/",ctaEvent:"dcb_cta_clicked_zoom"}],de:[{file:"Booking.com_.svg",alts:["booking.com","booking"],name:"Booking.com",kpi:"80%",kpiDesc:"weniger Verwaltungsaufwand bei komplexen Programmen",url:"/de/kunden/booking-com/",ctaEvent:"dcb_cta_clicked_booking"},{file:"zoom.svg",alts:["zoom"],name:"Zoom",kpi:"69,26%",kpiDesc:"der Nutzer fühlen sich zuversichtlich, das Gelernte in die Praxis umzusetzen",url:"/de/kunden/zoom/",ctaEvent:"dcb_cta_clicked_zoom"}]};function n(e,t){window.posthog&&window.posthog.capture(e,t),"function"==typeof window.gtag&&window.gtag("event",e,t)}function i(e,t,o,n){t.classList.toggle("dcb-visible",n),o.classList.toggle("dcb-icon--open",n);const i=o.querySelector(".dcb-icon-sign");if(i&&(i.textContent=n?"−":"+"),e.setAttribute("aria-expanded",n?"true":"false"),e.dataset.zResetTimer&&(clearTimeout(Number(e.dataset.zResetTimer)),delete e.dataset.zResetTimer),n)e.style.zIndex="30";else{e.style.zIndex="20";const t=setTimeout(()=>{e.style.zIndex="",delete e.dataset.zResetTimer},200);e.dataset.zResetTimer=String(t)}}function s(e=!1,t=!1){document.querySelectorAll(".logo-grid-social-proof .dcb-logo-modal.dcb-visible").forEach(o=>{const s=o.closest("figure"),a=s?.querySelector(".dcb-logo-icon");if(s&&a?(t&&(o.style.transition="none"),i(s,o,a,!1),t&&(o.offsetHeight,o.style.transition="")):o.classList.remove("dcb-visible"),e){const e=o.getAttribute("aria-label");e&&n("dcb_logo_modal_closed",{company:e})}})}function a(){const a=function(){const t=(document.documentElement.getAttribute("lang")||"").toLowerCase();if(t){const o=t.slice(0,2);return e.includes(o)?o:null}const o=window.location.pathname.match(/^\/(fr|it|de)(?:\/|$)/i);return o?o[1].toLowerCase():"en"}();if(!a)return;const r=o[a]||[],l=t[a]||t.en;if(!r.length)return;const c="ontouchstart"in window||navigator.maxTouchPoints>0;document.querySelectorAll(".logo-grid-social-proof figure.wp-block-image").forEach(e

1=>{const t=e.querySelector("img");if(!t)return;const o=function(e,t,o){const n=(t||"").toLowerCase(),i=(o||"").trim().toLowerCase();return e.find(e=>!!n.includes(e.file.toLowerCase())||e.alts.some(e=>i===e||i.includes(e)))||null}(r,t.getAttribute("src")||"",t.getAttribute("alt")||"");o&&function(e,t,o,a,r){if("1"===e.dataset.logoStory)return;e.dataset.logoStory="1",e.classList.add("dcb-logo-story"),e.setAttribute("tabindex","0"),e.setAttribute("role","button"),e.setAttribute("aria-label",`${a} ${t.name}`),e.setAttribute("aria-expanded","false");const l=function(){const e=document.createElement("div");e.className="dcb-logo-icon",e.setAttribute("aria-hidden","true");const t=document.createElement("span");return t.className="dcb-icon-sign",t.textContent="+",e.appendChild(t),e}(),c=function(e,t){const o=document.createElement("div");o.className="dcb-logo-modal",o.setAttribute("role","dialog"),o.setAttribute("aria-modal","true"),o.setAttribute("aria-label",e.name);const n=document.createElement("p");n.className="dcb-modal-name",n.textContent=e.name;const i=document.createElement("div");i.className="dcb-modal-kpi-wrap";const s=document.createElement("p");s.className="dcb-modal-kpi",s.textContent=e.kpi;const a=document.createElement("p");a.className="dcb-modal-kpi-desc",a.textContent=e.kpiDesc,i.append(s,a);const r=document.createElement("a");r.className="dcb-modal-cta",r.href=e.url,r.target="_blank",r.rel="noopener noreferrer";const l=document.createElement("span");l.className="dcb-cta-text",l.textContent=t;const c=document.createElement("span");c.className="dcb-cta-arrow",c.innerHTML='<svg width="20" height="14" viewBox="0 0 24 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M1 8H23M23 8L16 1M23 8L16 15" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></svg>',r.append(l,c);const d=document.createElement("div");return d.className="dcb-modal-spacer",o.append(n,i,d,r),o}(t,o);let d;e.append(l,c);const u=o=>{clearTimeout(d),s(!1,!0),function(e,t){const o=t.getBoundingClientRect();let n=o.width-28;const i=o.left+n;

1i+261>window.innerWidth-8&&(n-=i+261-(window.innerWidth-8)),o.left+n<8&&(n=8-o.left),e.style.top="40px",e.style.left=`${n}px`}(c,e),i(e,c,l,!0),n("dcb_logo_modal_opened",{company:t.name,trigger:o})},m=()=>{d=setTimeout(()=>{c.classList.contains("dcb-visible")&&(i(e,c,l,!1),n("dcb_logo_modal_closed",{company:t.name}))},120)};r||(e.addEventListener("mouseenter",()=>u("hover")),e.addEventListener("mouseleave",m)),e.addEventListener("click",e=>{e.target.closest(".dcb-modal-cta")||(e.stopPropagation(),r&&(c.classList.contains("dcb-visible")?m():u("tap")))}),e.addEventListener("keydown",e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),c.classList.contains("dcb-visible")?m():u("keyboard"))}),c.addEventListener("click",e=>{if(!e.target.closest(".dcb-modal-cta"))return;const o={company:t.name,destination_url:t.url};n("dcb_logo_cta_clicked",o),n(t.ctaEvent,o)})}(e,o,l.ctaLabel,l.detailsLabel,c)}),document.addEventListener("click",()=>{s(!0)}),document.addEventListener("keydown",e=>{"Escape"===e.key&&s(!0)})}function r({gridSelector:e=".logo-grid-social-proof > .wp-block-gallery",gridElement:t=null,overlayClass:o="lg-overlay",palette:n=["#ff3da8","#00b7ff"],strokeCenter:i=1,glowWidth:s=4,haloWidth:a=6}={}){const l=t||document.querySelector(e);if(!l)return null;l.style.position&&"static"!==l.style.position||(l.style.position="relative");let c=l.querySelector(`.${o}`);c||(c=document.createElement("div"),c.className=o,c.style.position="absolute",c.style.left="0",c.style.width="100%",c.style.top="0",c.style.height="100%",c.style.pointerEvents="none",c.style.overflow="visible",c.style.zIndex="1",l.appendChild(c)),c.innerHTML="";const d=Array.from(l.children).filter(e=>!e.classList.contains(o));if(!d.length)return null;const u=window.innerWidth;let m=6;u<602?m=2:u<=782&&(m=3);const p=Math.ceil(d.length/m),g=window.getComputedStyle(l),b=l.offsetWidth,f=l.offsetHeight,h=parseFloat(g.columnGap)||0,k=(b-h*(m-1))/m,v=[];for(let e=0;e<=m;e++){const t=e*(k+h);v.push(t)}const y=[],w=l.getBoundingClientRect();y.push(0);for(let e=0;e<p-1;e++){const t=d.slice(e*m,(e+1)*m),o=d.slice((e+1)*m,(e+2)*m);if(t.length>0&&o.length>0){const e=(Math.max(...t.map(e=>e.getBoundingClientRect().bottom-w.top))+Math.min(...o.map(e=>e.getBoundingClientRect().top-w.top)))/2;y.push(e)}}y.push(f);const _=[];for(let e=0;e<p;e++){const t=d.slice(e*m,(e+1)*m);if(t.length>0){const o=y[e]+(y[e+1]-y[e])/2;_.push({top:o,items:t,borderTop:y[e],borderBottom:y[e+1]})}}const A=(e,t)=>e+Math.random()*(t-e),E=e=>e[Math.floor(Math.random()*e.length)],x=e=>document.createElementNS(e||"http://www.w3.org/2000/svg","svg"),L=[];if(y.forEach((e,t)=>{L.push(function(e,t){const o=x(),r=Math.round(l.offsetWidth),d=Math.round(l.offsetHeight),u=1.1*r,m=-.05*r;o.setAttribute("viewBox",`${m} 0 ${u} ${d}`),o.setAttribute("preserveAspectRatio","xMinYMin meet"),o.style.position="absolute",o.style.left=`${m}px`,o.style.top="0",o.style.width=`${u}px`,o.style.height=`${d}px`,o.style.overflow="visible";const p=document.createElementNS(o.namespaceURI,"defs"),g=document.createElementNS(o.namespaceURI,"filter"),b=`glow-h-${Date.now()}-${t}-${Math.round(1e4*Math.random())}`;g.setAttribute("id",b),g.setAttribute("x","-50%"),g.setAttribute("y","-50%"),g.setAttribute("width","200%"),g.setAttribute("height","200%");const f=document.createElementNS(o.namespaceURI,"feGaussianBlur");f.setAttribute("stdDeviation","3"),f.setAttribute("result","b"),g.appendChild(f),p.appendChild(g),o.appendChild(p);const h=m,k=r-m,v=document.createElementNS(o.namespaceURI,"path"),y=`M ${h} ${e} L ${k} ${e}`;v.setAttribute("d",y);const w=E(n),_=v.cloneNode();_.setAttribute("stroke",w),_.setAttribute("stroke-width",String(a)),_.setAttribute("stroke-opacity","0.15"),_.setAttribute("fill","none"),_.setAttribute("filter",`url(#${b}) blur(8px)`),o.appendChild(_);const L=v.cloneNode();L.setAttribute("stroke",w),L.setAttribute("stroke-width",String(s)),L.setAttribute("stroke-opacity","0.35"),L.setAttribute("fill","none"),L.setAttribute("filter",`url(#${b})`),o.appendChild(L);const z=v.cloneNode();z.setAttribute("stroke",w),z.setAttribute("stroke-width",String(i)),z.setAttribute("stroke-opacity","1"),z.setAttribute("fill","none"),o.appendChild(z),c.appendChild(o);const C=z.getTotalLength();

1[z,L,_].forEach(e=>{e.style.strokeDasharray=C,e.style.strokeDashoffset=C,e.style.strokeLinecap="round"});const S=A(.81,1.44),D=A(0,1.08),M=gsap.timeline();return M.to([z,L,_],{strokeDashoffset:0,duration:S,delay:D,ease:"power1.inOut",stagger:{each:.054}}),M.to([z,L,_],{opacity:0,duration:.36,ease:"power1.in"},"+="+.1*S),M}(e,t))}),v.length){const e=function(){const e=x(),t=Math.round(l.offsetWidth),o=Math.round(l.offsetHeight),r=1.2*o,d=-.1*o;e.setAttribute("viewBox",`0 ${d} ${t} ${r}`),e.setAttribute("preserveAspectRatio","xMinYMin meet"),e.style.position="absolute",e.style.left="0",e.style.top=`${d}px`,e.style.width=`${t}px`,e.style.height=`${r}px`,e.style.overflow="visible";const u=document.createElementNS(e.namespaceURI,"defs"),m=document.createElementNS(e.namespaceURI,"filter"),p=`glow-v-${Date.now()}-0-${Math.round(1e4*Math.random())}`;m.setAttribute("id",p),m.setAttribute("x","-50%"),m.setAttribute("y","-50%"),m.setAttribute("width","200%"),m.setAttribute("height","200%");const g=document.createElementNS(e.namespaceURI,"feGaussianBlur");g.setAttribute("stdDeviation","3"),g.setAttribute("result","b"),m.appendChild(g),u.appendChild(m),e.appendChild(u);const b=d,f=o-d,h=[];return v.forEach(t=>{const o=Math.round(t),r=document.createElementNS(e.namespaceURI,"line");r.setAttribute("x1",o),r.setAttribute("y1",b),r.setAttribute("x2",o),r.setAttribute("y2",f);const l=E(n),c=r.cloneNode();c.setAttribute("stroke",l),c.setAttribute("stroke-width",String(a)),c.setAttribute("stroke-opacity","0.15"),c.setAttribute("filter",`url(#${p}) blur(8px)`),e.appendChild(c);const d=r.cloneNode();d.setAttribute("stroke",l),d.setAttribute("stroke-width",String(s)),d.setAttribute("stroke-opacity","0.35"),d.setAttribute("filter",`url(#${p})`),e.appendChild(d);const u=r.cloneNode();u.setAttribute("stroke",l),u.setAttribute("stroke-width",String(i)),u.setAttribute("stroke-opacity","1"),e.appendChild(u);const m=f-b;[u,d,c].forEach(e=>{e.style.strokeDasharray=m,e.style.strokeDashoffset=m,e.style.strokeLinecap="round"});const g=A(.81,1.44),k=A(0,1.26),v=gsap.timeline();v.to([u,d,c],{strokeDashoffset:0,duration:g,delay:k,ease:"power1.inOut",stagger:{each:.045}}),v.to([u,d,c],{opacity:0,duration:.36,ease:"power1.in"},"+="+.1*g),h.push(v)}),c.appendChild(e),h}();e.forEach(e=>L.push(e))}for(let e=L.length-1;e>0;e--){const t=Math.floor(Math.random()*(e+1));[L[e],L[t]]=[L[t],L[e]]}const z=gsap.timeline({paused:!0});L.forEach(e=>{const t=A(0,.27);z.add(e,t)});const C=ScrollTrigger.create({trigger:l,start:"top 85%",end:"bottom 15%",onEnter:()=>z.play(),onEnterBack:()=>z.play(),onLeave:()=>z.pause(),onLeaveBack:()=>z.pause()});let S;function D(){gsap.killTweensOf(c.querySelectorAll("*")),c.innerHTML="",setTimeout(()=>r({gridSelector:e,overlayClass:o,palette:n,strokeCenter:i,glowWidth:s,haloWidth:a}),50)}return window.addEventListener("resize",()=>{clearTimeout(S),S=setTimeout(D,200)}),{overlay:c,master:z,st:C}}function l(){document.querySelectorAll(".logo-grid-social-proof > .wp-block-gallery").forEach(e=>{r({gridElement:e})}),a()}"undefined"!=typeof gsap&&"undefined"!=typeof ScrollTrigger&&gsap.registerPlugin(ScrollTrigger),"loading"===document.readyState?document.addEventListener("DOMContentLoaded",l):l()}},o={};function n(e){var i=o[e];if(void 0!==i)return i.exports;var s=o[e]={exports:{}};return t[e](s,s.exports,n),s.exports}n.m=t,e=[],n.O=(t,o,i,s)=>{if(!o){var a=1/0;for(d=0;d<e.length;d++){for(var[o,i,s]=e[d],r=!0,l=0;l<o.length;l++)(!1&s||a>=s)&&Object.keys(n.O).every(e=>n.O[e](o[l]))?o.splice(l--,1):(r=!1,s<a&&(a=s));if(r){e.splice(d--,1);var c=i();void 0!==c&&(t=c)}}return t}s=s||0;for(var d=e.length;d>0&&e[d-1][2]>s;d--)e[d]=e[d-1];e[d]=[o,i,s]},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{var e={5640:0,436:0};n.O.j=t=>0===e[t];var t=(t,o)=>{var i,s,[a,r,l]=o,c=0;if(a.some(t=>0!==e[t])){for(i in r)n.o(r,i)&&(n.m[i]=r[i]);if(l)var d=l(n)}for(t&&t(o);c<a.length;c++)s=a[c],n.o(e,s)&&e[s]&&e[s][0](),e[s]=0;return n.O(d)},o=globalThis.webpackChunkdocebo_phoenix=globalThis.webpackChunkdocebo_phoenix||[];o.forEach(t.bind(null,0)),o.push=t.bind(null,o.push.bind(o))})();var i=n.O(void 0,[436],()=>n(5896));i=n.O(i)})();