{"version":3,"file":"component---src-pages-contacts-js-3ef07091326776ce3f98.js","mappings":"qMAQA,MAAMA,EAAeC,EAAAA,QAAAA,IAAAA,WAAU,CAAAC,YAAA,8BAAAC,YAAA,eAAVF,CAAU,wOAMpBG,IAAA,IAAC,MAAEC,GAAOD,EAAA,OAAKC,EAAMC,OAAOC,MAAM,IAWvCC,EAAiBP,EAAAA,QAAAA,IAAAA,WAAU,CAAAC,YAAA,gCAAAC,YAAA,eAAVF,CAAU,uBAI3BQ,EAAwBR,EAAAA,QAAAA,IAAAA,WAAU,CAAAC,YAAA,uCAAAC,YAAA,eAAVF,CAAU,8BAIlCS,EAAeT,EAAAA,QAAAA,IAAAA,WAAU,CAAAC,YAAA,8BAAAC,YAAA,eAAVF,CAAU,qBAIzBU,EAASV,EAAAA,QAAAA,OAAAA,WAAa,CAAAC,YAAA,wBAAAC,YAAA,eAAbF,CAAa,uDAIjBW,IAAA,IAAC,MAAEP,GAAOO,EAAA,OAAKP,EAAMC,OAAOO,KAAK,IAoC5C,MA9BqBC,IAAA,IAAC,KAAEC,EAAI,kBAAEC,EAAiB,mBAAEC,GAAoBH,EAAA,OAEnEI,EAAAA,cAAClB,EAAY,KACXkB,EAAAA,cAACV,EAAc,KACbU,EAAAA,cAACC,EAAAA,GAAQ,KACPD,EAAAA,cAACP,EAAM,CACLS,YAAY,IAAIC,iBAAe,EAC/BC,IAAKN,KAKTE,EAAAA,cAACK,EAAAA,GAAQ,CAACC,wBAAyB,CAAEC,OAAQV,EAAK,IAAMW,QAAM,KAGhER,EAAAA,cAACT,EAAqB,KACpBS,EAAAA,cAACC,EAAAA,GAAQ,CAACQ,MAAO,GACfT,EAAAA,cAACP,EAAM,CACLS,YAAY,IAAIC,iBAAe,EAC/BC,IAAKL,KAITC,EAAAA,cAACK,EAAAA,GAAQ,CAACC,wBAAyB,CAAEC,OAAQV,EAAK,IAAMW,QAAM,KAEhER,EAAAA,cAACR,EAAY,MAEC,ECjBlB,MAxCqBN,IAAyB,IAAxB,KAAEwB,EAAI,SAAEC,GAAUzB,EACtC,MAAM0B,EAAUF,EAAKE,QAAQC,aAAe,CAAC,EACvChB,EAAOa,EAAKE,QAAQf,KAAKiB,MAAM,QAIrC,OACEd,EAAAA,cAAAA,EAAAA,SAAA,KACEA,EAAAA,cAACe,EAAAA,GAAG,CACFC,UAAU,aACVC,MAAOL,EAAQK,QAEjBjB,EAAAA,cAACkB,EAAAA,GAAM,CAACC,GAAG,SAASC,OAAO,UACzBpB,EAAAA,cAACqB,EAAAA,GAAY,KACXrB,EAAAA,cAACsB,EAAAA,GAAM,OAETtB,EAAAA,cAACuB,EAAAA,GAAU,KACTvB,EAAAA,cAACwB,EAAAA,GAAS,KAAEZ,EAAQK,OAEpBjB,EAAAA,cAACyB,EAAY,CACX5B,KAAMA,EACNC,kBAAkB,4QAClBC,mBAAmB,yOAIrBC,EAAAA,cAACK,EAAAA,GAAQ,CAACC,wBAAyB,CAAEC,OAAQV,EAAK,IAAMW,QAAM,KAIhER,EAAAA,cAAC0B,EAAAA,GAAY,KACX1B,EAAAA,cAAC2B,EAAAA,GAAM,QAGV,C","sources":["webpack://be-landing/./src/components/contacts-grid/contacts-grid.js","webpack://be-landing/./src/pages/contacts.js"],"sourcesContent":["import React from \"react\";\nimport {\n  PageHTML,\n  ZWrapper,\n} from '../../ui-components';\nimport styled from \"styled-components\";\n\n\nconst GridContacts = styled.div`\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  grid-template-areas: \n    'studio manufacturing';\n  grid-column-gap: 24px;  \n  @media ${({ theme }) => theme.device.mobile}{\n    grid-template-columns: 1fr;\n    grid-template-areas: \n      'studio'\n      'manufacturing';\n    text-align: center;\n    grid-column-gap: 0;  \n\n  }\n`;\n\nconst StudioContacts = styled.div`\n  grid-area: studio;\n`;\n\nconst ManufacturingContacts = styled.div`\n  grid-area: manufacturing;\n`;\n\nconst TextContacts = styled.div`\n  grid-area: text;\n`;\n\nconst Iframe = styled.iframe`\n  width: 100%;\n  height: 250px;\n\n  @media ${({ theme }) => theme.device.phone}{\n    height: 250px;\n  }\n`\n\n\nconst ContactsGrid = ({ html, googleMapsZStudio, googleMapsZFactory }) => (\n\n  <GridContacts>\n    <StudioContacts>\n      <ZWrapper>\n        <Iframe\n          frameBorder=\"0\" allowFullScreen\n          src={googleMapsZStudio}\n        >\n        </Iframe>\n      </ZWrapper>\n\n      <PageHTML dangerouslySetInnerHTML={{ __html: html[0] }} center />\n    </StudioContacts>\n\n    <ManufacturingContacts>\n      <ZWrapper angle={6}>\n        <Iframe\n          frameBorder=\"0\" allowFullScreen\n          src={googleMapsZFactory}\n        >\n        </Iframe>\n      </ZWrapper>\n      <PageHTML dangerouslySetInnerHTML={{ __html: html[1] }} center />\n    </ManufacturingContacts>\n    <TextContacts>\n    </TextContacts>\n  </GridContacts >\n)\n\nexport default ContactsGrid;\n","import React from \"react\";\nimport { graphql } from \"gatsby\";\nimport {\n  SEO,\n} from '../components';\nimport {\n  Layout,\n  LayoutHeader,\n  LayoutFooter,\n  LayoutMain,\n  Header,\n  Footer,\n  PageTitle,\n  PageHTML,\n} from '../ui-components';\nimport ContactsGrid from \"../components/contacts-grid/contacts-grid\";\n\nconst ContactsPage = ({ data, location }) => {\n  const content = data.content.frontmatter || {};\n  const html = data.content.html.split(\"<hr>\");\n\n\n\n  return (\n    <>\n      <SEO\n        canonical=\"/contacts/\"\n        title={content.title}\n      />\n      <Layout id=\"layout\" layout=\"simple\">\n        <LayoutHeader>\n          <Header />\n        </LayoutHeader>\n        <LayoutMain>\n          <PageTitle>{content.title}</PageTitle>\n\n          <ContactsGrid\n            html={html}\n            googleMapsZStudio=\"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2146.232343109113!2d25.999685415564343!3d57.457345166713026!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x46ebc9493c68fd71%3A0x52af3b680870e6e0!2sZELTINI+SIA!5e0!3m2!1sen!2sgr!4v1554794604502!5m2!1sen!2sgr\"\n            googleMapsZFactory=\"https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d2141.80502824394!2d25.4115318!3d57.5327336!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2f683752f1ec638b%3A0x9964f6335eb468d8!2sZ-TRITON!5e0!3m2!1sen!2slv!4v1642171191020!5m2!1sen!2slv\"\n          />\n\n\n          <PageHTML dangerouslySetInnerHTML={{ __html: html[2] }} center />\n\n\n        </LayoutMain>\n        <LayoutFooter>\n          <Footer />\n        </LayoutFooter>\n      </Layout>\n    </>\n  );\n}\n\n\n\nexport default ContactsPage;\n\nexport const pageQuery = graphql`\nquery {\n  site {\n    siteMetadata {\n      title\n    }\n  }\n  content: markdownRemark(fileAbsolutePath: {regex: \"/content/pages/contacts.md/\"}) {\n    frontmatter {\n      title\n    }\n    html\n  }\n}  \n`;"],"names":["GridContacts","styled","displayName","componentId","_ref","theme","device","mobile","StudioContacts","ManufacturingContacts","TextContacts","Iframe","_ref2","phone","_ref3","html","googleMapsZStudio","googleMapsZFactory","React","ZWrapper","frameBorder","allowFullScreen","src","PageHTML","dangerouslySetInnerHTML","__html","center","angle","data","location","content","frontmatter","split","SEO","canonical","title","Layout","id","layout","LayoutHeader","Header","LayoutMain","PageTitle","ContactsGrid","LayoutFooter","Footer"],"sourceRoot":""}