var _____WB$wombat$assign$function_____=function(name){return (self._wb_wombat && self._wb_wombat.local_init && self._wb_wombat.local_init(name))||self[name];};if(!self.__WB_pmw){self.__WB_pmw=function(obj){this.__WB_source=obj;return this;}}{
let window = _____WB$wombat$assign$function_____("window");
let self = _____WB$wombat$assign$function_____("self");
let document = _____WB$wombat$assign$function_____("document");
let location = _____WB$wombat$assign$function_____("location");
let top = _____WB$wombat$assign$function_____("top");
let parent = _____WB$wombat$assign$function_____("parent");
let frames = _____WB$wombat$assign$function_____("frames");
let opens = _____WB$wombat$assign$function_____("opens");
(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3671],{23671:function(e,t,i){"use strict";i.r(t),i.d(t,{default:function(){return m}});var s=i(85893),n=i(25675),a=i.n(n),c=i(67294),l=i(43422),r=i.n(l);function o(e){let{number:t,title:i,description:n,active:a,onClick:c}=e;return(0,s.jsx)("div",{className:"".concat(r().carousel_item," ").concat(a?"active bg-blue-500 !text-white":"bg-white"),onClick:c,children:(0,s.jsxs)("div",{children:[(0,s.jsxs)("span",{className:"spanHeading",children:["0",t]}),(0,s.jsx)("h4",{className:"text-xl sm:text-2xl font-semibold",children:i}),(0,s.jsx)("p",{className:"pMainText ".concat(a?" !text-white":""),children:n})]})})}function m(){let[e,t]=(0,c.useState)(1),i=[{number:1,title:"Discovery & Consultation",description:"Initial client meeting to understand needs.",imageSrc:"/images/Discovery.png"},{number:2,title:"Strategy & Planning",description:"Develop a tailored strategy and define project scope, timelines, and budget.",imageSrc:"/images/Strategy.png"},{number:3,title:"Design & Development",description:"Create concepts aligned with goals and expectations.",imageSrc:"/images/Design.png"},{number:4,title:"Client Satisfaction & Reporting",description:"Ensure client satisfaction and discuss future enhancements and strategies.",imageSrc:"/images/Client Satisfaction.png"}],n=i.length;return(0,c.useEffect)(()=>{let e=setInterval(()=>{t(e=>e%n+1)},5e3);return()=>{clearInterval(e)}},[n]),(0,s.jsxs)("div",{className:"content flex items-center flex-col",children:[(0,s.jsxs)("div",{className:"flex flex-col justify-center items-center mb-20",children:[(0,s.jsx)("span",{className:"spanHeading ",children:"The steps we take"}),(0,s.jsxs)("h3",{className:"h1HeadingBlack text-center",children:["From Concept to ",(0,s.jsx)("span",{className:"text-blue-500",children:"Completion"})]})]}),(0,s.jsxs)("div",{className:r().carousel_grid,children:[(0,s.jsx)("div",{className:r().gridImage,children:(0,s.jsx)(a(),{src:i[e-1].imageSrc,alt:"Our Process Step ".concat(e," image"),fill:!0,sizes:"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw",className:"object-contain",priority:!0,loading:"eager"})}),(0,s.jsx)("div",{className:r().carousel_steps,children:i.map(i=>(0,s.jsx)(o,{number:i.number,title:i.title,description:i.description,active:i.number===e,onClick:()=>t(i.number)},i.number))})]})]})}},43422:function(e){e.exports={carousel_steps:"TimelineCarousel_carousel_steps__yrWN6",carousel_grid:"TimelineCarousel_carousel_grid__JXjTm",gridImage:"TimelineCarousel_gridImage__JGpZw",carousel_item:"TimelineCarousel_carousel_item__y1cqq",active:"TimelineCarousel_active__wi81h"}}}]);
}