PageSourceSearch

https://webleaders.nl/_next/static/chunks/0.lacc~uztjw-.js

js webleaders.nl collected 2026-10-06 12:29:27 UTC 19,764 bytes, 16 lines download raw bytes

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,63048,e=>{"use strict";var t=e.i(43476),a=e.i(71645),s=e.i(76804);e.s(["default",0,function(){let[e,i]=(0,a.useState)(!1);return((0,a.useEffect)(()=>{let e=()=>i((0,s.isBereikbaar)());e();let t=setInterval(e,6e4);return()=>clearInterval(t)},[]),e)?(0,t.jsxs)("span",{className:"inline-flex items-center gap-1.5 ml-1",children:[(0,t.jsx)("span",{className:"w-2 h-2 rounded-full animate-pulse",style:{backgroundColor:"#D8ED58"}}),(0,t.jsx)("span",{className:"font-body text-[12px]",style:{color:"#D8ED58"},children:"Nu bereikbaar"})]}):null}])},64659,e=>{"use strict";let t=(0,e.i(75254).default)("chevron-down",[["path",{d:"m6 9 6 6 6-6",key:"qrunsl"}]]);e.s(["ChevronDown",0,t],64659)},72520,e=>{"use strict";let t=(0,e.i(75254).default)("arrow-right",[["path",{d:"M5 12h14",key:"1ays0h"}],["path",{d:"m12 5 7 7-7 7",key:"xquz4c"}]]);e.s(["ArrowRight",0,t],72520)},83086,e=>{"use strict";let t=(0,e.i(75254).default)("sparkles",[["path",{d:"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z",key:"1s2grr"}],["path",{d:"M20 2v4",key:"1rf3ol"}
1],["path",{d:"M22 4h-4",key:"gwowj6"}],["circle",{cx:"4",cy:"20",r:"2",key:"6kqj1y"}]]);e.s(["Sparkles",0,t],83086)},39312,e=>{"use strict";let t=(0,e.i(75254).default)("zap",[["path",{d:"M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z",key:"1xq2db"}]]);e.s(["Zap",0,t],39312)},88589,e=>{"use strict";var t=e.i(43476),a=e.i(71645),s=e.i(75254);let i=(0,s.default)("menu",[["path",{d:"M4 5h16",key:"1tepv9"}],["path",{d:"M4 12h16",key:"1lakjw"}],["path",{d:"M4 19h16",key:"1djgab"}]]);var n=e.i(37727),l=e.i(15057),r=e.i(64659);let o=(0,s.default)("play",[["path",{d:"M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z",key:"10ikf1"}]]);var d=e.i(83086),c=e.i(43432),h=e.i(39312);let x=(0,s.default)("layers",[["path",{d:"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z",key:"zw3jo"}],["path",{d:"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12",key:"1wduqc"}],["path",{d:"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17",key:"kqbvx6"}]]);var p=e.i(18566),f=e.i(72520),m=e.i(99976);let b="webleaders-event-topbar-dismissed";function g(){let e=(0,p.usePathname)(),[s,i]=(0,a.useState)(!1);return((0,a.useEffect)(()=>{sessionStorage.getItem(b)||i(!0)},[]),e?.startsWith("/events")||!s||m.EERSTE_EVENT.plekkenVrij<=0)?null:(0,t.jsxs)("div",{className:"relative bg-[#EDF2F8] text-dark-blue z-[60]",children:[(0,t.jsx)("a",{href:"/events",className:"block hover:brightness-105 transition",children:(0,t.jsxs)("div",{className:"max-w-[1440px] mx-auto pl-4 pr-12 lg:px-[60px] py-2 flex items-center justify-center gap-2.5",children:[(0,t.jsx)("span",{className:"hidden sm:inline font-body text-[12px] font-bold uppercase tracking-[1px] shrink-0",children:m.EERSTE_EVENT.datumKort}),(0,t.jsx)("span",{className:"hidden sm:inline w-1 h-1 rounded-full bg-dark-blue/40 shrink-0"}),(0,t.jsx)("span",{className:"font-body text-[13px] font-semibold truncate",children:m.EERSTE_EVENT.titel}),(0,t.jsxs)("span",{className:"font-body text-[13px] font-bold underline underline-offset-2 shrink-0 inline-flex items-center gap-1",children:["Reserveer je plek",(0,t.jsx)(f.ArrowRight,{className:"w-3.5 h-3.5"})]})]})}),(0,t.jsx)("button",{type:"button","aria-label":"Sluiten",onClick:()=>{sessionStorage.setItem(b,"1"),i(!1)},className:"absolute right-2.5 lg:right-5 top-1/2 -translate-y-1/2 w-6 h-6 rounded-full grid place-items-center text-dark-blue/50 hover:text-dark-blue hover:bg-dark-blue/10 transition",children:(0,t.jsx)(n.X,{className:"w-3.5 h-3.5"})})]})}let u=[{id:"seo-geo",label:"SEO / GEO (vindbaar in Google én AI)",href:"/seo-uitbesteden",icon:d.Sparkles,expertise:[{label:"GEO (ofwel AI-optimalisatie)",href:"/geo-uitbesteden"},{label:"SEO uitbesteden",href:"/seo-uitbesteden"},{label:"Technische SEO",href:"/diensten/technische-seo"},{label:"Lokale SEO",href:"/diensten/lokale-seo"},{label:"E-commerce SEO",href:"/diensten/e-commerce-seo"}],caseTitle:"Een organische groei van jaarlijks 40% in extra verkeer en Quickscan aanvragen!",caseImage:"https://images.unsplash.com/photo-1460925895917-afdab827c52f?w=400&q=80",caseLabel:"Mogelijk"},{id:"sea",label:"Online adverteren (SEA)",href:"/google-ads-uitbesteden",icon:l.ArrowUpRight,expertise:[{label:"SEA uitbesteden",href:"/google-ads-uitbesteden"},{label:"Shopping campagnes",href:"/diensten/google-shopping"},{label:"Display advertising",href:"/kennisbank/wat-is-display-advertising"},{label:"Remarketing",href:"/kennisbank/wat-is-remarketing"},{label:"YouTube Ads",href:"/kennisbank/wat-is-youtube-ads"},{label:"Performance Max",href:"/kennisbank/wat-is-performance-max"}],caseTitle:"30% lagere CPA en verdubbeling van het aantal leads binnen 3 maanden.",caseImage:"https://images.unsplash.com/photo-1551288049-bebda4e38f71?w=400&q=80",caseLabel:"Case: SEA"},{id:"cro",label:"Conversie optimalisatie (CRO)",href:"/diensten/conversie-optimalisatie",icon:l.ArrowUpRight,expertise:[{label:"Conversie optimalisatie (CRO)",href:"/diensten/conversie-optimalisatie"}
1,{label:"Heatmap analyse",href:"/kennisbank/wat-is-een-heatmap"},{label:"UX optimalisatie",href:"/kennisbank/wat-is-ux-optimalisatie"},{label:"Checkout optimalisatie",href:"/kennisbank/wat-is-checkout-optimalisatie"},{label:"Landingspagina's",href:"/diensten/landingspagina"},{label:"Funnel analyse",href:"/kennisbank/wat-is-een-marketing-funnel"}],caseTitle:"400% meer boekingen dankzij slimme CRO-strategie en A/B testing.",caseImage:"https://images.unsplash.com/photo-1504868584819-f8e8b4b6d7e3?w=400&q=80",caseLabel:"Case: CRO"},{id:"vibe",label:"Vibe coding (AI-dev)",href:"/diensten/vibe-coding",icon:d.Sparkles,expertise:[{label:"Vibe coding (AI-dev)",href:"/diensten/vibe-coding"},{label:"Landingspagina's in dagen",href:"/diensten/vibe-coding"},{label:"Microsites & campagnes",href:"/diensten/vibe-coding"},{label:"Prototypes & MVP's",href:"/diensten/vibe-coding"},{label:"AI-tools & dashboards",href:"/diensten/vibe-coding"},{label:"Marketing-automatisering",href:"/diensten/vibe-coding"}],caseTitle:"Werkende software in dagen, niet in weken, AI als co-piloot voor marketing.",caseImage:"https://images.unsplash.com/photo-1555066931-4365d14bab8c?w=400&q=80",caseLabel:"Nieuw: Vibe coding"},{id:"ai-sprints",label:"AI-sprints",href:"/diensten/ai-sprints",icon:h.Zap,expertise:[{label:"AI-sprints",href:"/diensten/ai-sprints"},{label:"AI workshop voor bedrijven",href:"/diensten/ai-sprints"},{label:"AI implementatie",href:"/diensten/ai-sprints"},{label:"AI-chatbots & agents",href:"/diensten/ai-sprints"},{label:"AI marketing automation",href:"/diensten/ai-sprints"},{label:"AI consultancy",href:"/diensten/ai-sprints"}],caseTitle:"Van AI-idee naar werkende oplossing in 2 weken. Vaste prijs, vast resultaat.",caseImage:"https://images.unsplash.com/photo-1677442136019-21780ecad995?w=400&q=80",caseLabel:"Nieuw: AI-sprints"},{id:"replatforming",label:"Replatforming",href:"/headless-shopify",icon:x,expertise:[{label:"Headless Shopify",href:"/headless-shopify"},{label:"Magento naar Shopify",href:"/magento-naar-shopify"},{label:"WooCommerce naar Shopify",href:"/woocommerce-naar-shopify"}],caseTitle:"Van een verouderde Magento- of WooCommerce-webshop naar een snelle headless Shopify webshop.",caseImage:"/kantoor-pc.webp",caseLabel:"Nieuw: Replatforming"}];e.s(["default",0,function(){let[e,s]=(0,a.useState)(!1),[d,h]=(0,a.useState)(!1),[x,p]=(0,a.useState)(!1),[f,m]=(0,a.useState)(u[0]),[b,v]=(0,a.useState)([]),w=(0,a.useCallback)(e=>{let t=e.currentTarget.getBoundingClientRect(),a=t.left+t.width/2,s=t.top+t.height/2,i=["#D8ED58","#a8d520","#fff","#4285F4","#FBBC05","#EA4335","#34A853"],n=["rect","strip","circle"];v(Array.from({length:80},(e,t)=>({id:Date.now()+t,x:a+(Math.random()-.5)*400,y:s-180*Math.random()-40,color:i[Math.floor(Math.random()*i.length)],rotation:360*Math.random(),delay:.4*Math.random(),shape:n[Math.floor(Math.random()*n.length)],drift:(Math.random()-.5)*80,size:4+6*Math.random()}))),setTimeout(()=>v([]),1500)},[]);return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(g,{}),(0,t.jsxs)("nav",{className:"bg-transparent h-20 px-6 lg:px-[60px] flex items-center justify-between relative z-50 max-w-[1440px] mx-auto",onMouseLeave:()=>h(!1),children:[(0,t.jsxs)("a",{href:"/",className:"flex items-center gap-3",children:[(0,t.jsx)("img",{src:"/logo-webleaders.svg",alt:"Webleaders",className:"h-10"}),(0,t.jsx)("img",{src:"/15-jaar.png",alt:"15 jaar Webleaders",className:"hidden md:block h-9 w-auto select-none cursor-pointer",onMouseEnter:w,onClick:w})]}),(0,t.jsxs)("div",{className:"hidden lg:flex items-center gap-8",children:[(0,t.jsxs)("button",{className:"flex items-center gap-1 font-body text-[15px] text-white hover:text-lime transition-colors",onMouseEnter:()=>{h(!0),m(u[0])},onClick:()=>h(e=>!e),children:["Diensten",(0,t.jsx)(r.ChevronDown,{className:`w-4 h-4 transition-transform ${d?"rotate-180":""}`})]}),(0,t.jsxs)("div",{className:"relative",onMouseEnter:()=>{p(!0),h(!1)},onMouseLeave:()=>p(!1),children:[(0,t.jsxs)("button",{className:"flex items-center gap-1 font-body text-[15px] text-white hover:text-lime transition-colors",children:["Over ons",(0,t.jsx)(r.ChevronDown,{className:`w-4 h-4 transition-transform ${x?"rotate-180":""}`})]}),x&&(0,t.jsx)("div",{className:"absolute top-full left-0 pt-2 min-w-[180px]",children:(0,t.jsxs)("div",{className:"bg-dark-blue border border-border-light rounded-xl shadow-xl py-2",children:[(0,t.jsx)("a",{href:"/over-ons",className:"flex items-center gap-2 px-4 py-2.5 font-body text-[14px] text-white/80 hover:text-white hover:bg-white/5 transition",children:"Over Webleaders"}),(0,t.jsx)("a",{href:"/werken-bij",className:"flex items-center gap-2 px-4 py-2.5 font-body text-[14px] text-white/80 hover:text-white hover:bg-white/5 transition",children:"Werken bij"}),(0,t.jsx)("a",{href:"/events",className:"flex items-center gap-2 px-4 py-2.5 font-body text-[14px] text-white/80 hover:text-white hover:bg-white/5 transition",children:"Events"})]})})]}),(0,t.jsx)("a",{href:"/cases",className:"font-body text-[15px] text-white hover:text-lime transition-colors",children:"Cases"}),(0,t.jsx)("a",{href:"/blog",className:"font-body text-[15px] text-white hover:text-lime transition-colors",children:"Blog"}),(0,t.jsx)("a",{href:"/contact",className:"font-body text-[15px] text-white hover:text-lime transition-colors",children:"Contact"}),(0,t.jsx)("span",{className:"w-px h-5 bg-white/20","aria-hidden":"true"}),(0,t.jsx)("a",{href:"/groeiscan",className:"bg-lime text-dark-blue font-body text-[15px] font-semibold rounded-full py-3 px-6 hover:brightness-110 transition",children:"Gratis AI groeiscan"})]}),(0,t.jsxs)("div",{className:"lg:hidden flex items-center gap-2",children:[(0,t.jsxs)("a",{href:"tel:0106690024",className:"flex items-center gap-2 bg-white/10 hover:bg-white/20 transition rounded-full py-2 px-3.5",children:[(0,t.jsx)(c.Phone,{className:"w-3.5 h-3.5 text-lime shrink-0"}),(0,t.jsx)("span",{className:"hidden xs:inline font-body text-[13px] font-semibold text-white",children:"010 669 00 24"}),(0,t.jsx)("span",{className:"xs:hidden font-body text-[13px] font-semibold text-white",children:"Bellen"})]}),(0,t.jsx)("button",{className:"w-9 h-9 flex items-center justify-center rounded-full bg-white/10 hover:bg-white/20 transition text-white",onClick:()=>s(!e),"aria-label":"Menu",children:e?(0,t.jsx)(n.X,{className:"w-5 h-5"}):(0,t.jsx)(i,{className:"w-5 h-5"})})]}),d&&(0,t.jsxs)("div",{className:"absolute top-20 left-1/2 -translate-x-1/2 w-[min(1100px,calc(100vw-48px))] bg-dark-blue border border-border-light rounded-2xl shadow-2xl hidden lg:grid grid-cols-[1.2fr_1fr_1fr] divide-x divide-border-light overflow-hidden",children:[(0,t.jsxs)("div",{className:"p-6 flex flex-col gap-1",children:[(0,t.jsx)("span",{className:"font-heading text-sm font-bold text-white mb-3",children:"Diensten"}),u.map(e=>{let a=e.href;return(0,t.jsxs)(a?"a":"button",{...a?{href:a}:{},onMouseEnter:()=>m(e),className:`flex items-center justify-between w-full text-left px-3 py-2.5 rounded-lg font-body text-[14px] transition-colors group cursor-pointer ${f.id===e.id?"bg-white/10 text-white":"text-text-muted hover:text-white hover:bg-white/5"}`,children:[e.label,f.id===e.id?(0,t.jsx)(l.ArrowUpRight,{className:"w-3.5 h-3.5 text-lime shrink-0"}):(0,t.jsx)(l.ArrowUpRight,{className:"w-3.5 h-3.5 shrink-0 opacity-40 group-hover:opacity-100 transition-opacity"})]},e.id)})]}),(0,t.jsxs)("div",{className:"p-6 flex flex-col gap-1",children:[(0,t.jsx)("span",{className:"font-heading text-sm font-bold text-white mb-3",children:"Expertise"}),f.expertise.map(e=>(0,t.jsxs)("a",{href:e.href,className:"flex items-center gap-2 font-body text-[14px] text-text-muted hover:text-white transition-colors py-1.5",children:[(0,t.jsx)(o,{className:"w-2 h-2 text-lime fill-lime shrink-0"}),e.label,e.href.startsWith("/kennisbank")&&(0,t.jsx)("span",{className:"ml-auto font-body text-[9px] font-bold uppercase tracking-[1px] text-white/35 border border-white/15 rounded-full px-2 py-0.5 
1shrink-0",children:"kennisbank"}),e.href.startsWith("/blog")&&(0,t.jsx)("span",{className:"ml-auto font-body text-[9px] font-bold uppercase tracking-[1px] text-white/35 border border-white/15 rounded-full px-2 py-0.5 shrink-0",children:"blog"})]},e.label))]}),(0,t.jsxs)("div",{className:"p-6 flex flex-col gap-3",children:[(0,t.jsx)("div",{className:"rounded-lg overflow-hidden h-[110px]",children:(0,t.jsx)("img",{src:f.caseImage,alt:f.caseLabel,className:"w-full h-full object-cover"})}),(0,t.jsx)("p",{className:"font-heading text-[13px] font-semibold text-white leading-snug",children:f.caseTitle}),(0,t.jsxs)("a",{href:f.expertise.find(e=>"#"!==e.href)?.href??"#",className:"flex items-center gap-2 font-body text-[13px] font-semibold text-lime hover:brightness-110 transition",children:[(0,t.jsx)(o,{className:"w-2.5 h-2.5 text-lime fill-lime shrink-0"}),"Lees meer"]})]})]}),e&&(0,t.jsxs)("div",{className:"absolute top-20 left-0 right-0 bg-dark-blue border-t border-border-light flex flex-col p-6 gap-4 lg:hidden z-50",children:[(0,t.jsx)("span",{className:"font-body text-[15px] text-text-muted font-semibold",children:"Diensten"}),u.map(e=>{let a=e.expertise.find(e=>"#"!==e.href)?.href??"#";return(0,t.jsx)("a",{href:a,className:"font-body text-[15px] text-white hover:text-lime transition-colors pl-4",onClick:()=>s(!1),children:e.label},e.id)}),(0,t.jsx)("span",{className:"font-body text-[15px] text-text-muted font-semibold mt-2",children:"Over ons"}),(0,t.jsx)("a",{href:"/over-ons",className:"font-body text-[15px] text-white hover:text-lime transition-colors pl-4",onClick:()=>s(!1),children:"Over Webleaders"}),(0,t.jsx)("a",{href:"/werken-bij",className:"font-body text-[15px] text-white hover:text-lime transition-colors pl-4",onClick:()=>s(!1),children:"Werken bij"}),(0,t.jsx)("a",{href:"/events",className:"font-body text-[15px] text-white hover:text-lime transition-colors pl-4",onClick:()=>s(!1),children:"Events"}),(0,t.jsx)("a",{href:"/cases",className:"font-body text-[15px] text-white hover:text-lime transition-colors mt-2",onClick:()=>s(!1),children:"Cases"}),(0,t.jsx)("a",{href:"/blog",className:"font-body text-[15px] text-white hover:text-lime transition-colors mt-2",onClick:()=>s(!1),children:"Blog"}),(0,t.jsx)("a",{href:"/contact",className:"font-body text-[15px] text-white hover:text-lime transition-colors",onClick:()=>s(!1),children:"Contact"}),(0,t.jsx)("div",{className:"w-full h-px bg-white/10 my-1"}),(0,t.jsx)("a",{href:"/groeiscan",className:"bg-lime text-dark-blue font-body text-[15px] font-semibold rounded-full py-3 px-6 text-center hover:brightness-110 transition",onClick:()=>s(!1),children:"Gratis AI groeiscan"})]}),b.length>0&&(0,t.jsxs)("div",{className:"fixed inset-0 pointer-events-none z-[9999]",children:[b.map(e=>(0,t.jsx)("div",{className:"absolute",style:{left:e.x,top:e.y,width:"strip"===e.shape?.4*e.size:e.size,height:"circle"===e.shape?e.size:e.size*("strip"===e.shape?2.5:.6),borderRadius:"circle"===e.shape?"50%":"1px",backgroundColor:e.color,transform:`rotate(${e.rotation}deg)`,animation:`confetti-fall-${e.id%3} 1.4s ease-out ${e.delay}s forwards`,"--drift":`${e.drift}px`}},e.id)),(0,t.jsx)("style",{children:`
2            @keyframes confetti-fall-0 {
3              0% { opacity: 1; transform: translateY(0) translateX(0) rotate(0deg) scale(1); }
4              100% { opacity: 0; transform: translateY(180px) translateX(var(--drift)) rotate(540deg) scale(0.4); }
5            }
6            @keyframes confetti-fall-1 {
7              0% { opacity: 1; transform: translateY(0) translateX(0) rotate(0deg) scale(1); }
8              50% { opacity: 1; }
9              100% { opacity: 0; transform: translateY(200px) translateX(var(--drift)) rotate(-480deg) scale(0.3); }
10            }
11            @keyframes confetti-fall-2 {
12              0% { opacity: 1; transform: translateY(0) translateX(0) rotate(0deg) scaleX(1); }
13              50% { transform: translateY(80px) translateX(calc(var(--drift) * 0.5)) rotate(360deg) scaleX(0.2); }
14              100% { opacity: 0; transform: translateY(160px) translateX(var(--drift)) rotate(720deg) scaleX(1) scale(0.3); }
15            }
16          `})]})]})]})}],88589)},17923,e=>{"use strict";
16let t=(0,e.i(75254).default)("chart-column",[["path",{d:"M3 3v16a2 2 0 0 0 2 2h16",key:"c24i48"}],["path",{d:"M18 17V9",key:"2bz60n"}],["path",{d:"M13 17V5",key:"1frdt8"}],["path",{d:"M8 17v-3",key:"17ska0"}]]);e.s(["BarChart3",0,t],17923)},23248,e=>{"use strict";var t=e.i(43476),a=e.i(71645),s=e.i(17923);e.s(["default",0,function({title:e,unit:i="",source:n,data:l}){let[r,o]=(0,a.useState)(!1),d=(0,a.useRef)(null);if((0,a.useEffect)(()=>{let e=d.current;if(!e)return;let t=new IntersectionObserver(e=>{e[0].isIntersecting&&(o(!0),t.disconnect())},{threshold:.25});return t.observe(e),()=>t.disconnect()},[]),!l?.length)return null;let c=Math.max(...l.map(e=>e.value),0)||1;return(0,t.jsxs)("figure",{ref:d,className:"my-8 bg-[#EDF2F8] rounded-2xl p-6 md:p-8 border border-dark-blue/10",children:[(0,t.jsxs)("div",{className:"flex items-center gap-2.5 mb-6",children:[(0,t.jsx)("div",{className:"w-8 h-8 rounded-lg bg-dark-blue flex items-center justify-center shrink-0",children:(0,t.jsx)(s.BarChart3,{className:"w-4 h-4 text-lime"})}),e&&(0,t.jsx)("figcaption",{className:"font-heading text-[15px] md:text-[17px] font-bold text-dark-blue leading-tight",children:e})]}),(0,t.jsx)("div",{className:"flex flex-col gap-4",children:l.map((e,a)=>{let s=Math.max(e.value/c*100,2);return(0,t.jsxs)("div",{className:"flex flex-col gap-1.5",children:[(0,t.jsxs)("div",{className:"flex items-center justify-between gap-3",children:[(0,t.jsx)("span",{className:"font-body text-[13px] md:text-[14px] font-semibold text-dark-blue",children:e.label}),(0,t.jsxs)("span",{className:"font-heading text-[13px] md:text-[14px] font-bold text-dark-blue tabular-nums",children:[e.value,i]})]}),(0,t.jsx)("div",{className:"h-2.5 w-full rounded-full bg-dark-blue/10 overflow-hidden",children:(0,t.jsx)("div",{className:"h-full rounded-full bg-lime transition-[width] duration-1000 ease-out",style:{width:r?`${s}%`:"0%",transitionDelay:`${120*a}ms`}})})]},a)})}),n&&(0,t.jsxs)("p",{className:"mt-5 text-[12px] text-[#6b7280] font-body",children:["Bron: ",n]})]})}])}]);

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.