1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[516],{9041:function(e,t,i){i.d(t,{x:function(){return $}});var s=i(7437),n=i(2265),r=i(1031),o=i(7297),l=i(579),a=i(4501),d=i(2109);let $=e=>{let{children:t,title:i,borderTop:$,borderBottom:h,$color:m,$borderColor:c,$size:p,defaultState:j=!1,$responsive:b}=e,[g,k]=(0,n.useState)(j),u=(0,a.J)(),x=i.replace(/\s/g,"");return(0,n.useEffect)(()=>{k(j)},[j]),(0,s.jsxs)(r.RH,{$responsive:b,children:[(0,s.jsx)(l.i,{$size:"small"===p?"desk-s":"desk-m",$border:$,$borderPosition:"top",$borderColor:c||"sand20",$responsive:{tablet:{$size:"tab-xs"},mobile:{$size:"tab-xs"}}}),(0,s.jsxs)(r.K8,{onClick:()=>k(!g),$size:p,type:"button","aria-expanded":g,"aria-controls":x,as:"button",$justify:"space-between",$align:"center",children:[(0,s.jsx)(o.X,{$size:"small"===p?"desk-24":"desk-40",type:"h3",$margin:"none",$color:m||"sand",$weight:"sand"===m?"light-bold":"dark-bold",$lineHeight:"120",$align:"left",$responsive:{desktopSmall:{$size:"tab-24"}},children:i}),(0,s.jsxs)(d.E.svg,{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 23 23",animate:{rotate:g?45:0},transition:{duration:u?1:.3,ease:"backInOut"},"aria-hidden":"true",children:[(0,s.jsx)(d.E.path,{fill:m||"#DFDCD7",d:"M0 10h23v3H0z"}),(0,s.jsx)(d.E.path,{fill:m||"#DFDCD7",d:"M10 0h3v23h-3z",transition:{duration:.3,ease:"backInOut"}})]})]}),(0,s.jsx)(r.kx,{layout:!0,animate:{height:g?"auto":"0"},transition:{duration:u?2:.3,ease:"easeInOut"},id:x,"aria-hidden":!g,children:t}),(0,s.jsx)(l.i,{$size:"small"===p?"desk-s":"desk-m",$border:h,$borderColor:c||"sand20",$borderPosition:"bottom",$responsive:{tablet:{$size:"tab-xs"}}})]})}},3516:function(e,t,i){i.d(t,{WhatWeDoSection:function(){return k}});var s=i(7437),n=i(4505),r=i(3258),o=i(41),l=i(579),a=i(7297),d=i(5668),$=i(7207),h=i(63),m=i(5146),c=i(7636),p=i(9041),j=i(5621),b=i(7765),g=i(1686);let k=e=>{let{headingType:t="p"}=e;return(0,s.jsx)(n.$,{$color:"black",$name:"vad-vi-gor",children:(0,s.jsxs)(b.U,{direction:"down",duration:.6,children:[(0,s.jsx)(r.S,{mediaPosition:"right",mediaUrl:"/videos/what-we-do_video.mp4",children:(0,s.jsxs)(o.k,{$justify:"space-between",$direction:"column",$height:"full",children:[(0,s.jsxs)(o.k,{$direction:"column",children:[(0,s.jsx)(l.i,{$size:"desk-2xl",$responsive:{tablet:{$size:"tab-l"}}}),(0,s.jsx)($.Y,{$color:"sand",children:(0,s.jsx)(d.x,{type:t,$color:"sand",$size:"desk-14",$margin:"none",$weight:"light-medium",children:"Vad vi g\xf6r"})}),(0,s.jsx)(l.i,{$size:"none",$responsive:{desktopSmall:{$size:"tab-l"}}})]}),(0,s.jsxs)(h.V,{distance:[24,-24],responsive:{desktopSmall:{distance:[0,0]},tablet:{distance:[0,0]},tabletSmall:{distance:[0,0]},mobile:{distance:[0,0]},mobileSmall:{distance:[0,0]}},children:[(0,s.jsxs)(d.x,{$size:"desk-24",$color:"sand",$weight:"light-normal",$lineHeight:"150",$margin:"none",$responsive:{tablet:{$size:"tab-18"}},children:[(0,s.jsx)(g.D,{href:"/webbyra/goteborg/",className:"link",tabIndex:-1,children:"Webbyr\xe5"}),","," ",(0,s.jsx)(g.D,{href:"/digitalbyra-goteborg/",className:"link",tabIndex:-1,children:"digitalbyr\xe5"}),","," ",(0,s.jsx)(g.D,{href:"/tjanster/teknisk-strategi",className:"link",tabIndex:-1,children:"teknikpartner"}),". Oavsett vad vi kallar oss anv\xe4nder vi v\xe5ra kompetenser inom strategi, design och utveckling f\xf6r att ta fram och v\xe5rda digitala l\xf6sningar p\xe5 och omkring webben. Byggda fr\xe5n grunden, med behovsstyrda teknik- och formval, \xe4r de produkter vi tillsammans skapar, gjorda f\xf6r att v\xe4xa i, och v\xe4xa med."]}),(0,s.jsx)(l.i,{$size:"desk-xl",$responsive:{desktop:{$size:"desk-m"}}})]})]})}),(0,s.jsx)(l.i,{$size:"desk-3xl",$responsive:{tablet:{$size:"tab-l"}}}),(0,s.jsx)(m.r,{$columns:14,children:(0,s.jsxs)(m.P,{$position:{$column:[2,14]},children:[(0,s.jsx)(c.N,{direction:"up",children:(0,s.jsx)(p.x,{title:"E-handel",borderTop:!0,children:(0,s.jsxs)(m.r,{$columns:12,children:[(0,s.jsx)(m.P,{$position:{$column:[1,7]},$responsive:{tablet:{$position:{$column:[1,13]}}},children:(0,s.jsx)(d.x,{$size:"desk-20",$color:"sand",$lineHeight:"150",$weight:"light-normal",$margin:"desk-m",children:"Vi bygger skr\xe4ddarsydd, headless e-handel genom att f\xf6rena r\xe4tt komponenter f\xf6r varje projekt i en s\xf6ml\xf6s upplevelse f\xf6r b\xe5de kund och interna behov."})}),(0,s.jsx)(m.P,{$position:{$column:[1,14]},$responsive:{tablet:{$position:{$column:[1,13]}}},children:(0,s.jsx)(a.X,{type:"h4",$color:"sand50",$size:"desk-18",$margin:{bottom:"desk-s"},$weight:"dark-normal",$responsive:{desktopSmall:{$size:"tab-18"},tablet:{$size:"mob-18"}},children:"Plattformar i urval"})}),(0,s.jsx)(m.P,{$position:{$column:[1,14]},$responsive:{tablet:{$position:{$column:[1,13]}}},children:(0,s.jsx)(j.a,{$columns:3,dot:!0,list:[{title:"Centra",href:"/tjanster/centra"},{title:"Brink Commerce",href:"/tjanster/brink-commerce"},{title:"Composable/ headless commerce",href:"/tjanster/composable-commerce"},{title:"Shopify",href:"/tjanster/shopify"},{title:"WooCommerce",href:"/tjanster/woocommerce"},{title:"Adobe Magento",href:"/tjanster/magento"}]})}),(0,s.jsx)(m.P,{$position:{$column:[1,14]},$responsive:{tablet:{$position:{$column:[1,13]}}},children:(0,s.jsx)(a.X,{type:"h4",$color:"sand50",$size:"desk-18",$margin:{top:"desk-m",bottom:"desk-s"},$weight:"dark-normal",$responsive:{desktopSmall:{$size:"tab-18"},tablet:{$size:"mob-18"}},children:"Tj\xe4nster"})}),(0,s.jsx)(m.P,{$position:{$column:[1,14]},$responsive:{tablet:{$position:{$column:[1,13]}}},children:(0,s.jsx)(j.a,{$columns:3,dot:!0,list:[{title:"Digital strategi",href:"/tjanster/digital-strategi"},{title:"Teknisk strategi",href:"/tjanster/teknisk-strategi"},{title:"Varum\xe4rke",href:"/tjanster/varumarke"},{title:"Visuell identitet",href:"/tjanster/visuell-identitet"},{title:"Webbdesign",href:"/tjanster/webbdesign"},{title:"Interaktionsdesign/UX",href:"/tjanster/interaktionsdesign"},{title:"Tillg\xe4nglighet",href:"/tjanster/tillganglighet"},{title:"SEO-strategi och -optimering",href:"/tjanster/seo"},{title:"SEO-strategi och -optimering",href:"/tjanster/seo"},{title:"AI-strategi",href:"/tjanster/ai"},{title:"Internationalisering",href:"/tjanster/internationalisering"}]})}),(0,s.jsx)(m.P,{$position:{$column:[1,14]},$responsive:{tablet:{$position:{$column:[1,13]}}},children:(0,s.jsx)(a.X,{type:"h4",$color:"sand50",$size:"desk-18",$margin:{top:"desk-m",bottom:"desk-s"},$weight:"dark-normal",$responsive:{desktopSmall:{$size:"tab-18"},tablet:{$size:"mob-18"}},children:"Integrationer i urval"})}),(0,s.jsx)(m.P,{$position:{$column:[1,14]},$responsive:{tablet:{$position:{$column:[1,13]}}},children:(0,s.jsx)(j.a,{$columns:3,dot:!0,list:[{title:"Ingrid",href:"/tjanster/ingrid"},{title:"Depict",href:"/tjanster/depict"},{title:"Apsis",href:"/tjanster/apsis"},{title:"Adyen",href:"/tjanster/adyen"},{title:"Visma SPCS",href:"/tjanster/visma-spcs"},{title:"Fortnox",href:"/tjanster/fortnox"}]})}),(0,s.jsx)(l.i,{$size:"desk-xs",$responsive:{tablet:{$size:"tab-s"},mobile:{$size:"mob-s"}}})]})})}),(0,s.jsx)(c.N,{direction:"up",children:(0,s.jsx)(p.x,{title:"Webbplatser",borderTop:!0,children:(0,s.jsxs)(m.r,{$columns:12,children:[(0,s.jsx)(m.P,{$position:{$column:[1,7]},$responsive:{tablet:{$position:{$column:[1,13]}}},children:(0,s.jsx)(d.x,{$size:"desk-18",$color:"sand",$lineHeight:"150",$weight:"light-normal",children:"Vi skapar webbplatser med olika syfte och funktion, med varierande tekniker och plattformar. Men alltid med en skr\xe4ddarsydd, modul\xe4r bas â f\xf6r en digital produkt med l\xe5ng h\xe5llbarhet."})}),(0,s.jsx)(m.P,{$position:{$column:[1,14]},$responsive:{tablet:{$position:{$column:[1,13]}}},children:(0,s.jsx)(a.X,{type:"h4",$color:"sand50",$size:"desk-18",$margin:{bottom:"desk-s"},$weight:"dark-normal",$responsive:{desktopSmall:{$size:"tab-18"},tablet:{$size:"mob-18"}},children:"Tj\xe4nster"})}),(0,s.jsx)(m.P,{$position:{$column:[1,14]},$responsive:{tablet:{$position:{$column:[1,13]}}},children:(0,s.jsx)(j.a,{$columns:3,dot:!0,list:[{title:"Digital strategi",href:"/tjanster/digital-strategi"},{title:"Teknisk strategi",href:"/tjanster/teknisk-strategi"},{title:"Varum\xe4rke",href:"/tjanster/varumarke"},{title:"Visuell identitet",href:"/tjanster/visuell-identitet"},{title:"Webbdesign",href:"/tjanster/webbdesign"},{title:"Interaktionsdesign/UX",href:"/tjanster/interaktionsdesign"},{title:"Tillg\xe4nglighet",href:"/tjanster/tillganglighet"},{title:"SEO-strategi och -optimering",href:"/tjanster/seo"},{title:"AI-strategi",href:"/tjanster/ai"},{title:"Internationalisering",href:"/tjanster/internationalisering"}]})}),(0,s.jsx)(m.P,{$position:{$column:[1,14]},$responsive:{tablet:{$position:{$column:[1,13]}}},children:(0,s.jsx)(a.X,{type:"h4",$color:"sand50",$size:"desk-18",$margin:{top:"desk-m",bottom:"desk-s"},$weight:"dark-normal",$responsive:{desktopSmall:{$size:"tab-18"},tablet:{$size:"mob-18"}},children:"Plattformar i urval"})}),(0,s.jsx)(m.P,{$position:{$column:[1,14]},$responsive:{tablet:{$position:{$column:[1,13]}}},children:(0,s.jsx)(j.a,{$columns:3,dot:!0,list:[{title:"Storyblok",href:"/tjanster/storyblok"},{title:"Sanity",href:"/tjanster/sanity"},{title:"Contentful",href:"/tjanster/contentful"},{title:"WordPress",href:"/tjanster/wordpress"},{title:"Optimizely",href:"/tjanster/optimizely"},{title:"Umbraco",href:"/tjanster/umbraco"}]})}),(0,s.jsx)(m.P,{$position:{$column:[1,14]},$responsive:{tablet:{$position:{$column:[1,13]}}},children:(0,s.jsx)(a.X,{type:"h4",$color:"sand50",$size:"desk-18",$margin:{top:"desk-m",bottom:"desk-s"},$weight:"dark-normal",$responsive:{desktopSmall:{$size:"tab-18"},tablet:{$size:"mob-18"}},children:"Integrationer i urval"})}),(0,s.jsx)(m.P,{$position:{$column:[1,14]},$responsive:{tablet:{$position:{$column:[1,13]}}},children:(0,s.jsx)(j.a,{$columns:3,dot:!0,list:[{title:"Matomo",href:"/tjanster/matomo"},{title:"Cookiebot",href:"/tjanster/cookiebot"},{title:"Apsis",href:"/tjanster/apsis"},{title:"Mailchimp",href:"/tjanster/mailchimp"},{title:"MarketHype",href:"/tjanster/markethype"},{title:"Triggerbee",href:"/tjanster/triggerbee"}]})}),(0,s.jsx)(l.i,{$size:"desk-xs",$responsive:{tablet:{$size:"tab-s"},mobile:{$size:"mob-s"}}})]})})}),(0,s.jsx)(c.N,{direction:"up",children:(0,s.jsx)(p.x,{title:"Digitala produkter",borderTop:!0,borderBottom:!0,children:(0,s.jsxs)(m.r,{$columns:12,children:[(0,s.jsx)(m.P,{$position:{$column:[1,7]},$responsive:{tablet:{$position:{$column:[1,13]}}},children:(0,s.jsx)(d.x,{$size:"desk-18",$color:"sand",$lineHeight:"150",$weight:"light-normal",children:"Vi formar och f\xf6rverkligar digitala produkter, skr\xe4ddarsydda f\xf6r att fylla ett h\xe5l p\xe5 en marknad â\xa0eller l\xf6sa interna uppgifter. Allt fr\xe5n kommersiella applikationer till intran\xe4t och kundportaler."})}),(0,s.jsx)(m.P,{$position:{$column:[1,14]},$responsive:{tablet:{$position:{$column:[1,13]}}},children:(0,s.jsx)(a.X,{type:"h4",$color:"sand50",$size:"desk-18",$margin:{bottom:"desk-s"},$weight:"dark-normal",$responsive:{desktopSmall:{$size:"tab-18"},tablet:{$size:"mob-18"}},children:"Tj\xe4nster"})}),(0,s.jsx)(m.P,{$position:{$column:[1,14]},$responsive:{tablet:{$position:{$column:[1,13]}}},children:(0,s.jsx)(j.a,{$columns:3,dot:!0,list:[{title:"Digital strategi",href:"/tjanster/digital-strategi"},{title:"Teknisk strategi",href:"/tjanster/teknisk-strategi"},{title:"Varum\xe4rke",href:"/tjanster/varumarke"},{title:"Interaktionsdesign/UX",href:"/tjanster/interaktionsdesign"},{title:"Visuell identitet",href:"/tjanster/visuell-identitet"},{title:"Webbdesign",href:"/tjanster/webbdesign"},{title:"Tillg\xe4nglighet",href:"/tjanster/tillganglighet"},{title:"SEO-strategi och -optimering",href:"/tjanster/seo"},{title:"AI-strategi",href:"/tjanster/ai"},{title:"Internationalisering",href:"/tjanster/internationalisering"}]})}),(0,s.jsx)(m.P,{$position:{$column:[1,14]},$responsive:{tablet:{$position:{$column:[1,13]}}},children:(0,s.jsx)(a.X,{type:"h4",$color:"sand50",$size:"desk-18",$margin:{top:"desk-m",bottom:"desk-s"},$weight:"dark-normal",$responsive:{desktopSmall:{$size:"tab-18"},tablet:{$size:"mob-18"}},children:"Tekniker i urval"})}),(0,s.jsx)(m.P,{$position:{$column:[1,14]},$responsive:{tablet:{$position:{$column:[1,13]}}},children:(0,s.jsx)(j.a,{$columns:3,dot:!0,list:[{title:"Laravel",href:"/tjanster/laravel"},{title:"Nest.js",href:"/tjanster/nest-js"},{title:"Next.js",href:"/tjanster/nextjs"}]})}),(0,s.jsx)(m.P,{$position:{$column:[1,14]},$responsive:{tablet:{$position:{$column:[1,13]}}},children:(0,s.jsx)(a.X,{type:"h4",$color:"sand50",$size:"desk-18",$margin:{top:"desk-m",bottom:"desk-s"},$weight:"dark-normal",$responsive:{desktopSmall:{$size:"tab-18"},tablet:{$size:"mob-18"}},children:"Integrationer i urval"})}),(0,s.jsx)(m.P,{$position:{$column:[1,14]},$responsive:{tablet:{$position:{$column:[1,13]}}},children:(0,s.jsx)(j.a,{$columns:3,dot:!0,list:[{title:"BankID",href:"/tjanster/bankid"},{title:"Visma SPCS",href:"/tjanster/visma-spcs"},{title:"SPAR",href:"/tjanster/spar"},{title:"Syna",href:"/tjanster/syna"},{title:"Postnord",href:"/tjanster/postnord"},{title:"Qlik",href:"/tjanster/qlik"}]})}),(0,s.jsx)(l.i,{$size:"desk-xs",$responsive:{tablet:{$size:"tab-s"},mobile:{$size:"mob-s"}}})]})})})]})})]})})}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.