{"version":3,"sources":["webpack:///./src/pages/contact.tsx"],"names":["Header","styled","Container","Content","props","theme","colors","primary","Contact","title","desc","name","content","property","h1","p","href","target","rel"],"mappings":"6FAAA,wGAQMA,EAASC,YAAOC,KAAV,sEAAGD,CAAH,gWA0BNE,EAAUF,YAAOC,KAAV,uEAAGD,CAAH,iEAIA,SAAAG,GAAK,OAAIA,EAAMC,MAAMC,OAAOC,WA+C1BC,UAvCf,WACE,IAAMC,EAAQ,oDACRC,EAAO,gEACb,OACE,oCACE,kBAAC,IAAD,KACE,+BAAQD,GACR,0BAAME,KAAK,cAAcC,QAASF,IAClC,0BAAMG,SAAS,WAAWD,QAASH,IACnC,0BAAMI,SAAS,iBAAiBD,QAASF,IACzC,0BAAMC,KAAK,WAAWC,QAAQ,qBAEhC,kBAACZ,EAAD,KACE,kBAAC,IAAD,CAAMc,IAAE,GAAR,oBAEF,kBAAC,IAAD,KACE,kBAACX,EAAD,KACE,kBAAC,IAAD,CAAMY,GAAC,GAAP,4EAES,IACP,uBACEC,KAAK,wBACLC,OAAO,SACPC,IAAI,uBAHN,kBAMK,IATP,cAUc,IACZ,uBAAGF,KAAK,iBAAiBC,OAAO,SAASC,IAAI,uBAA7C,mBAKJ,kBAAC,IAAD","file":"component---src-pages-contact-tsx-99a265d0717ceddbdee7.js","sourcesContent":["import React from \"react\"\nimport { Text } from \"deskie-ui\"\nimport Container from \"../components/Container\"\nimport PageWrapper from \"../components/PageWrapper\"\nimport PlanMeeting from \"../components/PlanMeeting\"\nimport styled from \"styled-components\"\nimport { Helmet } from \"react-helmet\"\n\nconst Header = styled(Container)`\n  margin-top: -6rem;\n  padding-top: 8rem;\n  padding-bottom: 6rem;\n\n  h1 {\n    color: white;\n    font-weight: 600;\n    font-size: min(\n      max(1.75rem, calc(1.75rem + ((1vw - 0.4rem) * 1.875))),\n      2.5rem\n    );\n    line-height: 1.3;\n    margin: 0 0 0.5rem;\n  }\n\n  p {\n    color: rgba(255, 255, 255, 0.7);\n  }\n\n  background-image: url(\"/paths.svg\");\n  background-size: auto 160%;\n  background-position: 100% 0%;\n  background-repeat: no-repeat;\n`\n\nconst Content = styled(Container)`\n  padding-bottom: 3rem;\n\n  h2 {\n    color: ${props => props.theme.colors.primary};\n  }\n\n  .button {\n    margin-top: 2rem;\n  }\n`\n\nfunction Contact() {\n  const title = \"Neem contact op met Deskie Support | 038 760 1060\"\n  const desc = \"Heb je een vraag over Deskie? We staan klaar om je te helpen!\"\n  return (\n    <>\n      <Helmet>\n        <title>{title}</title>\n        <meta name=\"description\" content={desc} />\n        <meta property=\"og:title\" content={title} />\n        <meta property=\"og:description\" content={desc} />\n        <meta name=\"keywords\" content=\"Contact, Deskie\" />\n      </Helmet>\n      <Header>\n        <Text h1>Deskie Support </Text>\n      </Header>\n      <PageWrapper>\n        <Content>\n          <Text p>\n            Heb je een vraag over Deskie? We staan klaar om je te helpen! Mail\n            ons op{\" \"}\n            <a\n              href=\"mailto:info@deskie.nl\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n            >\n              info@deskie.nl\n            </a>{\" \"}\n            of bel naar{\" \"}\n            <a href=\"tel:0387601066\" target=\"_blank\" rel=\"noopener noreferrer\">\n              038 760 1066.\n            </a>\n          </Text>\n        </Content>\n        <PlanMeeting />\n      </PageWrapper>\n    </>\n  )\n}\n\nexport default Contact\n"],"sourceRoot":""}