https://shyftrtech.com/_next/static/chunks/7392-63892b5120811dff.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7392],{1490:function(e,t,o){var r=o(5893),a=o(7294),s=o(6345),n=o(3387);t.Z=e=>{let{eyebrow:t,headline:o,subheadline:i,items:l,background:c}=e,[d,g]=(0,a.useState)(0),p=(0,n.M)(c,"light");return(0,r.jsx)("section",{className:`${p.className} py-16 sm:py-20 px-5 sm:px-8 lg:px-20`,style:p.style,children:(0,r.jsxs)("div",{className:"mx-auto max-w-3xl",children:[(0,r.jsx)(s.Z,{eyebrow:t,headline:o,subheadline:i,align:"center",light:p.dark}),(0,r.jsx)("div",{className:"mt-10 space-y-4",children:l.map((e,t)=>{let o=d===t;return(0,r.jsxs)("div",{className:"overflow-hidden rounded-xl border border-gray-200 bg-white",style:{fontFamily:"'Plus Jakarta Sans', sans-serif"},children:[(0,r.jsxs)("button",{type:"button",onClick:()=>g(o?null:t),className:"flex w-full items-center justify-between px-6 py-5 text-left","aria-expanded":o,children:[(0,r.jsx)("span",{className:"text-base font-semibold text-gray-900",children:e.question}),(0,r.jsx)("span",{className:`ml-4 flex h-7 w-7 flex-shrink-0 items-center justify-center rounded-full text-white transition-transform duration-300 ${o?"bg-red-600 rotate-45":"bg-gray-900"}`,"aria-hidden":"true",children:(0,r.jsx)("svg",{className:"h-3 w-3",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:3,children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M12 4v16m8-8H4"})})})]}),o&&(0,r.jsx)("div",{className:"border-t border-gray-100 px-6 py-5 text-sm leading-relaxed text-gray-600",children:e.answer})]},t)})})]})})}},9096:function(e,t,o){var r=o(5893);o(7294);var a=o(1664),s=o.n(a),n=o(2777),i=o(6345),l=o(3387);let c={storefront:n.x8h,marketplace:n.WY8,checkout:n.XiQ,operations:n.Wpg,personalization:n.NNy,portal:n.Qyq,app:n.hRw,activity:n.bAx,backend:n.Par,booking:n.vlc,camera:n.tBf,carrier:n.rpR,community:n.EQ9,content:n.NOg,database:n.bGz,documents:n.NOg,economy:n.oQC,experience:n.yG,gift:n.E33,globe:n.RsK,healthcare:n.$aX,home:n.m6D,identity:n.o1l,kitchen:n.Gpi,logistics:n.C4B,location:n.MIl,messaging:n.IC0,monitoring:n.bAx,realEstate:n.m6D,security:n.bfl,streaming:n.HwW,systems:n.H_J,tours:n.tBf,visibility:n.QqI};t.Z=e=>{let{eyebrow:t,headline:o,subheadline:a,items:n,background:d,columns:g=3}=e,p=(0,l.M)(d,"white");return(0,r.jsxs)("section",{className:`${p.className} relative overflow-hidden px-5 py-16 sm:px-8 sm:py-20 lg:px-20`,style:{fontFamily:"'Plus Jakarta Sans', sans-serif",...p.style},children:[!p.dark&&(0,r.jsx)("div",{className:"pointer-events-none absolute inset-x-0 top-0 h-56 bg-gradient-to-b from-gray-50 via-white/60 to-transparent"}),(0,r.jsx)("div",{className:`pointer-events-none absolute -right-28 top-24 h-80 w-80 rounded-full blur-3xl ${p.dark?"bg-red-600/10":"bg-red-100/80"}`,"aria-hidden":"true"}),(0,r.jsx)("div",{className:"pointer-events-none absolute -left-20 bottom-8 h-72 w-72 opacity-[0.12]",style:{backgroundImage:`radial-gradient(${p.dark?"#ffffff":"#DC2626"} 1.35px, transparent 1.35px)`,backgroundSize:"16px 16px",maskImage:"radial-gradient(circle, black 0%, transparent 70%)",WebkitMaskImage:"radial-gradient(circle, black 0%, transparent 70%)"},"aria-hidden":"true"}),(0,r.jsxs)("div",{className:"relative mx-auto max-w-screen-xl",children:[(0,r.jsx)(i.Z,{eyebrow:t,headline:o,subheadline:a,light:p.dark}),(0,r.jsx)("div",{className:`mx-auto mt-8 h-px w-24 border-t border-dashed ${p.dark?"border-white/20":"border-red-200"}`,"aria-hidden":"true"}),(0,r.jsx)("div",{className:`mt-12 grid gap-6 ${2===g?"sm:grid-cols-2":4===g?"sm:grid-cols-2 lg:grid-cols-4":"sm:grid-cols-2 lg:grid-cols-3"}`,children:n.map((e,t)=>{let o=e.icon,a=o?c[o]:null,n=String(t+1).padStart(2,"0"),i=(0,r.jsxs)("div",{className:"group relative flex h-full min-h-[270px] flex-col overflow-hidden rounded-[8px] border border-gray-200 bg-white p-6 shadow-[0_18px_46px_rgba(15,23,42,0.08)] transition-all duration-300 hover:-translate-y-1.5 hover:border-red-200 hover:shadow-[0_28px_65px_rgba(15,23,42,0.14)] sm:p-7",children:[(0,r.jsx)("div",{className:"pointer-events-none absolute inset-x-0 top-0 h-28 bg-gradient-to-br from-red-50 via-white to-gray-50"}),(0,r.jsx)("div",{className:"pointer-events-none absolute right-0 top-0 h-24 w-24 translate-x-8 -translate-y-8 rounded-full bg-red-100/70 transition-transform duration-300 group-hover:scale-125"}),(0,r.jsx)("div",{className:"pointer-events-none absolute inset-x-0 top-0 h-[4px] origin-left scale-x-0 bg-red-600 transition-transform duration-300 group-hover:scale-x-100"}),(0,r.jsxs)("div",{className:"relative z-[1] mb-6 flex items-start justify-between gap-4",children:[(0,r.jsx)("div",{className:"flex h-16 w-16 items-center justify-center rounded-[8px] border border-red-100 bg-white text-red-600 shadow-[0_14px_28px_rgba(220,38,38,0.12)] transition-all duration-300 group-hover:-translate-y-1 group-hover:border-red-600 group-hover:bg-red-600 group-hover:text-white group-hover:shadow-[0_18px_34px_rgba(220,38,38,0.24)]",children:a?(0,r.jsx)(a,{className:"h-7 w-7","aria-hidden":"true"}):(0,r.jsx)("svg",{className:"h-7 w-7",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2.5,children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M5 13l4 4L19 7"})})}),(0,r.jsx)("span",{"aria-hidden":"true",className:"inline-flex h-8 min-w-9 items-center justify-center rounded-full border border-gray-200 bg-white/90 font-mono text-[11px] font-bold tracking-widest text-gray-400 shadow-sm transition-colors duration-300 group-hover:border-red-100 group-hover:text-red-600",children:n})]}),(0,r.jsx)("h3",{className:"relative z-[1] text-lg font-extrabold leading-tight text-gray-950",children:e.title}),(0,r.jsx)("p",{className:"relative z-[1] mt-3 text-sm font-medium leading-7 text-gray-600",children:e.description}),e.href&&(0,r.jsxs)("span",{className:"relative z-[1] mt-auto inline-flex w-fit items-center gap-2 border-t border-gray-100 pt-5 text-sm font-extrabold text-gray-950 transition-all duration-200 group-hover:gap-3 group-hover:text-red-600",children:["Learn more",(0,r.jsx)("svg",{"aria-hidden":"true",viewBox:"0 0 20 20",className:"h-4 w-4",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:(0,r.jsx)("path",{d:"M5 10h10M11 6l4 4-4 4"})})]})]});return e.href?(0,r.jsx)(s(),{href:e.href,className:"block h-full",children:i},t):(0,r.jsx)("div",{children:i},t)})})]})]})}},1263:function(e,t,o){var r=o(5893);o(7294);var a=o(6345),s=o(3387);t.Z=e=>{let{eyebrow:t,headline:o,subheadline:n,steps:i,background:l}=e,c=(0,s.M)(l,"white"),d=c.dark?"border-white/10 bg-white/[0.06] text-white shadow-[0_22px_55px_rgba(0,0,0,0.22)]":"border-gray-200 bg-white text-gray-950 shadow-[0_18px_45px_rgba(15,23,42,0.08)]",g=c.dark?"text-white/72":"text-gray-600";return(0,r.jsxs)("section",{className:`${c.className} relative overflow-hidden py-16 px-5 sm:px-8 sm:py-20 lg:px-20`,style:c.style,children:[!c.dark&&(0,r.jsx)("div",{className:"pointer-events-none absolute inset-x-0 top-0 h-40 bg-gradient-to-b from-red-50/70 to-transparent"}),(0,r.jsx)("div",{className:`pointer-events-none absolute -right-24 top-16 h-72 w-72 rounded-full blur-3xl ${c.dark?"bg-red-600/10":"bg-red-100/80"}`,"aria-hidden":"true"}),(0,r.jsxs)("div",{className:"mx-auto max-w-screen-xl",children:[(0,r.jsx)(a.Z,{eyebrow:t,headline:o,subheadline:n,light:c.dark,align:"center"}),(0,r.jsxs)("div",{className:"relative mt-12 grid gap-6 md:grid-cols-2 lg:grid-cols-4 lg:gap-5",children:[(0,r.jsx)("div",{className:`pointer-events-none absolute left-0 right-0 top-10 hidden h-px lg:block ${c.dark?"bg-gradient-to-r from-transparent via-white/20 to-transparent":"bg-gradient-to-r from-transparent via-red-200 to-transparent"}`,"aria-hidden":"true"}),i.map((e,t)=>(0,r.jsxs)("div",{className:`group relative rounded-[8px] border p-5 transition-all duration-300 hover:-translate-y-1 sm:p-6 ${d}`,style:{fontFamily:"'Plus Jakarta Sans', sans-serif"},children:[(0,r.jsxs)("div",{className:"mb-5 flex items-center justify-between gap-4",children:[(0,r.jsx)("span",{className:"relative flex h-14 w-14 flex-shrink-0 items-center justify-center rounded-[8px] bg-red-600 text-base font-extrabold text-white shadow-[0_16px_34px_rgba(220,38,38,0.28)]",children:e.step||String(t+1).padStart(2,"0")}),(0,r.jsx)("span",{className:`h-px min-w-8 flex-1 transition-colors duration-300 ${c.dark?"bg-white/12 group-hover:bg-red-400/60":"bg-gray-200 group-hover:bg-red-300"}`,"aria-hidden":"true"})]}),(0,r.jsx)("h3",{className:"text-base font-extrabold leading-snug sm:text-lg",children:e.title}),(0,r.jsx)("p",{className:`mt-3 text-sm leading-7 ${g}`,children:e.description})]},e.step))]})]})]})}},2924:function(e,t,o){var r=o(5893),a=o(5379),s=o.n(a);o(7294);var n=o(5675),i=o.n(n),l=o(6066),c=o(9715);o(9321),o(6780);var d=o(6345),g=o(3387);let normalizeTech=e=>e.toLowerCase().replace(/[^a-z0-9]/g,""),stripLeadingSymbol=e=>e.replace(/^[^A-Za-z0-9]+/,"").trim(),p={figma:"/Services/Design Software/Figma.svg",sketch:"/Services/Design Software/sketch 1.svg",adobexd:"/Services/Design Software/xd 1.svg",invision:"/Services/Design Software/invision.svg",framer:"/Pictowall Portfolio Components/framer.png",principle:"/Pictowall Portfolio Components/principle.jpg",zeplin:"/Pictowall Portfolio Components/zeplin.jpg",adobeillustrator:"/Services/Design Software/illustrator.svg",adobephotoshop:"/Services/Design Software/photoshop 1.svg",canva:"/Services/Design Software/canva.svg",meta:"/Pictowall Portfolio Components/meta logo.svg",metaads:"/Pictowall Portfolio Components/meta logo.svg",metasuite:"/Pictowall Portfolio Components/meta logo.svg",metabusinesssuite:"/Pictowall Portfolio Components/meta logo.svg",chatgpt:"/Pictowall Portfolio Components/chatgpt-logo-png_seeklogo-465219.png",openaischatgpt:"/Pictowall Portfolio Components/chatgpt-logo-png_seeklogo-465219.png",ubersuggest:"/Pictowall Portfolio Components/ubersuggestlogo.png",ahref:"/Pictowall Portfolio Components/

