{"version":3,"file":"component---src-pages-contact-js-c2df20cdbff6de0cce16.js","mappings":"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","sources":["webpack://ensemble-software-ro/./src/components/common/banner/Banner.js","webpack://ensemble-software-ro/./src/components/contact/location-widget/LocationWidget.js","webpack://ensemble-software-ro/./src/components/contact/map/Map.js","webpack://ensemble-software-ro/./static/assets/background/bg-bokeh-blue.png","webpack://ensemble-software-ro/./src/pages/contact.js","webpack://ensemble-software-ro/./src/graphql/contact/contact.js"],"sourcesContent":["import React from 'react';\n\n// Bootstrap\nimport {Container} from 'react-bootstrap';\n\n// Less\nimport './Banner.less';\n\nconst Banner = ({\n  bannerOverlay,\n  bannerOpacity,\n  children,\n  text,\n  className,\n  contactDetails,\n}) => {\n  const classes = `banner ${className}`;\n\n  return (\n    <div className={classes}>\n      {bannerOverlay && (\n        <div className=\"banner__overlay\" style={bannerOverlay} />\n      )}\n      <div className=\"banner__gradient\" style={bannerOpacity} />\n      <div className=\"banner__content\">\n        <Container fluid className=\"banner__container\">\n          <h1>{children}</h1>\n          {text && <p>{text}</p>}\n          {contactDetails && (\n            <div className=\"banner__contactDetails\">\n              <p>{contactDetails.name}</p>\n              <p>{contactDetails.position}</p>\n              <p>\n                <a href={`mailto:${contactDetails.email}`}>\n                  {contactDetails.email}\n                </a>\n              </p>\n            </div>\n          )}\n        </Container>\n      </div>\n    </div>\n  );\n};\n\nexport default Banner;\n","import React from 'react';\n\n// Bootstrap\nimport {Container, Col} from 'react-bootstrap';\n\n// Less\nimport './LocationWidget.less';\n\nconst LocationWidget = ({locations}) => {\n  const locationsWidget = locations.map((location, key) => {\n    return (\n      <Col className=\"location-widget__card\" xs={12} key={key}>\n        <p className=\"location-widget__city\">{location.city}</p>\n        <address className=\"location-widget__address\">\n          {location.address.map((address, index) => (\n            <p key={index}>{address}</p>\n          ))}\n        </address>\n        {location.telephone.map((tel, index) => {\n          return (\n            <p className=\"location-widget__telephone\" key={index}>\n              {tel.title}\n              &nbsp;\n              <a href={`tel:${tel.number}`}>{tel.number}</a>\n            </p>\n          );\n        })}\n        <p className=\"location-widget__site\">\n          <a href={`https://${location.site}`} target=\"__blank\">\n            {location.site}\n          </a>\n        </p>\n      </Col>\n    );\n  });\n  return (\n    <div className=\"location-widget\">\n      <Container>{locationsWidget}</Container>\n    </div>\n  );\n};\n\nexport default LocationWidget;\n","import React from 'react';\n\n// Less\nimport './Map.less';\n\nconst Map = () => (\n  <div className='mb-4'>\n    <div className=\"map\">\n      <div className=\"map__container\">\n        <iframe\n          title=\"map\"\n          src=\"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2687.3901539036297!2d23.57382831544795!3d47.657416592459576!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4737dc68b8ac21bb%3A0x3bdd4b8e94d30d5f!2sStrada+Gheorghe+%C8%98incai+31%2C+Baia+Mare!5e0!3m2!1sen!2sro!4v1539352139884\"\n          width=\"100%\"\n          height=\"350px\"\n          frameBorder=\"0\"\n          allowFullScreen\n          name=\"map\"\n        />\n      </div>\n      <form\n        className=\"map__form\"\n        action=\"http://maps.google.com/maps\"\n        method=\"get\"\n        target=\"_blank\"\n      >\n        <label htmlFor=\"saddr\">Enter your location</label>\n        <input type=\"text\" name=\"saddr\" aria-label=\"text-input\" />\n        <input\n          type=\"hidden\"\n          name=\"daddr\"\n          value=\"31 Gheorghe Sincai Street, Baia Mare, 430311\"\n          aria-label=\"text-default\"\n        />\n        <button type=\"submit\">Get directions </button>\n      </form>\n    </div>\n    <div className=\"map\">\n    <div className=\"map__container\">\n      <iframe\n        title=\"map\"\n        src=\"https://maps.google.com/maps?q=Harmanului 17E 500222&t=&z=16&ie=UTF8&iwloc=&output=embed\"\n        width=\"100%\"\n        height=\"350px\"\n        frameBorder=\"0\"\n        allowFullScreen\n        name=\"map\"\n      />\n    </div>\n    <form\n      className=\"map__form\"\n      action=\"http://maps.google.com/maps\"\n      method=\"get\"\n      target=\"_blank\"\n    >\n      <label htmlFor=\"saddr\">Enter your location</label>\n      <input type=\"text\" name=\"saddr\" aria-label=\"text-input\" />\n      <input\n        type=\"hidden\"\n        name=\"daddr\"\n        value=\"Harmanului 17E 500222\"\n        aria-label=\"text-default\"\n      />\n      <button type=\"submit\">Get directions </button>\n    </form>\n  </div>\n  </div>\n);\n\nexport default Map;\n","export default __webpack_public_path__ + \"static/bg-bokeh-blue-6b253e1bac37d6886cc36c80e9652347.png\";","import React from 'react';\n\n// Bootstrap\nimport {Col, Row} from 'react-bootstrap';\n\n// Layout\nimport Layout from '../containers/layout/Layout';\n\n// Components\nimport Banner from '../components/common/banner/Banner';\nimport LocationWidget from '../components/contact/location-widget/LocationWidget';\nimport Map from '../components/contact/map/Map';\n\n// Image\nimport bannerImage from '../../static/assets/background/bg-bokeh-blue.png';\n\n// Data\nimport {useContact} from '../graphql/contact/contact';\n\nconst Contact = () => {\n  const {contactDetails, location} = useContact();\n  const bannerOpacity = {\n    opacity: '0.75',\n  };\n\n  const bannerOverlay = {\n    backgroundImage: `url(${bannerImage})`,\n  };\n\n  const contactStyles = {\n    marginRight: '0',\n    marginLeft: '0',\n  };\n\n  return (\n    <Layout>\n      <Banner\n        bannerOpacity={bannerOpacity}\n        bannerOverlay={bannerOverlay}\n        className=\"bannerContact\"\n        contactDetails={contactDetails}\n      >\n        CONTACT\n      </Banner>\n      <Row style={contactStyles}>\n        <Col md={6}>\n          <Map />\n        </Col>\n        <Col md={6}>\n          <LocationWidget locations={location} />\n        </Col>\n      </Row>\n    </Layout>\n  );\n};\n\nexport default Contact;\n","import {graphql, useStaticQuery} from 'gatsby';\n\nexport const useContact = () => {\n  const {contactJson} = useStaticQuery(graphql`\n    query Contact {\n      contactJson {\n        contactDetails {\n          email\n          name\n          position\n        }\n        location {\n          address\n          site\n          telephone {\n            title\n            number\n          }\n          city\n        }\n      }\n    }\n  `);\n\n  return contactJson;\n};\n"],"names":["_ref","bannerOverlay","bannerOpacity","children","text","className","contactDetails","classes","React","style","Container","fluid","name","position","href","email","locations","locationsWidget","map","location","key","Col","xs","city","address","index","telephone","tel","title","number","site","target","Map","src","width","height","frameBorder","allowFullScreen","action","method","htmlFor","type","value","Contact","useContact","contactJson","useStaticQuery","backgroundImage","bannerImage","Layout","Banner","opacity","Row","marginRight","marginLeft","md","LocationWidget"],"sourceRoot":""}