https://www.dinmo.com/9769-6427e57f6c4d6644918a.js

1"use strict";(self.webpackChunkdinmo_website=self.webpackChunkdinmo_website||[]).push([[9769],{6980:function(e){e.exports=JSON.parse('{"layout":"constrained","images":{"fallback":{"src":"/static/3c3bbd201c51e9fdc1ea10ccbd454900/f0c8d/grid.png","srcSet":"/static/3c3bbd201c51e9fdc1ea10ccbd454900/fc2dc/grid.png 62w,\\n/static/3c3bbd201c51e9fdc1ea10ccbd454900/d1a5b/grid.png 124w,\\n/static/3c3bbd201c51e9fdc1ea10ccbd454900/f0c8d/grid.png 247w,\\n/static/3c3bbd201c51e9fdc1ea10ccbd454900/85fb0/grid.png 494w","sizes":"(min-width: 247px) 247px, 100vw"},"sources":[]},"width":247,"height":247}')},8159:function(e){e.exports=JSON.parse('{"layout":"constrained","images":{"fallback":{"src":"/static/2a5d376fbcb1ca73ae2880e8b822506e/95572/ellipse_tabulated.png","srcSet":"/static/2a5d376fbcb1ca73ae2880e8b822506e/44cf2/ellipse_tabulated.png 119w,\\n/static/2a5d376fbcb1ca73ae2880e8b822506e/1f635/ellipse_tabulated.png 238w,\\n/static/2a5d376fbcb1ca73ae2880e8b822506e/95572/ellipse_tabulated.png 475w,\\n/static/2a5d376fbcb1ca73ae2880e8b822506e/c2ea9/ellipse_tabulated.png 950w","sizes":"(min-width: 475px) 475px, 100vw"},"sources":[]},"width":475,"height":386}')},9769:function(e,t,a){a.r(t),a.d(t,{default:function(){return d}});var n=a(6540),c=a(4279),i=a(9581),l=a(1090),r=a(9725),s=a(2314),o=a(2532);var d=e=>{const{id:t,sectionId:d,headline:b,tabs:m,button:p,whiteText:f,backgroundColor:u}=e,g=(0,n.useMemo)((()=>f?"white":"dark"),[]),h=(0,n.useRef)(null),w=(0,n.useRef)(new Map),{0:E,1:x}=(0,n.useState)(0),{0:v,1:z}=(0,n.useState)({});return(0,n.useEffect)((()=>{const e=()=>{if(!h||!h.current)return{};const e=m.reduce(((e,t)=>{const a=w.current.get(t.id),n=a.offsetLeft;return{...e,[t.id]:{transform:`translate3d(${n}px, 0,0)`,width:a.offsetWidth+"px"}}}),{});z(e)};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[m]),(0,n.useEffect)((()=>{setTimeout((()=>window.dispatchEvent(new Event("resize"))))}),[]),n.createElement(r.az,{as:"section",id:d||t,backgroundColor:(null==u?void 0:u.hex)||"white",overflow:"hidden"},n.createElement(l.xA,null,n.createElement(r.az,{position:"relative",py:i.TC},n.createElement(r.az,{display:["none","none","block"],position:"absolute",top:"-100px",left:"-475px",zIndex:0},n.createElement(o.S,{formats:["auto"],draggable:!1,src:"../../../images/ellipse_tabulated.png",alt:"",placeholder:"none",width:475,__imageData:a(8159)})),n.createElement(r.az,{display:["none","none","block"],position:"absolute",right:"-247px",bottom:"-124px",zIndex:0},n.createElement(o.S,{formats:["auto"],draggable:!1,src:"../../../images/grid.png",alt:"",placeholder:"none",width:247,__imageData:a(6980)})),n.createElement(r.az,{position:"relative",zIndex:1},n.createElement(l.fI,null,n.createElement(l.fv,{xs:12},n.createElement(r.az,{mb:[8,9,10]},n.createElement(r.DZ,{as:"h2",type:"heading1",textAlign:["left","center"],color:g},b)),m.length>0&&n.createElement(n.Fragment,null,n.createElement(r.az,{mb:[8,9,10],mx:["-15px","auto"],overflow:"auto",textAlign:"center",ref:h},n.createElement(r.az,{display:"inline-block",position:"relative",textAlign:"center",mx:4,style:{whiteSpace:"nowrap"}},m.map(((e,t)=>n.createElement("div",{key:e.id,ref:t=>w.current.set(e.id,t)},n.createElement(r.az,{key:e.id,display:"inline-block",px:[3,4,5],pt:[1,2,2],pb:22,clickable:!0,onClick:()=>{if(x(t),h&&h.current){const t=w.current.get(e.id);h.current.scrollTo({top:0,left:t.offsetLeft-32,behavior:"smooth"})}}},n.createElement(r.EY,{fontWeight:"bold",color:g},e.tabLabel))))),n.createElement(r.az,{position:"absolute",bottom:0,left:0,width:"100%",height:2,opacity:.1,backgroundColor:g,borderRadius:"circle"}),n.createElement(c.P.div,{variants:v,animate:m[E]?m[E].id:"none",transition:{transform:{type:"tween",duration:.5},width:{type:"tween",stiffness:120}},style:{position:"absolute",bottom:0,height:2,background:f?"#FFF":"#0E0E0F",borderRadius:2,width:100,left:0}}))),n.createElement(r.az,null,n.createElement(l.fI,{middle:"xs",center:"xs"},n.createElement(l.fv,{xs:12,sm:10,md:6},n.createElement(r.az,{pr:[0,0,0,8]},n.createElement(r.DZ,{as:"h3",type:"heading1",color:g},m[E].headline),!!m[E].content&&n.createElement(r.az,{mt:6},n.createElement(s.Fl,{content:m[E].content,color:g})),m[E].buttons.length>0&&n.createElement(r.so,{mt:6,alignItems:"center",flexWrap:"wrap"},m[E].buttons.map(((e,t)=>n.createElement(r.$n,Object.assign({key:e.id},e,{my:2,mr:t+1<m[E].buttons.length?[4,4,5]:void 0}))))))),m[E].asset&&n.createElement(l.fv,{xs:12,sm:10,md:6},n.createElement(r.az,{mt:[6,6,0],pl:[0,0,0,8]},n.createElement(r._V,{alt:m[E].asset.alt||m[E].headline,title:m[E].asset.title||m[E].headline,image:m[E].asset.gatsbyImageData})))))),p&&p.length>0&&n.createElement(r.so,{mt:[6,8,10],width:"100%",justifyContent:"center",alignItems:"center",flexWrap:"wrap",gap:4},p.map((e=>n.createElement(r.$n,Object.assign({key:e.id},e)))))))))))}}}]);