(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7054],{7133:function(e,s,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/services",function(){return n(107)}])},5795:function(e,s,n){"use strict";var i=n(2729),r=n(8767),t=n(108),a=n(4756);function l(){let e=(0,i._)(['\n      query (\n        $lng: LanguageCodeFilterEnum!\n        $parentServices: [String]!\n        $length: Int!\n      ) {\n        featuredProjects: projects(\n          first: $length\n          where: {\n            orderby: { field: RELEASE_DATE, order: DESC }\n            language: $lng\n            highlighted: true\n            industryIn: "','"\n            projectTypeIn: "','"\n          }\n        ) {\n          edges {\n            node {\n              slug\n              id\n              project {\n                shortTitle\n                projectType\n                teaserImage {\n                  altText\n                  sourceUrl(size: _2048X2048)\n                }\n                heroImage {\n                  altText\n                  sourceUrl(size: MEDIUM)\n                }\n                clients {\n                  ... on Client {\n                    title\n                  }\n                }\n                url\n                releaseDate\n                highlighted\n              }\n              services(where: { slug: $parentServices }) {\n                edges {\n                  node {\n                    name\n                    slug\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n    ']);return l=function(){return e},e}let c=async(e,s,n)=>{var i,r;let c="FR"===e?a.N4.fr:a.N4.en,{featuredProjects:d}=await (0,t.WY)("https://content-staging.antistatique.net/wp/graphql",(0,t.Ps)(l(),null!==(i=n.industry)&&void 0!==i?i:"",null!==(r=n.type)&&void 0!==r?r:""),{lng:e,parentServices:c,length:s});return null==d?void 0:d.edges};s.Z=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:a.In,s=arguments.length>1&&void 0!==arguments[1]?arguments[1]:8,n=arguments.length>2?arguments[2]:void 0;return(0,r.useQuery)("listing_projects"+e+JSON.stringify(n),()=>c(e,s,n),{keepPreviousData:!0})}},107:function(e,s,n){"use strict";n.r(s),n.d(s,{__N_SSG:function(){return q},default:function(){return L}});var i=n(5893),r=n(7294),t=n(653),a=n(7421),l=n(512),c=n(1664),d=n.n(c),o=n(1163),m=n(6182),p=n(3025),g=n(2571),h=n(569),x=n(5459),u=e=>{let{number:s,title:n,description:r}=e;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)("div",{className:"flex items-center mb-3 md:mb-5 md:flex-row gap-1.5 md:gap-2.5",children:[(0,i.jsx)("span",{className:"w-5 h-5 text-white rounded-full md:w-[1.6rem] md:h-[1.6rem] grid place-content-center bg-core-500 text-[16px] md:text-[20px] font-rebond",children:s}),(0,i.jsx)("h3",{className:"h-xl",children:n})]}),(0,i.jsx)("p",{children:r})]})},v=n(6777),j=n(6393),b=n(9575),f=()=>{let e={type:"spring",stiffness:40,damping:4};return(0,i.jsxs)(j.E.div,{initial:{rotate:"8deg",opacity:0,x:20},animate:{rotate:"0deg",opacity:1,x:0},transition:{type:"spring",delay:.4,opacity:{duration:.5,type:"tween"}},className:"relative w-64 pt-3 mx-auto pl-11 pr-9 h-fit shrink-0 max-xl:hidden origin-bottom",children:[(0,i.jsx)(j.E.img,{initial:{rotate:"10deg"},animate:{rotate:"0deg"},onMouseEnter:e=>{(0,b.j)(e.target,{rotate:"4deg"},{type:"spring"})},onMouseLeave:e=>{(0,b.j)(e.target,{rotate:"0deg"},{type:"spring"})},transition:{...e,delay:.4},src:"/img/services/globe-man-arm-left.png",className:"absolute top-0 left-0 w-auto h-28 origin-bottom-right -z-10",alt:""}),(0,i.jsx)("img",{src:"/img/services/globe-man-body.png",alt:""}),(0,i.jsx)(j.E.img,{initial:{rotate:"14deg"},animate:{rotate:"0deg"},onMouseEnter:e=>{(0,b.j)(e.target,{rotate:"-4deg"},{type:"spring"})},onMouseLeave:e=>{(0,b.j)(e.target,{rotate:"0deg"},{type:"spring"})},transition:{...e,delay:.6},src:"/img/services/globe-man-arm-right.png",className:"absolute top-0 right-0 w-auto h-28 origin-bottom-left",alt:""})]})},N=n(2252),w=n(5372),y=n(7762),_=n(5135),Z=n(2682),E=n(4858),S=n(4756),$=n(5795),k=n(2729),C=n(8767),I=n(108),U=n(2079);function z(){let e=(0,k._)(["\n      query (\n        $length: Int!\n        $lang: LanguageCodeFilterEnum!\n        $parentServices: [String]!\n      ) {\n        services(\n          first: $length\n          where: { language: $lang, slug: $parentServices }\n        ) {\n          edges {\n            node {\n              name\n              slug\n              id\n              description\n              fields {\n                examples {\n                  example\n                }\n                link\n              }\n              children {\n                nodes {\n                  name\n                  id\n                }\n              }\n            }\n          }\n        }\n      }\n    "]);return z=function(){return e},e}let F=async(e,s)=>{let n="FR"===s?S.N4.fr:S.N4.en,{services:i}=await (0,I.WY)("https://content-staging.antistatique.net/wp/graphql",(0,I.Ps)(z()),{length:e,lang:s,parentServices:n});return(0,U.Xo)(i)};var P=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1e3,s=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"FR";return(0,C.useQuery)("services"+s,()=>F(e,s))},T=n(6314),q=!0,L=()=>{let{width:e}=(0,T.Z)(),{t:s}=(0,a.$G)(),{locale:n}=(0,o.useRouter)(),{data:c,isLoading:j}=(0,$.Z)(null==n?void 0:n.toUpperCase(),2,{industry:"",type:""}),{data:b,isLoading:k}=P(void 0,null==n?void 0:n.toUpperCase()),C=(null==n?void 0:n.toUpperCase())===S.In?S.N4.fr:S.N4.en,I=[{path:"/img/services/services-strategy.jpg",alt:"2 coll\xe8gues en plein travail"},{path:"/img/services/services-branding.jpg",alt:"Une mosa\xefque d'inspiration design"},{path:"/img/services/services-design.jpg",alt:"Une place de travail bien organis\xe9e"},{path:"/img/services/services-development.jpg",alt:"S\xe9bastien en pleine s\xe9ance de coding"},{path:"/img/services/services-project.jpg",alt:"Susana et Sasha en train de discuter d'une timeline"}];return(0,i.jsxs)(w.Z,{children:[(0,i.jsx)(E.Z,{title:s("seo.services_title"),description:s("seo.services_description")}),(0,i.jsxs)(x.Z,{children:[(0,i.jsxs)("div",{className:"flex items-center mb-12 md:mb-36",children:[(0,i.jsx)(_.Z,{className:"!mb-0",children:s("services.title").split("<br />").map((e,s)=>(0,i.jsx)(r.Fragment,{children:(0,t.ZP)(e)},e+s))}),(0,i.jsx)(f,{})]}),!k&&!(0,m.Z)(b)&&(0,i.jsx)("div",{id:"sectionServices",className:"mb-12 md:mb-28",children:Array.from([,,,,,],(e,n)=>b.filter(e=>e.slug===C[n]).map(e=>(0,i.jsxs)("div",{className:"py-8 grid grid-cols-1 gap-6 max-md:first:pt-4 max-md:last:pb-4 md:border-t md:last:border-b md:grid-cols-3",children:[(0,i.jsx)(v.Z,{src:I[n].path,alt:I[n].alt,className:"aspect-w-3 aspect-h-2",layout:"fill",sizes:"(min-width: 1700px) 496px, (min-width: 780px) calc(30.33vw - 14px), calc(100vw - 24px)",priority:!0}),(0,i.jsxs)("div",{className:"flex flex-col md:col-span-2",children:[(0,i.jsxs)("h2",{className:"flex items-center mb-6 gap-2 md:mb-7 h-3xl md:h-2xl",children:[(0,i.jsx)("span",{className:"relative w-6 h-6 font-semibold text-white rounded-full grid md:w-8 md:h-8 md:top-px place-content-center bg-core-500 p-base md:h-lg font-rebond",children:n+1}),(0,i.jsx)("span",{children:e.name})]}),(0,i.jsxs)("div",{className:"grid grid-cols-1 md:grid-cols-8 md:gap-6",children:[(0,i.jsx)("p",{className:(0,l.Z)("md:col-span-5 lg:col-span-4 mb-6",!(0,m.Z)(e.fields.link&&"md:mb-8")),children:(0,t.ZP)(e.description)}),!(0,m.Z)(e.fields.examples)&&(0,i.jsx)("div",{className:"md:col-span-3 md:col-start-6",children:(0,i.jsx)("ul",{className:"list-disc",children:e.fields.examples.map(s=>{let{example:n}=s,r=n.match(/(.+?) \((\/.+?)\)/);return(0,i.jsx)("li",{className:"ml-6",children:r?(0,i.jsx)(y.Z,{href:r[2],children:r[1]}):n},"".concat(e.name,"-").concat(n))})})})]}),!(0,m.Z)(e.fields.link)&&(0,i.jsxs)(h.Z,{href:e.fields.link,as:d(),size:"sm",colorScheme:"outline",className:"group max-md:mt-6",children:[(0,i.jsx)("span",{children:s("services.read_more")}),(0,i.jsx)("span",{className:"overflow-hidden",children:(0,i.jsx)(N.Z,{name:"arrowRight",className:"relative w-4 h-4 ease-out group-hover:animate-slide-right top-px"})})]})]})]},e.id)))}),(0,i.jsxs)("div",{children:[(0,i.jsx)("div",{className:"mb-10 sm:mb-12 md:mb-14",children:(0,i.jsxs)("div",{className:"mt-7 md:mt-0",children:[(0,i.jsx)("h2",{className:"mb-4 h-4xl md:mb-7",children:s("agency.process.title")}),(0,i.jsx)("p",{className:"p-xl lg:w-2/3",children:s("agency.process.description")})]})}),(0,i.jsxs)("div",{className:"mb-16 grid md:grid-cols-2 xl:grid-cols-3 gap-y-8 md:gap-x-6 md:gap-y-12 md:mb-36",children:[(0,i.jsx)("div",{className:"order-2 xl:order-1",children:(0,i.jsx)(u,{number:1,title:s("agency.process.understand.title"),description:s("agency.process.understand.description")})}),(0,i.jsx)("div",{className:"order-7 md:order-1 xl:order-2 xl:col-span-2 xl:row-span-2 max-sm:mt-6",children:(0,i.jsxs)("div",{className:"relative h-full grid grid-cols-2 gap-3 xl:gap-6",children:[(0,i.jsx)(v.Z,{className:"md:aspect-h-1 md:aspect-w-1",src:"/img/services/services-experience.jpg",alt:"Franck en train de d\xe9boguer un site web.",layout:"fill",sizes:"(min-width: 1700px) 496px, (min-width: 1280px) calc(26.75vw + 47px), (min-width: 780px) calc(25vw - 28px), calc(100vw - 24px)"}),(0,i.jsx)(v.Z,{className:"md:aspect-h-1 md:aspect-w-1",src:"/img/services/services-process.jpg",alt:"Une \xe9tag\xe8re pleine de livres et de jouets pour assurer notre veille.",layout:"fill",sizes:"(min-width: 1700px) 496px, (min-width: 1280px) calc(26.75vw + 47px), (min-width: 780px) calc(25vw - 28px), calc(100vw - 24px)"})]})}),(0,i.jsx)("div",{className:"order-3",children:(0,i.jsx)(u,{number:2,title:s("agency.process.tell.title"),description:s("agency.process.tell.description")})}),(0,i.jsx)("div",{className:"order-4",children:(0,i.jsx)(u,{number:3,title:s("agency.process.build.title"),description:s("agency.process.build.description")})}),(0,i.jsx)("div",{className:"order-5",children:(0,i.jsx)(u,{number:4,title:s("agency.process.share.title"),description:s("agency.process.share.description")})}),(0,i.jsx)("div",{className:"order-6",children:(0,i.jsx)(u,{number:5,title:s("agency.process.measure.title"),description:s("agency.process.measure.description")})})]})]}),(0,i.jsxs)("section",{className:"mb-16 sm:w-full md:mb-30",children:[(0,i.jsxs)("div",{className:"mb-6 md:mb-8",children:[(0,i.jsx)("h2",{className:"mb-6 md:mb-5 h-4xl",children:s("services.rewards.title")}),(0,i.jsx)("p",{className:"p-lg lg:w-2/3",children:s("services.rewards.description")})]}),(0,i.jsx)(g.Z,{})]}),!j&&!(0,m.Z)(c)&&!(0,p.Z)(c)&&(0,i.jsxs)("div",{className:"mb-16 grid grid-cols-1 gap-12 md:grid-cols-2 md:gap-6 md:mb-30",children:[(0,i.jsxs)("div",{className:"flex flex-col",children:[(0,i.jsx)("p",{className:"mb-3 md:mb-4",children:s("services.discover_projects.subtitle")}),(0,i.jsx)("h2",{className:"max-w-sm mb-6 md:mb-8 h-4xl md:h-3xl",children:s("services.discover_projects.title")}),(0,i.jsx)(h.Z,{size:e&&e>768?"lg":"md",as:d(),href:"/projets",colorScheme:"outline",children:s("services.discover_projects.cta")})]}),(0,i.jsx)("div",{className:"grid grid-cols-2 gap-3",children:c.map(e=>{let{node:s}=e;return(0,i.jsx)("div",{children:(0,i.jsx)(Z.Z,{href:"/projets/".concat(s.slug),node:s})},"featured-project-".concat(s.id))})})]})]})]})}}},function(e){e.O(0,[6393,9413,5675,5372,4904,2888,9774,179],function(){return e(e.s=7133)}),_N_E=e.O()}]);