{"version":3,"sources":["webpack://merppihomepage/./src/components/Headline.js","webpack://merppihomepage/./node_modules/@material-ui/icons/esm/Call.js","webpack://merppihomepage/./src/pages/contact.js"],"names":["HeadIcon","header","backgroundImageData","styles","makeStyles","iconheadStyle","width","height","color","useStyles","image","getImage","bgImage","convertToBgImage","className","backgroundColor","preserveStackingContext","md","sm","disabled","d","Varasto","bgImageData","useStaticQuery","bg","title","description","Headline","Call","Container","Contactform"],"mappings":"+MAmDA,IAzCiB,SAAC,GAA8C,IAA5CA,EAA2C,EAA3CA,SAAUC,EAAiC,EAAjCA,OAAQC,EAAyB,EAAzBA,oBAS9BC,GARYC,OAAW,CAC3BC,cAAe,CACbC,MAAO,OACPC,OAAQ,OACRC,MAAO,UAIIC,GACTC,GAAQC,OAAST,GACjBU,GAAUC,QAAiBH,GAEjC,OACE,gBAAC,IAAD,eACEI,UAAU,2BACVC,gBAAe,WACXH,EAHN,CAIEI,yBAAuB,IAEvB,gBAAC,IAAD,KACA,gBAAC,IAAD,KACE,gBAAC,IAAD,CAAKC,GAAG,IAAIC,GAAG,iBAAiBJ,UAAU,QACxC,gBAAC,IAAD,CAAQK,UAAQ,EAACL,UAAU,cACzB,2BACE,gBAACd,EAAD,CAAUc,UAAWX,EAAOE,mBAKlC,gBAAC,IAAD,CAAKS,UAAU,uCACb,sBAAIG,GAAG,KAAKhB,GACZ,iC,gHCxCV,GAAe,E,QAAA,GAA4B,gBAAoB,OAAQ,CACrEmB,EAAG,mSACD,Q,wCCKW,SAASC,IACtB,IAWMC,GAXUC,oBAAe,cAWHC,GAE5B,OACE,gCACA,gBAAC,IAAD,CAAKC,MAAM,eAAeC,YAAY,kBACtC,gBAAC,IAAD,KACI,gBAACC,EAAA,EAAD,CAAU3B,SAAU4B,EAAM3B,OAAO,qBAAqBC,oBAAqBoB,IAC/E,gBAACO,EAAA,EAAD,CAAWf,UAAU,kBACrB,gBAACgB,EAAA,EAAD","file":"component---src-pages-contact-js-30122cefcd233d4853a1.js","sourcesContent":["import React from \"react\";\r\nimport { Container, Row, Col, Button } from \"react-bootstrap\";\r\nimport \"./headline.css\";\r\nimport { makeStyles } from \"@material-ui/styles\";\r\nimport BackgroundImage from \"gatsby-background-image\";\r\nimport { getImage } from \"gatsby-plugin-image\";\r\nimport { convertToBgImage } from \"gbimage-bridge\";\r\n// import  background  from \"../img/frontimg2.jpg\";\r\n\r\n\r\nconst Headline = ({ HeadIcon, header, backgroundImageData}) => {\r\n  const useStyles = makeStyles({\r\n    iconheadStyle: {\r\n      width: \"50px\",\r\n      height: \"50px\",\r\n      color: \"white\",\r\n    },\r\n  });\r\n\r\n  const styles = useStyles();\r\n  const image = getImage(backgroundImageData);\r\n  const bgImage = convertToBgImage(image);\r\n\r\n  return (\r\n    <BackgroundImage \r\n      className=\"headline container-fluid\"\r\n      backgroundColor={`#ffffff`}\r\n      {...bgImage}\r\n      preserveStackingContext\r\n      >\r\n      <Container>\r\n      <Row>\r\n        <Col md=\"2\" sm=\"12 text-center\" className=\"mt-4\">\r\n          <Button disabled className=\"headerball\">\r\n            <div>\r\n              <HeadIcon className={styles.iconheadStyle}></HeadIcon>\r\n            </div>\r\n          </Button>\r\n        </Col>\r\n\r\n        <Col className=\"mt-auto text-md-left text-sm-center\">\r\n          <h1 md=\"6\">{header}</h1>\r\n          <hr></hr>\r\n        </Col>\r\n      </Row>\r\n      </Container>\r\n\r\n    </BackgroundImage>\r\n  );\r\n};\r\n\r\nexport default Headline;\r\n","import * as React from 'react';\nimport createSvgIcon from './utils/createSvgIcon';\nexport default createSvgIcon( /*#__PURE__*/React.createElement(\"path\", {\n  d: \"M20.01 15.38c-1.23 0-2.42-.2-3.53-.56-.35-.12-.74-.03-1.01.24l-1.57 1.97c-2.83-1.35-5.48-3.9-6.89-6.83l1.95-1.66c.27-.28.35-.67.24-1.02-.37-1.11-.56-2.3-.56-3.53 0-.54-.45-.99-.99-.99H4.19C3.65 3 3 3.24 3 3.99 3 13.28 10.73 21 20.01 21c.71 0 .99-.63.99-1.18v-3.45c0-.54-.45-.99-.99-.99z\"\n}), 'Call');","import React from \"react\";\r\nimport Layout from \"../layout\";\r\nimport Headline from \"../components/Headline\";\r\nimport { Call } from \"@material-ui/icons\";\r\nimport { Container } from \"react-bootstrap\";\r\nimport Contactform from \"../components/Contactform\";\r\nimport SEO from \"../components/seo\";\r\nimport { useStaticQuery, graphql } from \"gatsby\";\r\n\r\nexport default function Varasto() {\r\n  const imgdata = useStaticQuery(graphql`{\r\n    bg: file(relativePath: {eq: \"customerimg2.jpg\"}) {\r\n      childImageSharp {\r\n        gatsbyImageData(layout: FULL_WIDTH, quality: 90)\r\n        fluid(quality: 90, maxWidth: 1920) {\r\n          ...GatsbyImageSharpFluid\r\n        }\r\n      }\r\n    }\r\n    }\r\n  `)\r\n  const bgImageData = imgdata.bg;\r\n\r\n  return (\r\n    <>\r\n    <SEO title=\"Yhteydenotto\" description=\"Ota yhteyttä!\"/>\r\n    <Layout>\r\n        <Headline HeadIcon={Call} header=\"Yhteydenottolomake\" backgroundImageData={bgImageData}/>\r\n    <Container className=\"page_container\">\r\n    <Contactform></Contactform>\r\n    </Container>    \r\n   </Layout>\r\n   </>\r\n  );\r\n}\r\n"],"sourceRoot":""}