1ahref logo.png",ahrefs:"/Pictowall Portfolio Components/ahref logo.png",gsc:"/Pictowall Portfolio Components/GSC.png",googlesearchconsole:"/Pictowall Portfolio Components/GSC.png",searchconsole:"/Pictowall Portfolio Components/GSC.png",googlemerchantcenter:"/Pictowall Portfolio Components/GSC.png",merchantcenter:"/Pictowall Portfolio Components/GSC.png",schema:"/Pictowall Portfolio Components/schema.png",schemamarkup:"/Pictowall Portfolio Components/schema.png",structureddata:"/Pictowall Portfolio Components/schema.png",linkedin:"/Pictowall Portfolio Components/linkedin.png",linkedinads:"/Pictowall Portfolio Components/linkedin.png"},h={react:{icon:c.QHr,color:"#61DAFB"},reactjs:{icon:c.QHr,color:"#61DAFB"},reactnative:{icon:c.QHr,color:"#61DAFB"},redux:{icon:c.PoL,color:"#764ABC"},reduxtoolkit:{icon:c.PoL,color:"#764ABC"},typescript:{icon:c.WZi,color:"#3178C6"},javascript:{icon:c.vl3,color:"#F7DF1E"},html:{icon:c.PSn,color:"#E34F26"},html5:{icon:c.PSn,color:"#E34F26"},css:{icon:c.gP,color:"#1572B6"},css3:{icon:c.gP,color:"#1572B6"},nextjs:{icon:c.Xou,color:"#111827"},nodejs:{icon:c.uds,color:"#5FA04E"},express:{icon:c.AmJ,color:"#111827"},mongodb:{icon:c.t$b,color:"#47A248"},firebase:{icon:c.xEg,color:"#FFCA28"},flutter:{icon:c.Bq1,color:"#02569B"},dart:{icon:c.nB2,color:"#0175C2"},swift:{icon:c.dk6,color:"#F05138"},kotlin:{icon:c.adW,color:"#7F52FF"},android:{icon:c.Dj2,color:"#3DDC84"},ios:{icon:c.E3w,color:"#111827"},laravel:{icon:c.vn6,color:"#FF2D20"},php:{icon:c.sfN,color:"#777BB4"},wordpress:{icon:c.V0l,color:"#21759B"},shopify:{icon:c.FQ9,color:"#7AB55C"},figma:{icon:c.q0x,color:"#F24E1E"},tailwindcss:{icon:c.YnA,color:"#06B6D4"},mysql:{icon:c.uJt,color:"#4479A1"},postgresql:{icon:c.u4B,color:"#4169E1"},graphql:{icon:c.dMV,color:"#E10098"},docker:{icon:c.VIR,color:"#2496ED"},openai:{icon:c.Cp6,color:"#111827"},ai:{icon:c.Cp6,color:"#111827"},googleads:{icon:c.Ot5,color:"#4285F4"},metaads:{icon:c.dTI,color:"#0866FF"},ga4:{icon:c.ybr,color:"#E37400"},googleanalytics:{icon:c.ybr,color:"#E37400"},gtm:{icon:c.ffL,color:"#246FDB"},googletagmanager:{icon:c.ffL,color:"#246FDB"},semrush:{icon:c.ERO,color:"#FF642D"},hubspot:{icon:c.Ksu,color:"#FF7A59"}};t.Z=e=>{let{eyebrow:t,headline:o,subheadline:a,items:n,background:c,variant:x="icons"}=e,m=(0,g.M)(c,"light"),u=Math.min(n.length,6),b=n.length>2,f={dots:!1,arrows:!1,infinite:b,autoplay:b,autoplaySpeed:0,speed:4200,slidesToShow:u,slidesToScroll:1,pauseOnHover:!1,swipeToSlide:!0,cssEase:"linear",responsive:[{breakpoint:1280,settings:{slidesToShow:Math.min(n.length,5)}},{breakpoint:1024,settings:{slidesToShow:Math.min(n.length,4)}},{breakpoint:768,settings:{slidesToShow:Math.min(n.length,3)}},{breakpoint:480,settings:{slidesToShow:Math.min(n.length,2)}}]};return(0,r.jsxs)("section",{style:m.style,className:`jsx-ce4e91729be69d81 ${m.className} relative overflow-hidden px-5 py-10 sm:px-8 sm:py-12 lg:px-20`,children:[(0,r.jsx)("div",{"aria-hidden":"true",className:"jsx-ce4e91729be69d81 pointer-events-none absolute -top-24 left-1/4 h-72 w-72 rounded-full bg-red-500/5 blur-3xl"}),(0,r.jsx)("div",{"aria-hidden":"true",className:"jsx-ce4e91729be69d81 pointer-events-none absolute -bottom-24 right-1/4 h-72 w-72 rounded-full bg-red-500/5 blur-3xl"}),(0,r.jsxs)("div",{className:"jsx-ce4e91729be69d81 relative mx-auto max-w-screen-xl text-center",children:[(0,r.jsx)(d.Z,{eyebrow:t,headline:o,subheadline:a,align:"center",light:m.dark}),(0,r.jsxs)("div",{className:"jsx-ce4e91729be69d81 tech-stack-slider relative mt-7",children:[(0,r.jsx)(l.Z,{...f,children:n.map(e=>{let t=normalizeTech(e),o="icons"===x?p[t]:void 0,a="icons"===x?h[t]:void 0,s=a?.icon,n=a?.color??"#EF4444";return(0,r.jsx)("div",{className:"jsx-ce4e91729be69d81 px-2.5 py-2",children:"cards"===x?(0,r.jsxs)("div",{style:{fontFamily:"'Plus Jakarta Sans', sans-serif"},className:"jsx-ce4e91729be69d81 group relative mx-auto flex min-h-[120px] w-52 flex-col items-center justify-center gap-2 rounded-2xl border border-gray-200/80 bg-white px-6 py-6 text-center shadow-[0_1px_2px_rgba(15,23,42,0.04)] transition-all duration-300 ease-out hover:-translate-y-1.5 hover:border-red-200 hover:shadow-[0_20px_40px_-16px_rgba(239,68,68,0.25)]",children:[(0,r.jsx)("span",{className:"jsx-ce4e91729be69d81 absolute inset-x-6 top-0 h-[3px] origin-center scale-x-50 rounded-b-full bg-gradient-to-r from-red-400 via-red-500 to-rose-500 opacity-70 transition-all duration-300 group-hover:scale-x-100 group-hover:opacity-100"}),(0,r.jsx)("span",{className:"jsx-ce4e91729be69d81 text-base font-extrabold leading-snug text-gray-900",children:stripLeadingSymbol(e)})]}):(0,r.jsxs)("div",{style:{fontFamily:"'Plus Jakarta Sans', sans-serif"},className:"jsx-ce4e91729be69d81 group mx-auto flex w-32 flex-col items-center gap-2.5",children:[(0,r.jsxs)("span",{style:{"--accent":n},className:"jsx-ce4e91729be69d81 relative flex h-20 w-20 items-center justify-center rounded-2xl border border-gray-200/80 bg-white shadow-[0_1px_3px_rgba(15,23,42,0.06)] transition-all duration-300 ease-out group-hover:-translate-y-1.5 group-hover:scale-105 group-hover:shadow-[0_16px_32px_-12px_rgba(239,68,68,0.35)]",children:[(0,r.jsx)("span",{style:{background:`radial-gradient(circle at 50% 30%, ${n}22, transparent 70%)`},className:"jsx-ce4e91729be69d81 pointer-events-none absolute inset-0 rounded-2xl opacity-0 transition-opacity duration-300 group-hover:opacity-100"}),o?(0,r.jsx)(i(),{src:o,alt:"",width:56,height:56,className:"relative h-14 w-14 object-contain transition-transform duration-300 group-hover:scale-110","aria-hidden":"true"}):s?(0,r.jsx)(s,{style:{color:n},"aria-hidden":"true",className:"jsx-ce4e91729be69d81 relative h-14 w-14 transition-transform duration-300 group-hover:scale-110"}):(0,r.jsx)("span",{className:"jsx-ce4e91729be69d81 relative text-base font-extrabold text-red-600",children:e.trim().slice(0,2).toUpperCase()})]}),(0,r.jsx)("span",{className:`jsx-ce4e91729be69d81 text-xs font-bold leading-snug transition-colors duration-300 ${m.dark?"text-white/70 group-hover:text-white":"text-gray-500 group-hover:text-gray-900"}`,children:e})]})},e)})}),(0,r.jsx)("div",{"aria-hidden":"true",style:{background:`linear-gradient(to right, ${m.dar

