{"version":3,"sources":["webpack://merppihomepage/./node_modules/@material-ui/icons/esm/Add.js","webpack://merppihomepage/./node_modules/@material-ui/icons/esm/Category.js","webpack://merppihomepage/./node_modules/@material-ui/icons/esm/Euro.js","webpack://merppihomepage/./node_modules/@material-ui/icons/esm/LocalShipping.js","webpack://merppihomepage/./src/components/PageCover.js","webpack://merppihomepage/./src/components/PicAndText.js","webpack://merppihomepage/./src/pages/index.jsx"],"names":["d","cx","cy","r","PageCover","data","useStaticQuery","image","getImage","file","bgImage","convertToBgImage","className","backgroundColor","preserveStackingContext","MerppiLogo","Button","as","GatsbyLink","to","variant","size","IconElement","header","text","styles","URL","makeStyles","iconStyle","width","height","color","useStyles","Container","disabled","homepage","title","Col","Row","style","fontSize","md","sm","Euro","LocalShipping","Category","Add"],"mappings":"6IAEA,KAAe,OAA4B,gBAAoB,OAAQ,CACrEA,EAAG,wCACD,Q,0DCFJ,KAAe,OAA4B,gBAAoB,WAAgB,KAAmB,gBAAoB,OAAQ,CAC5HA,EAAG,qBACY,gBAAoB,SAAU,CAC7CC,GAAI,OACJC,GAAI,OACJC,EAAG,QACY,gBAAoB,OAAQ,CAC3CH,EAAG,oBACA,a,0DCRL,KAAe,OAA4B,gBAAoB,OAAQ,CACrEA,EAAG,8VACD,S,0DCFJ,KAAe,OAA4B,gBAAoB,OAAQ,CACrEA,EAAG,qSACD,kB,iKCUW,SAASI,IACtB,IAAMC,GAAOC,oBAAe,cAUtBC,GAAQC,OAASH,EAAKI,MACtBC,GAAUC,QAAiBJ,GAEjC,OACE,gBAAC,IAAD,eACEK,UAAU,8BACVC,gBAAe,WACXH,EAHN,CAIEI,yBAAuB,IAEvB,uBAAKF,UAAU,qBACb,gBAACG,EAAA,EAAD,MACA,uBAAKH,UAAU,mCACb,iFAEF,gBAACI,EAAA,EAAD,CACEC,GAAIC,OACJC,GAAG,WACHC,QAAQ,UACRC,KAAK,KACLT,UAAU,cALZ,mB,wBCRR,EAzBmB,SAAC,GAAwC,IAAtCU,EAAqC,EAArCA,YAAaC,EAAwB,EAAxBA,OAAQC,EAAgB,EAAhBA,KAUrCC,GAVqD,EAAVC,KAE7BC,OAAW,CAC7BC,UAAW,CACTC,MAAO,OACPC,OAAQ,OACRC,MAAO,UAIIC,IAEb,OACE,gBAACC,EAAA,EAAD,CAAWrB,UAAU,cACnB,gBAACI,EAAA,EAAD,CAAQkB,UAAQ,EAACtB,UAAU,aACzB,2BACE,gBAACU,EAAD,CAAaV,UAAWa,EAAOG,cAGnC,0BAAKL,GACL,qBAAGX,UAAU,aAAaY,K,qEClBjB,SAASW,IACtB,OACE,gCACE,gBAAC,IAAD,CAAKC,MAAM,YACX,gBAAC,IAAD,KACE,gBAAChC,EAAD,MACA,gBAAC6B,EAAA,EAAD,CAAWrB,UAAU,iBACnB,gBAACyB,EAAA,EAAD,CAAKzB,UAAU,oBACb,gBAAC0B,EAAA,EAAD,KACE,qBAAGC,MAAO,CAAEC,SAAU,SAAtB,uNAOF,gBAACH,EAAA,EAAD,CAAKzB,UAAU,+BACb,sCAEF,4BAGF,gBAAC0B,EAAA,EAAD,KACE,gBAACD,EAAA,EAAD,MACA,gBAACA,EAAA,EAAD,CAAKI,GAAG,IAAIC,GAAG,MACb,gBAAC,EAAD,CACEpB,YAAaqB,IACbpB,OAAO,sBACPC,KAAK,4LAGT,gBAACa,EAAA,EAAD,CAAKI,GAAG,IAAIC,GAAG,MACb,gBAAC,EAAD,CACEpB,YAAasB,IACbrB,OAAO,uBACPC,KAAK,4LAGT,gBAACa,EAAA,EAAD,OAEF,gBAACC,EAAA,EAAD,KACE,gBAACD,EAAA,EAAD,MACA,gBAACA,EAAA,EAAD,CAAKI,GAAG,IAAIC,GAAG,MACb,gBAAC,EAAD,CACEpB,YAAauB,IACbtB,OAAO,UACPC,KAAK,mJAGT,gBAACa,EAAA,EAAD,CAAKI,GAAG,IAAIC,GAAG,MACb,gBAAC,EAAD,CACEpB,YAAawB,IACbvB,OAAO,gBACPC,KAAK,uOAGT,gBAACa,EAAA,EAAD","file":"component---src-pages-index-jsx-af564ff28242ddfd18fd.js","sourcesContent":["import * as React from 'react';\nimport createSvgIcon from './utils/createSvgIcon';\nexport default createSvgIcon( /*#__PURE__*/React.createElement(\"path\", {\n  d: \"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z\"\n}), 'Add');","import * as React from 'react';\nimport createSvgIcon from './utils/createSvgIcon';\nexport default createSvgIcon( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"path\", {\n  d: \"M12 2l-5.5 9h11z\"\n}), /*#__PURE__*/React.createElement(\"circle\", {\n  cx: \"17.5\",\n  cy: \"17.5\",\n  r: \"4.5\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n  d: \"M3 13.5h8v8H3z\"\n})), 'Category');","import * as React from 'react';\nimport createSvgIcon from './utils/createSvgIcon';\nexport default createSvgIcon( /*#__PURE__*/React.createElement(\"path\", {\n  d: \"M15 18.5c-2.51 0-4.68-1.42-5.76-3.5H15l1-2H8.58c-.05-.33-.08-.66-.08-1s.03-.67.08-1H15l1-2H9.24C10.32 6.92 12.5 5.5 15 5.5c1.61 0 3.09.59 4.23 1.57L21 5.3C19.41 3.87 17.3 3 15 3c-3.92 0-7.24 2.51-8.48 6H3l-1 2h4.06c-.04.33-.06.66-.06 1s.02.67.06 1H3l-1 2h4.52c1.24 3.49 4.56 6 8.48 6 2.31 0 4.41-.87 6-2.3l-1.78-1.77c-1.13.98-2.6 1.57-4.22 1.57z\"\n}), 'Euro');","import * as React from 'react';\nimport createSvgIcon from './utils/createSvgIcon';\nexport default createSvgIcon( /*#__PURE__*/React.createElement(\"path\", {\n  d: \"M20 8h-3V4H3c-1.1 0-2 .9-2 2v11h2c0 1.66 1.34 3 3 3s3-1.34 3-3h6c0 1.66 1.34 3 3 3s3-1.34 3-3h2v-5l-3-4zM6 18.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm13.5-9l1.96 2.5H17V9.5h2.5zm-1.5 9c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5z\"\n}), 'LocalShipping');","import React from \"react\";\r\nimport \"./pagecover.css\";\r\nimport MerppiLogo from \"./MerppiLogo\";\r\nimport { Button } from \"react-bootstrap\";\r\nimport { Link as GatsbyLink } from \"gatsby\";\r\n//import  background from \"../img/frontimg2.jpg\";\r\nimport { useStaticQuery, graphql } from \"gatsby\";\r\n//import Img from 'gatsby-image'\r\nimport BackgroundImage from \"gatsby-background-image\";\r\nimport { getImage } from \"gatsby-plugin-image\";\r\nimport { convertToBgImage } from \"gbimage-bridge\";\r\n\r\n// How to use gatsby-background image with gatsby 3 check:\r\n// https://www.gatsbyjs.com/plugins/gatsby-background-image/#gatsby-3--gatsby-plugin-image\r\nexport default function PageCover() {\r\n  const data = useStaticQuery(graphql`\r\n    {\r\n      file(relativePath: { eq: \"frontimg2.jpg\" }) {\r\n        childImageSharp {\r\n          gatsbyImageData(layout: FULL_WIDTH, quality: 90)\r\n        }\r\n      }\r\n    }\r\n  `);\r\n\r\n  const image = getImage(data.file);\r\n  const bgImage = convertToBgImage(image);\r\n\r\n  return (\r\n    <BackgroundImage\r\n      className=\"pagecoverbg container-fluid\"\r\n      backgroundColor={`#ffffff`}\r\n      {...bgImage}\r\n      preserveStackingContext\r\n    >\r\n      <div className=\"biglogo img-fluid\">\r\n        <MerppiLogo />\r\n        <div className=\"row justify-content-center mt-5\">\r\n          <h4>Myynnin-, tuotannon- ja toiminnanohjausjärjestelmä</h4>\r\n        </div>\r\n        <Button\r\n          as={GatsbyLink}\r\n          to=\"/contact\"\r\n          variant=\"warning\"\r\n          size=\"lg\"\r\n          className=\"contactbtn\"\r\n        >\r\n          OTA YHTEYTTÄ!\r\n        </Button>\r\n      </div>\r\n    </BackgroundImage>\r\n  );\r\n}\r\n","import React from \"react\";\r\nimport { Container, Button } from \"react-bootstrap\";\r\nimport \"./picandtext.css\";\r\nimport { makeStyles } from \"@material-ui/styles\";\r\n//import { Link } from 'react-router-dom';\r\nimport { Link } from \"gatsby\"\r\n\r\nconst PicAndText = ({ IconElement, header, text, URL }) => {\r\n\r\n  const useStyles = makeStyles({\r\n  iconStyle: {\r\n    width: \"50px\",\r\n    height: \"50px\",\r\n    color: \"white\",\r\n  },\r\n});\r\n\r\nconst styles = useStyles();\r\n  // const IconComponent = React.Component(IconElement);\r\n  return (\r\n    <Container className=\"picandtext\">\r\n      <Button disabled className=\"ball mt-4\">\r\n        <div>\r\n          <IconElement className={styles.iconStyle}></IconElement>\r\n        </div>\r\n      </Button>\r\n      <h2>{header}</h2>\r\n      <p className=\"paragraph\">{text}</p>\r\n    </Container>\r\n  );\r\n};\r\n\r\nexport default PicAndText;\r\n","import React from \"react\";\r\nimport Layout from \"../layout\";\r\nimport PageCover from \"../components/PageCover\";\r\nimport PicAndText from \"../components/PicAndText\";\r\nimport { Col, Container, Row } from \"react-bootstrap\";\r\nimport { Add, Category, Euro, LocalShipping } from \"@material-ui/icons\";\r\nimport SEO from \"../components/seo\";\r\n// import  Coverimage  from '../img/frontimg.jpg';\r\n\r\nexport default function homepage() {\r\n  return (\r\n    <>\r\n      <SEO title=\"Etusivu\" />\r\n      <Layout>\r\n        <PageCover />\r\n        <Container className=\"pagecontainer\">\r\n          <Col className=\"text-center mt-5\">\r\n            <Row>\r\n              <p style={{ fontSize: \"22px\" }}>\r\n                Oletko koskaan miettinyt miksi markkinoilla ei ole edullista,\r\n                tehokasta ja helppokäyttöistä myynnin-, tuotannon- ja\r\n                toiminnanohjausjärjestelmää, johon ei tarvitse pitkiä\r\n                koulutuksia tai raskaita käyttöönottoja?\r\n              </p>\r\n            </Row>\r\n            <Col className=\"nyton text-center mt-5 mb-5\">\r\n              <h2>Nyt on!</h2>\r\n            </Col>\r\n            <hr></hr>\r\n          </Col>\r\n\r\n          <Row>\r\n            <Col></Col>\r\n            <Col md=\"5\" sm=\"12\">\r\n              <PicAndText\r\n                IconElement={Euro}\r\n                header=\"Asiakkaat ja myynti\"\r\n                text=\"Asiakasrekisterit, käynnit, tarjoukset ja tilaukset kätevästi sijainnista riippumatta myös mobiililaitteilla. Soveltuu erinomaisen hyvin myös liikkuvalle myyjälle. Laaja raportointi.\"\r\n              />\r\n            </Col>\r\n            <Col md=\"5\" sm=\"12\">\r\n              <PicAndText\r\n                IconElement={LocalShipping}\r\n                header=\"Tuotanto ja toimitus\"\r\n                text=\"Tilauksen käsittely tuotantoon ja toimitetuksi. Tuotantoerät mahdollistamaan entistäkin tehokkaamman tuotannon. Varastosaldot päivittyvät prosessin mukana reaaliaikaisesti taustalla.\"\r\n              />\r\n            </Col>\r\n            <Col></Col>\r\n          </Row>\r\n          <Row>\r\n            <Col></Col>\r\n            <Col md=\"5\" sm=\"12\">\r\n              <PicAndText\r\n                IconElement={Category}\r\n                header=\"Varasto\"\r\n                text=\"Automaattisesti ajan tasalla oleva varasto ja inventaarioraportti yhdellä napin painalluksella. Varaston ennakointi tilauskannan perusteella.\"\r\n              />\r\n            </Col>\r\n            <Col md=\"5\" sm=\"12\">\r\n              <PicAndText\r\n                IconElement={Add}\r\n                header=\"Lisätoiminnot\"\r\n                text=\"Muun muassa tarkka katelaskenta tarjouksittain ja tilauksittain sekä asiakkaittan ja myyjittäin, sisäinen tiedostopankki, laajat raportointimahdollisuudet ja ennen kaikkea helppokäyttöinen ja tehokas nykyaikainen järjestelmä.\"\r\n              />\r\n            </Col>\r\n            <Col></Col>\r\n          </Row>\r\n        </Container>\r\n      </Layout>\r\n    </>\r\n  );\r\n}\r\n"],"sourceRoot":""}