{"version":3,"sources":["webpack:///./src/pages/kontakt.js","webpack:///./src/components/global/footer-intro.js","webpack:///./src/components/global/contact-us.js"],"names":["query","Page","data","title","description","className","info","company_name","address","post_code","city","directions_link","href","target","rel","icon","fixedWidth","phone","machine","human","email","slug","FooterIntro","text","props","defaultProps","ContactUs","employee","useStaticQuery","staff","edges","find","node","Math","floor","random","length","employeeImage","image","images","relativePath","standalone","intro","name","position","fluid","childImageSharp","alt"],"mappings":"4FAAA,kIAoDaA,EAAK,aAiBHC,UA7DF,SAAC,GAAD,IAAGC,EAAH,EAAGA,KAAH,OACX,kBAAC,IAAD,KACE,kBAAC,IAAD,CAAKC,MAAM,UAAUC,YAAY,gGACjC,kBAAC,IAAD,CAAWC,UAAU,uDACnB,4BAAQA,UAAU,gCAChB,wBAAIA,UAAU,QAAd,+BAEE,0BAAMA,UAAU,4BAAhB,iBAGJ,yBAAKA,UAAU,gCACb,yBAAKA,UAAU,SACb,iCACE,gCAASH,EAAKI,KAAKC,cAAsB,6BACxCL,EAAKI,KAAKE,QAAQ,6BAClBN,EAAKI,KAAKG,UAHb,IAGyBP,EAAKI,KAAKI,MAGlCR,EAAKI,KAAKK,iBACX,uBAAGC,KAAMV,EAAKI,KAAKK,gBAAiBE,OAAO,SAASC,IAAI,sBAAsBT,UAAU,qCAAxF,eAEE,kBAAC,IAAD,CAAiBU,KAAM,CAAC,MAAO,eAAgBC,YAAU,MAK7D,wBAAIX,UAAU,SACZ,4BACE,uBAAGO,KAAI,OAAUV,EAAKI,KAAKW,MAAMC,QAAYb,UAAU,oBACnDH,EAAKI,KAAKW,MAAME,QAGtB,4BACE,uBAAGP,KAAI,UAAaV,EAAKI,KAAKc,MAAUf,UAAU,oBAC9CH,EAAKI,KAAKc,WAMtB,kBAAC,IAAD,CAAWC,KAAK,0B,+FC7CdC,EAAc,SAAC,GAAD,IAAGnB,EAAH,EAAGA,MAAOoB,EAAV,EAAUA,KAASC,EAAnB,6CAClB,wBAASA,EACP,4BAAMrB,GACN,uBAAGE,UAAU,iCAAkCkB,KASnDD,EAAYG,aAAe,CACzBtB,MAAO,8BACPoB,KAAM,qEAGOD,Q,iCCZTI,EAAY,SAAC,GAAc,IAqC3BC,EArCeN,EAAW,EAAXA,KACbnB,EAAO0B,yBAAe,aAsCxBP,IACFM,EAAWzB,EAAK2B,MAAMC,MAAMC,MAAK,qBAAEC,KAAeX,OAASA,MAGvDM,IACJA,EAAWzB,EAAK2B,MAAMC,MAAMG,KAAKC,MAAMD,KAAKE,SAASjC,EAAK2B,MAAMC,MAAMM,UAExE,IAAMC,EAAgBV,EAASK,KAAKM,MAChCpC,EAAKqC,OAAOT,MAAMC,MAAK,qBAAEC,KAAeQ,eAAiBb,EAASK,KAAKM,SACvE,KAEJ,OACE,6BACE,kBAAC,IAAD,CAAWG,YAAU,EAACpC,UAAU,yBAC9B,kBAAC,EAAD,OAEF,kBAAC,IAAD,KACE,yBAAKA,UAAU,2DACb,yBAAKA,UAAU,gCACb,yBAAKA,UAAU,oCACb,kBAAC,EAAD,CAAaA,UAAU,kBAAkBF,MAAOwB,EAASK,KAAKU,MAAMvC,MAAOoB,KAAMI,EAASK,KAAKU,MAAMnB,OAErG,4BAAQlB,UAAU,wBAChB,wBAAIA,UAAU,QAAQsB,EAASK,KAAKW,MACpC,yBAAKtC,UAAU,4BAA4BsB,EAASK,KAAKY,WAE3D,4BACE,4BACE,uBAAGhC,KAAI,OAASe,EAASK,KAAKf,MAAMC,QAAWb,UAAU,oBACvD,kBAAC,IAAD,CAAiBU,KAAK,YAAYC,YAAU,EAACX,UAAU,SACrDsB,EAASK,KAAKf,MAAME,QAG1B,4BACE,uBAAGP,KAAI,UAAYe,EAASK,KAAKZ,MAASf,UAAU,aAApD,uBAMN,yBAAKA,UAAU,oDACZgC,GACD,4BAAQhC,UAAU,0BAChB,kBAAC,IAAD,CAAOwC,MAAOR,EAAcL,KAAKc,gBAAgBD,MAAOE,IAAKpB,EAASK,KAAKW,KAAMxC,MAAOwB,EAASK,KAAKW,cAetHjB,EAAUD,aAAe,CACvBJ,KAAM,MAGOK","file":"component---src-pages-kontakt-js-84aca800d8813bb2e691.js","sourcesContent":["import React from \"react\"\nimport { graphql } from \"gatsby\"\nimport Layout from \"~components/layouts/default\"\nimport ContactUs from \"~components/global/contact-us\"\nimport SEO from \"~components/common/seo\"\nimport Container from \"~components/common/container\"\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\"\n\nconst Page = ({ data }) => (\n  <Layout>\n    <SEO title=\"Kontakt\" description=\"Reden wir über Ihr Projekt. Sie haben den Plan, wir das Know-How – lassen Sie uns loslegen!\" />\n    <Container className=\"mb-2xl md:text-lg md:flex md:items-start lg:text-xl\">\n      <header className=\"gutter my-screen-lg md:w-1/2\">\n        <h1 className=\"mt-0\">\n          Wir können über alles reden. \n          <span className=\"ml-3 text-2xl text-white\">Fast alles.</span>\n        </h1>\n      </header>\n      <div className=\"my-screen-lg gutter md:w-1/2\">\n        <div className=\"my-lg\">\n          <address>\n            <strong>{data.info.company_name}</strong><br />\n            {data.info.address}<br />\n            {data.info.post_code} {data.info.city}\n          </address>\n\n          {data.info.directions_link &&\n          <a href={data.info.directions_link} target=\"_blank\" rel=\"noopener noreferrer\" className=\"text-white hover:text-brown-light\">\n            Route planen\n            <FontAwesomeIcon icon={['fal', 'angle-right']} fixedWidth />\n          </a>\n          }\n        </div>\n\n        <ul className=\"my-lg\">\n          <li>\n            <a href={ `tel:${data.info.phone.machine}` } className=\"hover:text-white\">\n              { data.info.phone.human }\n            </a>\n          </li>\n          <li>\n            <a href={ `mailto:${data.info.email}` } className=\"hover:text-white\">\n              { data.info.email }\n            </a>\n          </li>\n        </ul>\n      </div>\n    </Container>\n    <ContactUs slug=\"britta-kretschmann\" />\n  </Layout>\n)\n\nexport const query = graphql`\n  query {\n    info: dataJson {\n      company_name\n      city\n      email\n      post_code\n      phone {\n        human\n        machine\n      }\n      address\n      directions_link\n    }\n  }\n`\n\nexport default Page\n","import React from \"react\"\nimport PropTypes from \"prop-types\"\n\nconst FooterIntro = ({ title, text, ...props }) => (\n  <div {...props}>\n    <h2>{ title }</h2>\n    <p className=\"text-sm max-w-xs lg:text-base\">{ text }</p>\n  </div>\n)\n\nFooterIntro.propTypes = {\n  title: PropTypes.string,\n  text:PropTypes.string,\n}\n\nFooterIntro.defaultProps = {\n  title: 'Reden wir über Ihr Projekt.',\n  text: 'Sie haben den Plan, wir das Know-How – gehen wir es gemeinsam an!',\n}\n\nexport default FooterIntro\n","import React from \"react\"\nimport PropTypes from \"prop-types\"\nimport { useStaticQuery, graphql } from \"gatsby\"\nimport Container from \"~components/common/container\"\nimport FooterIntro from \"~components/global/footer-intro\"\nimport Image from \"gatsby-image\"\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\"\n\nconst ContactUs = ({ slug }) => {\n  const data = useStaticQuery(graphql`\n    query {\n      images: allFile(filter: {relativePath: {glob: \"team/*.png\"}}) {\n        edges {\n          node {\n            childImageSharp {\n              fluid(maxWidth: 400, maxHeight: 500, quality: 90, cropFocus: NORTH) {\n                ...GatsbyImageSharpFluid_withWebp\n              }\n            }\n            relativePath\n          }\n        }\n      },\n      staff: allTeamJson {\n        edges {\n          node {\n            slug\n            image\n            name\n            position\n            email\n            phone {\n              human\n              machine\n            }\n            intro {\n              title\n              text\n            }\n          }\n        }\n      }\n    }\n  `)\n\n  let employee\n\n  if (slug) {\n    employee = data.staff.edges.find(({node}) => node.slug === slug)\n  }\n\n  if (! employee)\n    employee = data.staff.edges[Math.floor(Math.random()*data.staff.edges.length)]\n\n  const employeeImage = employee.node.image\n    ? data.images.edges.find(({node}) => node.relativePath === employee.node.image)\n    : null\n  \n  return (\n    <div>\n      <Container standalone className=\"text-center sm:hidden\">\n        <FooterIntro />\n      </Container>\n      <Container>\n        <div className=\"gutter border-b border-brown-darker lg:ml-auto lg:w-5/6\">\n          <div className=\"-mx-gutter flex items-center\">\n            <div className=\"w-2/3 p-gutter sm:py-lg xl:w-2/5\">\n              <FooterIntro className=\"hidden sm:block\" title={employee.node.intro.title} text={employee.node.intro.text} />\n\n              <header className=\"mt-md mb-xs sm:mb-sm\">\n                <h3 className=\"my-0\">{employee.node.name}</h3>\n                <div className=\"text-sm text-brown-light\">{employee.node.position}</div>\n              </header>\n              <ul>\n                <li>\n                  <a href={`tel:${employee.node.phone.machine}`} className=\"hover:text-white\">\n                    <FontAwesomeIcon icon=\"phone-alt\" fixedWidth className=\"mr-1\" />\n                    { employee.node.phone.human }\n                  </a>\n                </li>\n                <li>\n                  <a href={`mailto:${employee.node.email}`} className=\"accessory\">\n                    E-Mail schreiben\n                  </a>\n                </li>\n              </ul>\n            </div>\n            <div className=\"w-1/3 order-first self-end md:px-gutter xl:w-2/5\">\n              {employeeImage &&\n              <figure className=\"block max-w-sm mx-auto\">\n                <Image fluid={employeeImage.node.childImageSharp.fluid} alt={employee.node.name} title={employee.node.name} />\n              </figure>\n              }\n            </div>\n          </div>\n        </div>\n      </Container>\n    </div>\n  )\n}\n\nContactUs.propTypes = {\n  slug: PropTypes.string\n}\n\nContactUs.defaultProps = {\n  slug: null\n}\n\nexport default ContactUs\n"],"sourceRoot":""}