1k?"rgba(17,24,39,1)":"rgba(255,255,255,1)"}, transparent)`},className:"jsx-ce4e91729be69d81 tech-fade-left pointer-events-none absolute inset-y-0 left-0 w-12 sm:w-20"}),(0,r.jsx)("div",{"aria-hidden":"true",style:{background:`linear-gradient(to left, ${m.dark?"rgba(17,24,39,1)":"rgba(255,255,255,1)"}, transparent)`},className:"jsx-ce4e91729be69d81 tech-fade-right pointer-events-none absolute inset-y-0 right-0 w-12 sm:w-20"})]})]}),(0,r.jsx)(s(),{id:"ce4e91729be69d81",children:".tech-stack-slider .slick-track{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.tech-stack-slider .slick-slide{text-align:center}.tech-stack-slider .slick-slide:focus-within span,.tech-stack-slider .slick-slide:focus-within div{outline:none}.tech-stack-slider a:focus-visible,.tech-stack-slider button:focus-visible{outline:2px solid#ef4444;outline-offset:2px}@media(prefers-reduced-motion:reduce){.tech-stack-slider *{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;transition:none!important;-webkit-animation:none!important;-moz-animation:none!important;-o-animation:none!important;animation:none!important}}"})]})}},3387:function(e,t,o){o.d(t,{M:function(){return resolveSectionBg}});let r={white:{className:"bg-white",dark:!1},light:{className:"bg-[#F1F3F5]",dark:!1},dark:{className:"bg-[#0B0F1A]",dark:!0}};function resolveSectionBg(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"white";if(!e)return r[t];if("string"==typeof e)return r[e]||r[t];if("color"===e.kind&&e.color)return{className:"",style:{backgroundColor:e.color},dark:!!e.lightText};if("gradient"===e.kind&&(e.gradientFrom||e.gradientTo)){let t=e.gradientFrom||e.gradientTo||"#ffffff",o=e.gradientTo||e.gradientFrom||"#ffffff",r="number"==typeof e.gradientAngle?e.gradientAngle:135;return{className:"",style:{backgroundImage:`linear-gradient(${r}deg, ${t}, ${o})`},dark:!!e.lightText}}return r[e.preset||t]||r[t]}}}]);