1!function(){try{var e="u">typeof window?window:"u">typeof global?global:"u">typeof globalThis?globalThis:"u">typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="b6f20441-61a0-4aee-92eb-0399e98b0e12",e._sentryDebugIdIdentifier="sentry-dbid-b6f20441-61a0-4aee-92eb-0399e98b0e12")}catch(e){}}();"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7059],{81268:(e,t,l)=>{l.r(t),l.d(t,{default:()=>c});var a=l(95155),i=l(12115),s=l(10651),n=l(5514),d=l(10412),r=l(5772);let c=e=>{let{page:t,module:l,dictionary:c}=e,o=t.lang||"nl",[h,x]=(0,i.useState)(0),m=[{id:1,title:"Discovery Phase",content:[{type:"paragraph",children:[{text:"We start by understanding your needs and goals to create the perfect solution."}]}],icon:"FaLightbulb"},{id:2,title:"Planning & Strategy",content:[{type:"paragraph",children:[{text:"Develop a comprehensive plan with clear milestones and deliverables."}]}],icon:"FaClipboardList"},{id:3,title:"Implementation",content:[{type:"paragraph",children:[{text:"Execute the plan with precision and attention to detail."}]}],icon:"FaCog"},{id:4,title:"Launch & Support",content:[{type:"paragraph",children:[{text:"Deploy your solution and provide ongoing support for success."}]}],icon:"FaRocket"}],p=l.steps||m;return(0,a.jsxs)("div",{children:[(0,a.jsx)("div",{className:"mb-8 md:mb-12",children:(0,a.jsxs)("div",{className:"flex items-center justify-between gap-2 md:gap-4 relative",children:[(0,a.jsx)("div",{className:"absolute left-0 right-0 h-2 bg-gray-200 rounded-full top-1/2 -translate-y-1/2 hidden md:block"}),(0,a.jsx)("div",{className:"absolute left-0 h-2 bg-primary rounded-full top-1/2 -translate-y-1/2 transition-all duration-700 hidden md:block",style:{width:`${h/(p.length-1)*100}%`}}),p.map((e,t)=>(0,a.jsxs)("button",{onClick:()=>x(t),className:"relative z-10 flex-1 md:flex-none group",children:[(0,a.jsx)("div",{className:`h-16 md:h-20 w-full md:w-20 rounded-xl flex items-center justify-center overflow-hidden transition-all duration-500 ${h===t?"bg-primary shadow-2xl scale-105 md:scale-110":h>t?"bg-primary text-white":"bg-gray-100 hover:bg-gray-200"}`,children:h>t?(0,a.jsx)(n.A,{icon:"FaCheck",width:20,height:20,className:"text-xl md:text-2xl text-white"}):e.media?(0,a.jsx)("div",{className:"relative w-full h-full",children:(0,a.jsx)(r.default,{src:e.media.url,alt:e.title,className:"object-cover w-full h-full",width:100,height:100,loading:"lazy",decoding:"async"})}):(0,a.jsx)(n.A,{icon:e.icon||"FaCheckCircle",width:24,height:24,className:`text-2xl md:text-3xl transition-colors duration-300 ${h===t?"text-white":"text-gray-400"}`})}),(0,a.jsx)("div",{className:`hidden md:block mt-3 text-center text-sm font-bold transition-colors duration-300 ${h===t?"text-primary":"text-gray-400"}`,children:String(t+1).padStart(2,"0")})]},e.id))]})}),(0,a.jsx)("div",{className:"relative min-h-[250px] md:min-h-[300px]",children:p.map((e,t)=>(0,a.jsx)("div",{className:`transition-all duration-500 ${h===t?"opacity-100 translate-x-0":h>t?"opacity-0 -translate-x-8 absolute inset-0 pointer-events-none":"opacity-0 translate-x-8 absolute inset-0 pointer-events-none"}`,children:(0,a.jsxs)("div",{className:"bg-white rounded-xl p-6 md:p-12 shadow-xl",children:[(0,a.jsxs)("div",{className:"flex flex-col md:flex-row items-center gap-6 md:gap-8",children:[(0,a.jsx)("div",{className:"flex-shrink-0",children:(0,a.jsx)("div",{className:"w-24 h-24 md:w-32 md:h-32 rounded-xl bg-primary flex items-center justify-center overflow-hidden group-hover:scale-110 transition-all duration-300",children:e.media?(0,a.jsx)("div",{className:"relative w-full h-full",children:(0,a.jsx)(r.default,{src:e.media.url,alt:e.title,className:"object-cover w-full h-full",width:200,height:200,loading:"lazy",decoding:"async"})}):(0,a.jsx)(n.A,{icon:e.icon||"FaCheckCircle",width:40,height:40,className:"text-4xl md:text-5xl text-white"})})}),(0,a.jsxs)("div",{className:"flex-1 text-center md:text-left",children:[(0,a.jsxs)("div",{className:"inline-flex items-center gap-2 px-3 py-1.5 md:px-4 md:py-2 rounded-full bg-primary/10 text-primary text-xs md:text-sm font-bold mb-3 md:mb-4",children:[(0,a.jsxs)("span",{children:[c.STEP||"STEP"," ",String(t+1).padStart(2,"0")]}),(0,a.jsx)("div",{className:"w-1.5 h-1.5 rounded-full bg-primary"}),(0,a.jsxs)("span",{children:[t+1," ",c.OF||"OF"," ",p.length]})]}),(0,a.jsx)("h3",{className:"text-2xl lg:text-3xl font-bold mb-3 md:mb-4",children:e.title}),(0,a.jsx)("div",{className:"text-base md:text-lg leading-relaxed",children:(0,a.jsx)(s.default,{lang:o,content:e.content})})]})]}),(0,a.jsxs)("div",{className:"flex items-center justify-between mt-6 md:mt-8 pt-6 md:pt-8 border-t border-gray-100",children:[(0,a.jsx)(d.default,{type:"transparent",onClick:()=>
1x(Math.max(0,h-1)),disabled:0===h,style:{opacity:0===h?.5:1,cursor:0===h?"not-allowed":"pointer"},children:(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)(n.A,{icon:"FaChevronLeft",width:14,height:14}),(0,a.jsx)("span",{className:"hidden sm:inline",children:c.PREVIOUS||"Previous"})]})}),(0,a.jsx)("div",{className:"flex gap-2",children:p.map((e,t)=>(0,a.jsx)("button",{onClick:()=>x(t),className:`h-2 rounded-full transition-all duration-300 ${t===h?"w-8 bg-primary":t<h?"w-2 bg-primary/50":"w-2 bg-gray-300"}`},t))}),(0,a.jsx)(d.default,{onClick:()=>x(Math.min(p.length-1,h+1)),disabled:h===p.length-1,type:"primary",style:{opacity:h===p.length-1?.5:1,cursor:h===p.length-1?"not-allowed":"pointer"},children:(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("span",{className:"hidden sm:inline",children:c.NEXT||"Next"}),(0,a.jsx)(n.A,{icon:"FaChevronRight",width:14,height:14})]})})]})]})},e.id))})]})}}}]);
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.