https://zaagsys.com/_next/static/chunks/pages/services/interaction-design-39108a6643eb01c2.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6192,4193,792],{99671:function(e,s,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/services/interaction-design",function(){return t(96458)}])},96458:function(e,s,t){"use strict";t.r(s),t.d(s,{__N_SSP:function(){return b},default:function(){return interaction_design}});var i=t(85893);t(67294);var a=t(50029),n=t(59558),l=t(47526),r=t(52006),c=t(17461),d=t(1389),g={src:"/_next/static/media/interactionDesign.63d98c5e.webp",height:493,width:404,blurDataURL:"data:image/webp;base64,UklGRkgAAABXRUJQVlA4IDwAAACwAQCdASoHAAgAAkA4JZwAAp2p/gUAAP7VFjAlFvG1Ygd4WWJ1BhWXHLJadB1inCd/OeowiuIQXgfzcAA=",blurWidth:7,blurHeight:8},o=t(21715),x=t(81354),m=t(96729),p=t(35525),u=t(18671),h=t(25675),v=t.n(h),w=t(28276),services_UXProcess=()=>{let{t:e}=(0,w.$G)("servicePage");return(0,i.jsx)("div",{className:"bg-[#F8F9FC] bg-opacity-50 xl:py-30 lg:py-24 md:py-16 sm:py-14 py-9",children:(0,i.jsxs)(l.Z,{children:[(0,i.jsx)("h1",{className:"md:text-[32px] text-2xl font-bold text-secondary-800",children:e("webDevelopment.uxProcess.title")}),(0,i.jsx)("p",{className:"md:text-lg text-base text-secondary-800 mt-4",children:e("webDevelopment.uxProcess.description")}),(0,i.jsx)("div",{className:" xl:mt-12 md:mt-10 mt-9 ",children:u.w3.map(s=>(0,i.jsxs)("div",{className:"grid grid-cols-12 gap-x-6",children:[(0,i.jsxs)("div",{className:"md:col-span-4 col-span-12 flex items-center xl:gap-x-12 lg:gap-x-10 md:gap-x-6 sm:gap-x-4 gap-x-2 pt-4 md:py-8",children:[(0,i.jsx)(v(),{src:d.Z.Square,alt:"UX Process at ZAAG Systems",width:100,height:100,className:"w-6 h-6"}),(0,i.jsx)("h4",{className:"xl:text-2xl md:text-xl text-lg font-medium text-secondary-800",children:e(s.title)})]}),(0,i.jsx)("div",{className:"md:col-span-8 col-span-12 md:py-6 pb-4 mt-6 md:mt-0 my-auto",children:(0,i.jsx)("p",{className:"xl:text-lg md:text-base text-sm text-gray-550",children:e(s.description)})})]},s.id))})]})})},j=t(41664),y=t.n(j),services_VisualDesign=()=>{let{t:e}=(0,w.$G)("servicePage");return(0,i.jsx)(l.Z,{children:(0,i.jsxs)("div",{className:"py-9 md:py-30",children:[(0,i.jsxs)("div",{className:"flex flex-col items-start sm:items-center xl:items-start gap-y-9 md:gap-y-12",children:[(0,i.jsx)("h1",{className:"text-secondary-800 font-bold text-2xl md:text-[32px] leading-9 md:leading-[48px]",children:e("webDevelopment.visualDesign.title")}),(0,i.jsx)("div",{className:"w-full flex flex-wrap justify-center gap-6",children:f.map(e=>(0,i.jsx)(v(),{alt:e.alt,src:e.source,width:1e4,height:1e4,className:"w-[328px] h-[218px] md:w-[384px] md:h-[256px]"},e._id))}),(0,i.jsxs)("div",{className:"text-secondary-800 text-sm md:text-lg leading-[21px] md:leading-[27px] space-y-6",children:[(0,i.jsx)("p",{children:e("webDevelopment.visualDesign.description1")}),(0,i.jsx)("p",{children:e("webDevelopment.visualDesign.description2")})]})]}),(0,i.jsx)("div",{className:"flex justify-center pt-16",children:(0,i.jsx)(y(),{href:"/contact-us",children:(0,i.jsx)(n.E.Primary,{title:e("contactUsNow"),paddingX:"px-6",width:"w-full md:w-auto"})})})]})})};let f=[{_id:1,alt:"visual design",source:"/assets/images/visualDesign1.webp"},{_id:2,alt:"visual design",source:"/assets/images/visualDesign2.webp"},{_id:3,alt:"visual design",source:"/assets/images/visualDesign3.webp"},{_id:4,alt:"visual design",source:"/assets/images/visualDesign4.webp"},{_id:5,alt:"visual design",source:"/assets/images/visualDesign5.webp"},{_id:6,alt:"visual design",source:"/assets/images/visualDesign6.webp"}];var b=!0,interaction_design=e=>{let{keyServices:s,interactionDesign:t,blogs:u,totalBlogs:h,testimonials:v}=e,{setModal:j,setContactState:y}=(0,r.I)(),{t:f}=(0,w.$G)("servicePage");return(0,i.jsxs)(c.default,{pageTitle:" User-Centered Interaction Design Services | ZAAG Systems",metaDescription:"Transform your digital products with ZAAG's interaction design services, creating engaging, seamless experiences that delight users.",openGraphMeta:{title:"Interaction Design Services",description:"Transform your digital product with interaction design that feels effortless. Engaging, seamless experiences users come back for."},twitterMeta:{title:"Interaction Design Services",description:"Transform your digital product with interaction design that feels effortless. Engaging, seamless experiences users come back for."},children:[(0,i.jsx)(a.Z,{polygonImage:d.Z.EventPolygon,polygonImageMobile:d.Z.EventPolygonMobile,heading:(0,i.jsxs)(i.Fragment,{children:[f("interactionDesign.headingPart1")," ",(0,i.jsx)("span",{className:"text-primary-500",children:f("interactionDesign.headingPart2")})]}),description:f("interactionDesign.description"),buttonName:f("getStartedNow"),buttonWidth:"sm:w-[228px] w-full",contactFormState:"EXPERIENCE_DESIGN",rightSideImageSrc:d.Z.interactionDesignBanner,rightSideImageAlt:f("interactionDesign.serviceTitle"),rightSideImageClass:"w-72 lg:w-95 xl:w-[500px]"}),(0,i.jsx)(l.Z,{children:(0,i.jsx)(m.Z,{heading:f("interactionDesign.keyServices"),title:f("interactionDesign.tagline"),data:s,setModal:j})}),(0,i.jsx)(services_UXProcess,{}),(0,i.jsx)(services_VisualDesign,{}),(0,i.jsxs)(l.Z,{children:[(0,i.jsx)(p.Z,{data:t,img:g,title:f("interactionDesign.whyChoose"),children:(0,i.jsx)(n.E.Primary,{title:f("interactionDesign.startDesigning"),paddingX:"px-6",paddingY:"py-[14px]",width:"w-full sm:w-auto",onClick:()=>{y("EXPERIENCE_DESIGN"),j(!0)}})}),(0,i.jsx)(o.Z,{data:u,totalBlogs:h,title:f("ourStories")}),(0,i.jsx)(x.Z,{testimonials:v})]})]})}},96729:function(e,s,t){"use strict";var i=t(85893);t(67294);var a=t(59558),n=t(62225),l=t(28276);s.Z=e=>{let{modal:s,setModal:t,heading:r,title:c,data:d}=e,{t:g}=(0,l.$G)("servicePage");return(0,i.jsxs)("div",{className:"xl:py-30 lg:py-24 md:py-16 sm:py-14 py-9",children:[(0,i.jsx)("h3",{className:"md:text-base text-xs font-semibold text-blue-850 text-center tracking-[.32px] uppercase",children:r}),(0,i.jsx)("h1",{className:"md:text-3xl text-2xl font-medium text-secondary-800 mt-2 md:leading-[48px] text-center",children:c}),(0,i.jsx)("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 justify-center flex-wrap items-center gap-6 mt-16",children:d.map(e=>(0,i.jsx)(n.Z.Type19,{data:e},e.id))}),(0,i.jsx)("div",{className:"mt-16 flex justify-center",children:(0,i.jsx)(a.E.Primary,{title:g("webDevelopment.knowMore"),paddingX:"px-6",onClick:()=>t(!s)})})]})}}},function(e){e.O(0,[4885,5675,6043,1664,9911,1033,8489,5340,6707,7739,2645,7720,1389,4902,74

161,2225,29,8671,6719,9774,2888,179],function(){return e(e.s=99671)}),_N_E=e.O()}]);