https://www.integramagna.com/_next/static/chunks/6945.b152537b493179f0.js?dpl=dpl_FHc4YazXTVCYZZnpMM25vNBVLFrb

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6945],{9680:e=>{e.exports={main:"LatestServicesMobile_main__YklQP",list:"LatestServicesMobile_list__GqAum",serviceBlock:"LatestServicesMobile_serviceBlock__ovU1S",card:"LatestServicesMobile_card__viAuL",heading:"LatestServicesMobile_heading__uhm88",itemsList:"LatestServicesMobile_itemsList__hhsZT",itemBlock:"LatestServicesMobile_itemBlock__8B1US",itemTitle:"LatestServicesMobile_itemTitle___4G3M",itemDesc:"LatestServicesMobile_itemDesc__1Xk0V",cardLight:"LatestServicesMobile_cardLight__BXTlF",cta:"LatestServicesMobile_cta__R7Gxt",ctaText:"LatestServicesMobile_ctaText__HwINQ",ctaArrow:"LatestServicesMobile_ctaArrow__YbFAj"}},70574:e=>{e.exports={main:"LatestServices_main__Vf17q",mainContainer:"LatestServices_mainContainer__WL7hZ",left:"LatestServices_left__Z7LGt",tags:"LatestServices_tags__bWfgS",tag:"LatestServices_tag__5HJ7a",bottomGroup:"LatestServices_bottomGroup__9D3S0",cta:"LatestServices_cta__5QOrC",ctaText:"LatestServices_ctaText__tPOB5",ctaArrow:"LatestServices_ctaArrow__XYNIJ",descWrap:"LatestServices_descWrap__GGLlq",desc:"LatestServices_desc__vTD3i",right:"LatestServices_right__VItof",cardTrack:"LatestServices_cardTrack__B24wY",card:"LatestServices_card__u_sJq",cardLight:"LatestServices_cardLight__vuwGr",itemBlock:"LatestServices_itemBlock__U0LeT",itemTitle:"LatestServices_itemTitle__pYFnK",itemDesc:"LatestServices_itemDesc___nxTd"}},96945:(e,t,i)=>{"use strict";i.r(t),i.d(t,{default:()=>x});var a=i(9891),s=i(20515),r=i(53290),n=i(44857),c=i(80273),l=i(70574),o=i.n(l),d=i(81722);let g=[{key:"branding",title:"Branding",light:!1,gradient:"radial-gradient(circle at 0% 100%, rgba(253,114,152,0.22) 0%, rgba(253,114,152,0.1) 18%, transparent 38%), radial-gradient(circle at 100% 100%, rgba(253,114,152,0.42) 0%, rgba(253,114,152,0.18) 24%, rgba(6,1,2,0.92) 48%, #000000 72%), radial-gradient(circle at 0% 0%, rgba(253,114,152,0.08) 0%, transparent 28%), #000000",items:[{title:"Brand Strategy",desc:"Positioning, messaging & market clarity"},{title:"Brand Identity",desc:"Logos, visual systems & guidelines"},{title:"Packaging Design",desc:"Packaging that stands out on shelves"},{title:"Investor & Sales Decks",desc:"Presentations that inspire confidence"},{title:"Rebranding",desc:"Evolving brands for what's next"}],description:"Brands are built long before they're designed. We uncover what makes your business different, then translate it into a distinctive identity that earns trust, creates recognition, and grows with your business."},{key:"experience",title:"Experience",light:!1,gradient:"radial-gradient(circle at 0% 100%, rgba(0,121,52,0.22) 0%, rgba(0,121,52,0.1) 18%, transparent 38%), radial-gradient(circle at 100% 100%, rgba(0,121,52,0.42) 0%, rgba(0,121,52,0.18) 24%, rgba(6,1,2,0.92) 48%, #000000 72%), radial-gradient(circle at 0% 0%, rgba(0,121,52,0.08) 0%, transparent 28%), #000000",items:[{title:"UI / UX Design",desc:"Mobile & Web interface"},{title:"Website Design",desc:"Beautiful interfaces built to convert"},{title:"Product Design",desc:"Seamless digital experiences from idea to launch"},{title:"Visual Communication",desc:"Marketing, print & digital assets"},{title:"Motion Design",desc:"Stories that move through animation"}],description:"Great design isn't decoration, it's communication. Every screen, interaction, and visual we create is designed to simplify complexity, strengthen your brand, and create memorable customer experiences."},{key:"development",title:"Development",light:!1,gradient:"radial-gradient(circle at 0% 100%, rgba(252,182,0,0.22) 0%, rgba(252,182,0,0.1) 18%, transparent 38%), radial-gradient(circle at 100% 100%, rgba(252,182,0,0.42) 0%, rgba(252,182,0,0.18) 24%, rgba(6,1,2,0.92) 48%, #000000 72%), radial-gradient(circle at 0% 0%, rgba(252,182,0,0.08) 0%, transparent 28%), #000000",items:[{title:"Custom Websites",desc:"Fast, scalable & secure"},{title:"Landing Pages",desc:"Built for performance & conversion"},{title:"E-commerce Development",desc:"Shopping experiences that sell"},{title:"Web Applications",desc:"Tailored digital products for business"},{title:"CMS & Integrations",desc:"Easy management, powerful workflows"}],description:"Technology should accelerate your business, not slow it down. We build high-performance websites and digital products that are reliable, scalable, and engineered for long-term growth."},{key:"ai",title:"Artificial Intelligence",light:!1,gradient:"radial-gradient(circle at 0% 100%, rgba(90,72,255,0.22) 0%, rgba(90,72,255,0.1) 18%, transparent 38%), radial-gradient(circle at 100% 100%, rgba(90,72,255,0.42) 0%, rgba(90,72,255,0.18) 24%, rgba(6,1,2,0.92) 48%, #000000 72%), radial-gradient(circle at 0% 0%, rgba(90,72,255,0.08) 0%, transparent 28%), #000000",items:[{title:"AI Product Photography",desc:"Studio-quality visuals without production"},{title:"AI Video Production",desc:"Commercials created at unprecedented speed"},{title:"AI Assistants & Chatbots",desc:"Intelligent customer conversations"},{title:"AI Presentations",desc:"Business decks powered by storytelling"},{title:"AI Workflow Automation",desc:"Smarter operations, less manual work"}],description:"AI is most powerful when it feels invisible. We integrate intelligent tools into your marketing, products, and operations to increase speed, reduce costs, and unlock new opportunities-without losing the human touch."},{key:"solutions",title:"Solutions",light:!0,gradient:"radial-gradient(circle at 0% 100%, rgba(250,117,152,0.10) 0%, rgba(250,117,152,0.05) 18%, transparent 38%), radial-gradient(circle at 100% 100%, rgba(250,117,152,0.22) 0%, rgba(250,117,152,0.10) 24%, rgba(255,255,255,0.95) 48%, #F5F5F5 72%), radial-gradient(circle at 0% 0%, rgba(250,117,152,0.05) 0%, transparent 28%), #F7F7F7",items:[{title:"Bulk Requirements",desc:"Handle large-scale design needs without compromising on quality. From recurring campaigns to high-volume creative production, we ensure fast delivery, brand consistency, and dependable execution."},{title:"White label",desc:"Offer more to your clients while we stay invisible. Our white-label design support enables agencies to scale confidently with expert creatives working entirely under your brand."},{title:"Team Extension",desc:"Scale your team instantly with dedicated design professionals. We integrate into your workflow, collaborate with your team, and deliver as if we're part of your in-house creative department."}],description:"Flexible creative support that scales with your needs, from bulk production to white-label partnerships and dedicated team extensions."}];r.gsap.registerPlugin(n.ScrollTrigger,c.L);let u="clamp(28px, 4vw, 64px)",m="clamp(18px, 2vw, 30px)",h=()=>(0,a.jsx)("svg",{width:"17",height:"17",viewBox:"0 0 17 17",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,a.jsx)("path",{d:"M1.29695 1.20618C1.31168 1.37909 1.3604 1.55332 1.44033 1.71889C1.52026 1.88446 1.62983 2.0381 1.76274 2.17101C1.89565 2.30392 2.04929 2.41348 2.21486 2.49342C2.38043 2.57335 2.55466 2.62207 2.72757 2.6368L10.7008 3.32973L0.308425 13.7221C0.0834253 13.9471 -0.

1025963 14.2693 0.00432274 14.6178C0.0346071 14.9663 0.202085 15.3125 0.469914 15.5804C0.737743 15.8482 1.08398 16.0157 1.43247 16.0459C1.78095 16.0762 2.10313 15.9668 2.32813 15.7418L12.7205 5.34943L13.4152 13.3244C13.4455 13.6735 13.6133 14.0203 13.8816 14.2886C14.1498 14.5569 14.4967 14.7247 14.8458 14.755C15.1949 14.7853 15.5176 14.6758 15.743 14.4504C15.9684 14.225 16.078 13.9022 16.0476 13.5532L15.0787 2.40389C15.064 2.23099 15.0152 2.05675 14.9353 1.89119C14.8554 1.72562 14.7458 1.57197 14.6129 1.43906C14.48 1.30615 14.3263 1.19659 14.1608 1.11666C13.9952 1.03673 13.821 0.988002 13.6481 0.973273L2.49879 0.00433618C2.32583 -0.0109928 2.15748 0.00796115 2.00339 0.0601123C1.8493 0.112262 1.71251 0.196582 1.60085 0.308239C1.48919 0.419895 1.40487 0.55669 1.35272 0.71078C1.30057 0.864868 1.28162 1.03322 1.29695 1.20618Z",fill:"#101820"})}),p=()=>{let e=(0,s.useRef)(null),t=(0,s.useRef)(null),i=(0,s.useRef)(null),n=(0,s.useRef)([]),l=(0,s.useRef)([]),p=(0,s.useRef)(null),_=(0,s.useRef)(0),[v,b]=(0,s.useState)(!1),f=(0,s.useCallback)(()=>b(!0),[]),w=(0,s.useCallback)(e=>{let t=p.current;if(!t)return;let i=e/(g.length-1),a=t.start+i*_.current,s=window.__lenis;s?s.scrollTo(a,{duration:1.5,easing:e=>1-Math.pow(1-e,3)}):window.scrollTo({top:a,behavior:"smooth"})},[]);return(0,c.L)(()=>{if(!e.current)return;r.gsap.set(n.current[0],{fontSize:u,color:"#101820"}),n.current.slice(1).forEach(e=>{e&&r.gsap.set(e,{fontSize:m,color:"#848484"})}),r.gsap.set(l.current.slice(1),{opacity:0});let a=g.length,s=(a-1+.3)*window.innerHeight;_.current=s;let c=r.gsap.timeline({scrollTrigger:{trigger:e.current,start:"top top",end:`+=${s}`,pin:!0,scrub:!0,anticipatePin:1,invalidateOnRefresh:!0,onRefresh:e=>{p.current=e}}});c.to(i.current,{y:()=>-(a-1)*(()=>{let e=t.current,a=i.current;if(!e||!a)return 0;let s=parseFloat(getComputedStyle(a).rowGap)||0;return e.offsetHeight+s})(),ease:"none",duration:a-1},0);for(let e=0;e<a-1;e++){let t=e,i=e+1,a=r.gsap.timeline({defaults:{duration:1,ease:"none"}});a.to(n.current[t],{fontSize:m,color:"#848484"},0).to(n.current[i],{fontSize:u,color:"#101820"},0),a.to(l.current[t],{opacity:0,duration:.12},.88).to(l.current[i],{opacity:1,duration:.12},.88),c.add(a,e)}},{scope:e,revertOnUpdate:!0}),(0,a.jsxs)("div",{ref:e,className:o().main,"data-dw":"ls-root",children:[(0,a.jsxs)("div",{className:o().mainContainer,children:[(0,a.jsxs)("div",{className:o().left,children:[(0,a.jsx)("div",{className:o().tags,children:g.map((e,t)=>(0,a.jsx)("h4",{ref:e=>{n.current[t]=e},className:o().tag,"data-dw":"ls-tag",onClick:()=>w(t),children:e.title},e.key))}),(0,a.jsxs)("div",{className:o().bottomGroup,children:[(0,a.jsxs)("button",{className:o().cta,"data-dw":"ls-cta",onClick:f,children:[(0,a.jsx)("span",{className:o().ctaText,"data-dw":"ls-cta-text",children:"Start a Project"}),(0,a.jsx)("span",{className:o().ctaArrow,"data-dw":"ls-cta-icon",children:(0,a.jsx)(h,{})})]}),(0,a.jsx)("div",{className:o().descWrap,children:g.map((e,t)=>(0,a.jsx)("p",{ref:e=>{l.current[t]=e},className:o().desc,"data-dw":"ls-desc",children:e.description},e.key))})]})]}),(0,a.jsx)("div",{ref:t,className:o().right,children:(0,a.jsx)("div",{ref:i,className:o().cardTrack,children:g.map(e=>(0,a.jsx)("div",{className:`${o().card} ${e.light?o().cardLight:""}`,style:{background:e.gradient},children:e.items.map((e,t)=>(0,a.jsxs)("div",{className:o().itemBlock,children:[(0,a.jsx)("h5",{className:o().itemTitle,children:e.title}),(0,a.jsx)("p",{className:o().itemDesc,children:e.desc})]},t))},e.key))})})]}),(0,a.jsx)(d.A,{isOpen:v,onClose:()=>b(!1)})]})};var _=i(9680),v=i.n(_);let b=({color:e="#101820"})=>(0,a.jsx)("svg",{width:"11",height:"11",viewBox:"0 0 11 11",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,a.jsx)("path",{d:"M0.809128 0.75362C0.818334 0.861688 0.848787 0.970583 0.898744 1.07406C0.9487 1.17754 1.01718 1.27357 1.10025 1.35664C1.18332 1.43971 1.27934 1.50818 1.38282 1.55814C1.4863 1.6081 1.5952 1.63855 1.70327 1.64776L6.68656 2.08084L0.191301 8.5761C0.0506759 8.71672 -0.0176917 8.91808 0.00123594 9.13588C0.0201646 9.35369 0.124838 9.57009 0.292231 9.73748C0.459624 9.90487 0.676025 10.0095 0.893826 10.0285C1.11163 10.0474 1.31299 9.97903 1.45361 9.83841L7.94887 3.34315L8.383 8.3275C8.40197 8.54568 8.50682 8.76245 8.6745 8.93013C8.84219 9.09782 9.05896 9.20267 9.27714 9.22163C9.49532 9.24059 9.69703 9.17211 9.8379 9.03124C9.97877 8.89037 10.0473 8.68866 10.0283 8.47048L9.42271 1.50219C9.4135 1.39412 9.38305 1.28523 9.33309 1.18175C9.28314 1.07827 9.21466 0.982239 9.13159 0.89917C9.04852 0.816101 8.95249 0.747625 8.84902 0.697668C8.74554 0.647711 8.63664 0.617257 8.52857 0.608052L1.56028 0.00246681C1.45218 -0.00711367 1.34696 0.00473229 1.25065 0.0373266C1.15435 0.06992 1.06885 0.122621 0.999067 0.192406C0.929282 

10.262191 0.876581 0.347688 0.843988 0.443994C0.811394 0.540299 0.799548 0.645519 0.809128 0.75362Z",fill:e})}),f=g.slice(0,4),w=()=>{let[e,t]=(0,s.useState)(!1);return(0,a.jsxs)("div",{className:v().main,"data-dw":"ls-root",children:[(0,a.jsx)("div",{className:v().list,children:f.map(e=>(0,a.jsx)("div",{className:v().serviceBlock,children:(0,a.jsxs)("div",{className:`${v().card} ${e.light?v().cardLight:""}`,style:{background:e.gradient},children:[(0,a.jsx)("h3",{className:v().heading,children:e.title}),(0,a.jsx)("div",{className:v().itemsList,children:e.items.map((e,t)=>(0,a.jsxs)("div",{className:v().itemBlock,children:[(0,a.jsx)("h5",{className:v().itemTitle,children:e.title}),(0,a.jsx)("p",{className:v().itemDesc,children:e.desc})]},t))}),(0,a.jsxs)("button",{className:v().cta,onClick:()=>t(!0),children:[(0,a.jsx)("span",{className:v().ctaText,children:"Start a Project"}),(0,a.jsx)("span",{className:v().ctaArrow,children:(0,a.jsx)(b,{color:"#ffffff"})})]})]})},e.key))}),(0,a.jsx)(d.A,{isOpen:e,onClose:()=>t(!1)})]})},x=()=>{let[e,t]=(0,s.useState)(!1);return(0,s.useEffect)(()=>{let e=window.matchMedia("(max-width: 1000px)");t(e.matches);let i=e=>t(e.matches);return e.addEventListener("change",i),()=>e.removeEventListener("change",i)},[]),e?(0,a.jsx)(w,{}):(0,a.jsx)(p,{})}}}]);