{"version":3,"sources":["Icons/twLink.svg","components/caseStudies/index.js","components/hero/index.js","Icons/MeLink.svg","Icons/InLink.svg","themeContext/index.js","Icons/Moon.svg","components/Footer/index.js","Icons/Sun.svg","components/Menu/Hamburger.svg","components/toggleButton/index.js","components/menuDesk/index.js","components/Menu/index.js","components/header/index.js","components/Layout/index.js","components/ourServices/Items/index.js","components/slider/slider.js","components/ourServices/index.js","pages/home/Home.js","pages/OurServices/index.js","pages/aboutUs/index.js","components/form/index.js","pages/ContactUs/index.js","pages/Error/index.js","components/scrollToTop.js","App.js","index.js"],"names":["_path","CaseStudies","className","data","map","c","index","src","img","alt","title","subtitle","description","href","target","Hero","to","_excluded","_extends","Object","assign","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","_objectWithoutProperties","excluded","sourceKeys","keys","indexOf","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","propertyIsEnumerable","SvgTwLink","_ref","svgRef","titleId","props","width","height","viewBox","fill","xmlns","ref","id","d","ForwardRef","SvgMeLink","SvgInLink","Context","React","createContext","ThemeContextProvider","children","useState","theme","setTheme","Provider","value","Footer","logo","useContext","process","SvgMoon","_path2","SvgSun","_path3","ToggleButton","type","onClick","MenuDesk","SvgHamburger","fillRule","clipRule","Menu","sidebar","setSidebar","showSidebar","useEffect","document","addEventListener","console","log","Header","header","setHeader","window","scrollY","Layout","Items","imgDark","imgLight","Slider","Carousel","controls","indicators","Item","imgL","OurServices","e","Home","AboutUs","description1","description2","bold","text","Form","onSubmit","preventDefault","emailjs","sendForm","then","result","error","reset","required","name","placeholder","industries","cols","rows","ContactUs","ErrorPage","withRouter","history","unlisten","listen","scrollTo","App","actualtheme","exact","path","component","ReactDOM","render","StrictMode","getElementById"],"mappings":"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","file":"static/js/main.185b7f23.chunk.js","sourcesContent":["var _path;\n\nvar _excluded = [\"title\", \"titleId\"];\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nfunction SvgTwLink(_ref, svgRef) {\n  var title = _ref.title,\n      titleId = _ref.titleId,\n      props = _objectWithoutProperties(_ref, _excluded);\n\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    width: 32,\n    height: 32,\n    viewBox: \"0 0 32 32\",\n    fill: \"none\",\n    xmlns: \"http://www.w3.org/2000/svg\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M16 0C7.1622 0 0 7.1622 0 16C0 24.8378 7.1622 32 16 32C24.8378 32 32 24.8378 32 16C32 7.1622 24.8378 0 16 0ZM22.8626 13.4047C22.8696 13.5511 22.8731 13.6974 22.8731 13.8472C22.8731 18.3514 19.4418 23.5489 13.1713 23.5489C11.2449 23.5489 9.45439 22.9845 7.94252 22.0161C8.21076 22.0475 8.48247 22.0649 8.75419 22.0649C10.3531 22.0649 11.8232 21.518 12.9902 20.6053C11.4992 20.5774 10.2382 19.5916 9.80623 18.2364C10.0152 18.2748 10.2277 18.2992 10.4472 18.2992C10.7572 18.2992 11.0603 18.2573 11.346 18.1807C9.78533 17.8672 8.61136 16.4877 8.61136 14.8365C8.61136 14.8226 8.61136 14.8086 8.61136 14.7912C9.07119 15.0455 9.59721 15.2023 10.1546 15.2162C9.23841 14.6066 8.63575 13.5615 8.63575 12.3771C8.63575 11.7535 8.80645 11.1683 9.09906 10.6632C10.7816 12.7255 13.2933 14.084 16.1289 14.2269C16.0697 13.9761 16.0418 13.7183 16.0418 13.45C16.0418 11.5689 17.5676 10.0396 19.4522 10.0396C20.4346 10.0396 21.3194 10.4542 21.943 11.116C22.7198 10.9628 23.4479 10.6806 24.1062 10.287C23.8519 11.0812 23.312 11.7501 22.6083 12.1716C23.2981 12.088 23.9565 11.9068 24.5661 11.6351C24.1097 12.3214 23.528 12.924 22.8626 13.4047Z\",\n    fill: \"currentColor\"\n  })));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgTwLink);\nexport default __webpack_public_path__ + \"static/media/twLink.4212ae55.svg\";\nexport { ForwardRef as ReactComponent };","import React, { Fragment } from 'react'\nimport data from '../../data/CaseStudies.json'\nimport './style.scss'\n\nconst CaseStudies = () => {\n  return (\n    <div className=\"caseStudies\">\n      <h2>CASE STUDIES</h2>\n      <div className=\"caseStudies__items-container\">\n        {data.map((c, index) => {\n          return (\n            <Fragment key={index} >\n              <div className=\"caseStudies__items-container--text\">\n                <img\n                  className=\"img-dark\"\n                  src={process.env.PUBLIC_URL + '/assets/' + c.img}\n                  alt={c.img}\n                />\n                <div className={'Card text-' + index}>\n                  <h3>{c.title}</h3>\n                  <p className=\"subtitle\">{c.subtitle}</p>\n                  <p>{c.description}</p>\n                  <button>READ CASE STUDY</button>\n                </div>\n              </div>\n              <a href=\"https://medium.com/@matechstudios\" target=\"blank\">\n                <button className=\"caseStudies__items-container--button\">READ CASE STUDY</button>\n              </a>\n            </Fragment>\n          )\n        })}\n        <button className=\"caseStudies__items-container--button-cases\">\n        <a href=\"https://medium.com/@matechstudios\" target=\"blank\">\n          VIEW ALL CASE STUDIES\n        </a>\n        </button>\n      </div>\n    </div>\n  )\n}\n\nexport default CaseStudies\n","import React from 'react'\nimport { Fragment } from 'react'\nimport { Link } from 'react-router-dom'\nimport './style.scss'\n\nconst Hero = () => {\n  return (\n    <Fragment> \n    <div className='hero'>\n      <h1 className='hero__title'>EMBRACE TECHNOLOGY, CHANGE LIVES</h1>\n      <p className='hero__p'>Improve people’s lives with the power of technology </p>\n      <Link to='/contact-us'>\n      <button className='hero__button'>CONTACT US</button>\n      </Link>\n    </div>\n    </Fragment>\n   \n  )\n}\n\nexport default Hero\n","var _path;\n\nvar _excluded = [\"title\", \"titleId\"];\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nfunction SvgMeLink(_ref, svgRef) {\n  var title = _ref.title,\n      titleId = _ref.titleId,\n      props = _objectWithoutProperties(_ref, _excluded);\n\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    width: 32,\n    height: 32,\n    viewBox: \"0 0 32 32\",\n    fill: \"none\",\n    xmlns: \"http://www.w3.org/2000/svg\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M16 0C7.16 0 0 7.16 0 16C0 24.84 7.16 32 16 32C24.84 32 32 24.84 32 16C32 7.16 24.84 0 16 0ZM25 8.32L23.56 9.77C23.44 9.87 23.37 10.03 23.4 10.19V20.82C23.37 20.98 23.44 21.14 23.56 21.24L24.96 22.69V23H17.9V22.68L19.35 21.2C19.49 21.05 19.49 21.01 19.49 20.78V12.19L15.45 22.97H14.9L10.19 12.19V19.41C10.15 19.71 10.25 20.02 10.45 20.24L12.34 22.65V22.97H7V22.65L8.89 20.24C9.09 20.02 9.18 19.71 9.13 19.41V11.06C9.15 10.83 9.07 10.6 8.9 10.44L7.23 8.32V8H12.45L16.48 17.29L20.03 8H25V8.32Z\",\n    fill: \"currentColor\"\n  })));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgMeLink);\nexport default __webpack_public_path__ + \"static/media/MeLink.e4072516.svg\";\nexport { ForwardRef as ReactComponent };","var _path;\n\nvar _excluded = [\"title\", \"titleId\"];\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nfunction SvgInLink(_ref, svgRef) {\n  var title = _ref.title,\n      titleId = _ref.titleId,\n      props = _objectWithoutProperties(_ref, _excluded);\n\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    width: 32,\n    height: 32,\n    viewBox: \"0 0 32 32\",\n    fill: \"none\",\n    xmlns: \"http://www.w3.org/2000/svg\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M15.9983 0C7.16314 0 0 7.16314 0 15.9983C0 24.8369 7.16314 32 15.9983 32C24.8334 32 31.9965 24.8369 31.9965 16.0017C32 7.16314 24.8369 0 15.9983 0ZM11.9987 23.5707H8.60618V12.6647H11.9987V23.5707ZM10.3024 11.1766C9.21323 11.1766 8.33561 10.2955 8.33561 9.20976C8.33561 8.12748 9.21323 7.2464 10.3024 7.2464C11.3882 7.2464 12.2658 8.12748 12.2658 9.20976C12.2658 10.2955 11.3882 11.1766 10.3024 11.1766ZM24.6877 23.5707H21.3021V18.2669C21.3021 17.0008 21.2778 15.3739 19.5399 15.3739C17.7778 15.3739 17.5072 16.751 17.5072 18.1732V23.5673H14.1216V12.6647H17.3719V14.1528H17.417C17.868 13.296 18.9745 12.3907 20.6222 12.3907C24.0494 12.3907 24.6842 14.6489 24.6842 17.5835V23.5707H24.6877Z\",\n    fill: \"currentColor\"\n  })));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgInLink);\nexport default __webpack_public_path__ + \"static/media/InLink.cd0bd205.svg\";\nexport { ForwardRef as ReactComponent };","import React, { useState } from 'react';\n\nconst Context = React.createContext({})\n\nexport function ThemeContextProvider ({children}) {\n  const [theme, setTheme] = useState('Light')\n\n  return <Context.Provider value={{theme, setTheme}}>\n    {children}\n  </Context.Provider>\n\n}\n\n  export default Context","var _path;\n\nvar _excluded = [\"title\", \"titleId\"];\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nfunction SvgMoon(_ref, svgRef) {\n  var title = _ref.title,\n      titleId = _ref.titleId,\n      props = _objectWithoutProperties(_ref, _excluded);\n\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    width: 16,\n    height: 16,\n    viewBox: \"0 0 18 18\",\n    fill: \"none\",\n    xmlns: \"http://www.w3.org/2000/svg\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M5.26897 2.3711C3.68935 3.28937 2.51014 4.72555 1.91503 6.4666C1.26114 8.38396 1.38971 10.4409 2.28238 12.2591C3.56812 14.878 6.18001 16.5052 9.10048 16.5052C13.0459 16.5052 15.2206 13.7136 15.9443 12.1819C14.6402 12.7402 13.2516 13.0304 11.8887 13.0304C8.78823 13.0304 6.12123 11.5171 4.92366 9.08185C3.90241 6.99553 4.06405 4.54557 5.26897 2.3711ZM9.10048 18.0001C5.60326 18.0001 2.47341 16.0534 0.934192 12.9166C-0.134809 10.7384 -0.292772 8.27377 0.493366 5.97808C1.2795 3.6824 2.91056 1.83116 5.09264 0.762284C5.78694 0.420686 6.52532 0.170916 7.2784 0.0166456C7.60167 -0.0531432 7.93229 0.1048 8.09025 0.394974C8.24821 0.685149 8.19311 1.04511 7.958 1.28019C5.84204 3.39222 5.18081 6.19479 6.27552 8.42069C7.21595 10.338 9.36865 11.5281 11.8924 11.5281C14.4234 11.5281 16.5063 10.2205 16.8406 10.0001C17.0941 9.83116 17.4247 9.83483 17.6745 10.0075C17.9243 10.1801 18.0419 10.4813 17.9868 10.7825C17.4468 13.7467 14.552 18.0001 9.10048 18.0001Z\",\n    fill: \"white\"\n  })));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgMoon);\nexport default __webpack_public_path__ + \"static/media/Moon.59402280.svg\";\nexport { ForwardRef as ReactComponent };","import React, { Fragment } from 'react'\nimport { Link } from 'react-router-dom'\nimport { ReactComponent as Twitter } from '../../Icons/twLink.svg'\nimport { ReactComponent as Medium } from '../../Icons/MeLink.svg'\nimport { ReactComponent as Linkedin } from '../../Icons/InLink.svg'\nimport './style.scss'\nimport { useContext } from 'react'\nimport Context from '../../themeContext'\n\n\n\nconst Footer = () => {\n  const {theme} = useContext(Context)\n  const logo = theme === \"Light\" ? \"\" : \"Dark\"\n  \n  return (\n    <Fragment>\n      <div className=\"footer\">\n        <div className=\"footer__img-mob\">\n          <img src={process.env.PUBLIC_URL + `/assets/LogoHorizontal${logo}.svg`} alt=\"Logo\" />\n        </div>\n        <div className=\"footer__img-desk\">\n          <img src={process.env.PUBLIC_URL + `/assets/LogoVertical${logo}.svg`} alt=\"Logo\" />\n        </div>\n        <div className=\"footer__follow\">\n          <div className=\"footer__follow__links\">\n            <h4>Follow Us</h4>\n            <div className=\"footer__follow__links__icons\">\n              <a href=\"https://www.linkedin.com/company/matech-studios/\" target=\"blank\">\n                <Linkedin className=\"icon\" />\n              </a>\n              <a href=\"https://twitter.com\" target=\"blank\">\n                <Twitter className=\"icon\" />\n              </a>\n              <a href=\"https://medium.com/@matechstudios\" target=\"blank\">\n                <Medium className=\"icon\" />\n              </a>\n            </div>\n          </div>\n          <div className=\"footer__mail\">\n            <p>info@matechstudios.com</p>\n          </div>\n          <Link to=\"/contact-us\">\n            <button>CONTACT US</button>\n          </Link>\n        </div>\n        <div className=\"footer__pages\">\n          <div className=\"footer__pages__services\">\n            <h4>Our Services</h4>\n            <p>Solution Development</p>\n            <p>Quality Engineering</p>\n            <p>Business Processes</p>\n            <p>Solution Integration</p>\n            <p>DevOps Mentality</p>\n          </div>\n        </div>\n      </div>\n      <div className=\"footer__rights\">\n        <p>Matech Studios</p>\n      </div>\n    </Fragment>\n  )\n}\n\nexport default Footer\n","var _path, _path2;\n\nvar _excluded = [\"title\", \"titleId\"];\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nfunction SvgSun(_ref, svgRef) {\n  var title = _ref.title,\n      titleId = _ref.titleId,\n      props = _objectWithoutProperties(_ref, _excluded);\n\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    width: 16,\n    height: 16,\n    viewBox: \"0 0 15 16\",\n    fill: \"none\",\n    xmlns: \"http://www.w3.org/2000/svg\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M13.4395 8L14.8992 6.00332C14.9989 5.86688 15.0275 5.6895 14.9759 5.52786C14.9243 5.36622 14.7989 5.23992 14.6394 5.18919L12.3055 4.44713L12.3334 1.95854C12.3354 1.78851 12.256 1.62792 12.1209 1.52786C11.9859 1.4278 11.8113 1.40086 11.6531 1.45509L9.33646 2.25103L7.9217 0.221114C7.82477 0.082568 7.66804 0 7.50099 0C7.33394 0 7.1772 0.082568 7.08027 0.221114L5.66586 2.25103L3.34918 1.45509C3.19072 1.40051 3.01645 1.4278 2.88137 1.52786C2.74629 1.62792 2.66689 1.78816 2.66895 1.95854L2.69679 4.44713L0.362924 5.18919C0.203438 5.23992 0.0779793 5.36622 0.0264211 5.52786C-0.0251371 5.6895 0.00339174 5.86688 0.103071 6.00332L1.56286 8L0.103071 9.99668C0.00339174 10.1331 -0.0251371 10.3105 0.0264211 10.4721C0.0779793 10.6338 0.203438 10.7601 0.362924 10.8108L2.69679 11.5529L2.66895 14.0415C2.66689 14.2115 2.74629 14.3721 2.88137 14.4721C3.01645 14.5722 3.19106 14.5991 3.34918 14.5449L5.66586 13.749L7.08062 15.7789C7.1772 15.9178 7.33394 16 7.50133 16C7.66872 16 7.82512 15.9174 7.92205 15.7789L9.33646 13.749L11.6531 14.5449C11.8116 14.5991 11.9859 14.5722 12.1209 14.4721C12.256 14.3721 12.3354 14.2115 12.3334 14.0415L12.3055 11.5529L14.6394 10.8108C14.7989 10.7601 14.9243 10.6338 14.9759 10.4721C15.0275 10.3105 14.9989 10.1331 14.8992 9.99668L13.4395 8ZM11.6318 10.6674C11.4146 10.7366 11.2675 10.9424 11.2699 11.1743L11.294 13.3137L9.30243 12.6294C9.08657 12.5552 8.84872 12.634 8.71707 12.8229L7.50099 14.568L6.2849 12.8229C6.18625 12.6812 6.02814 12.6018 5.86419 12.6018C5.80919 12.6018 5.75351 12.6109 5.69954 12.6294L3.70802 13.3137L3.73208 11.1743C3.73483 10.9427 3.58772 10.7366 3.37014 10.6674L1.36384 10.0296L2.61842 8.31313C2.75454 8.127 2.75454 7.87265 2.61842 7.68652L1.3635 5.97009L3.3698 5.33228C3.58703 5.26301 3.73414 5.05694 3.73174 4.82533L3.70768 2.68591L5.6992 3.37024C5.91506 3.44442 6.15291 3.3657 6.28456 3.17677L7.50064 1.43165L8.71673 3.17677C8.84837 3.3657 9.08657 3.44442 9.30209 3.37024L11.2936 2.68591L11.2695 4.82533C11.2668 5.05694 11.4139 5.26301 11.6315 5.33228L13.6378 5.97009L12.3829 7.68652C12.2471 7.87265 12.2471 8.127 12.3829 8.31313L13.6374 10.0296L11.6318 10.6674Z\",\n    fill: \"#0B3E1C\"\n  })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M7.50007 3.59344C5.11292 3.59344 3.1709 5.57018 3.1709 7.99999C3.1709 10.4298 5.11292 12.4065 7.50007 12.4065C9.88721 12.4065 11.8292 10.4298 11.8292 7.99999C11.8292 5.57018 9.88721 3.59344 7.50007 3.59344ZM7.50007 11.3569C5.68144 11.3569 4.20206 9.85112 4.20206 7.99999C4.20206 6.1492 5.68144 4.64304 7.50007 4.64304C9.3187 4.64304 10.7981 6.14885 10.7981 7.99999C10.7981 9.85112 9.3187 11.3569 7.50007 11.3569Z\",\n    fill: \"#0B3E1C\"\n  })));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgSun);\nexport default __webpack_public_path__ + \"static/media/Sun.6d4c2619.svg\";\nexport { ForwardRef as ReactComponent };","var _path, _path2, _path3;\n\nvar _excluded = [\"title\", \"titleId\"];\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nfunction SvgHamburger(_ref, svgRef) {\n  var title = _ref.title,\n      titleId = _ref.titleId,\n      props = _objectWithoutProperties(_ref, _excluded);\n\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    width: 42,\n    height: 42,\n    viewBox: \"0 0 42 42\",\n    fill: \"none\",\n    xmlns: \"http://www.w3.org/2000/svg\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n    fillRule: \"evenodd\",\n    clipRule: \"evenodd\",\n    d: \"M5.25 31.5H36.75V28H5.25V31.5Z\",\n    fill: \"currentColor\"\n  })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n    fillRule: \"evenodd\",\n    clipRule: \"evenodd\",\n    d: \"M5.25 22.75H36.75V19.25H5.25V22.75Z\",\n    fill: \"currentColor\"\n  })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n    fillRule: \"evenodd\",\n    clipRule: \"evenodd\",\n    d: \"M5.25 10.5V14H36.75V10.5H5.25Z\",\n    fill: \"currentColor\"\n  })));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgHamburger);\nexport default __webpack_public_path__ + \"static/media/Hamburger.6aa35790.svg\";\nexport { ForwardRef as ReactComponent };","import React, { useContext } from 'react'\nimport Context from '../../themeContext'\nimport './style.scss'\nimport{ReactComponent as Moon} from '../../Icons/Moon.svg'\nimport {ReactComponent as Sun} from '../../Icons/Sun.svg'\n\n\n\nconst ToggleButton = () => {\n  const {theme, setTheme} = useContext(Context)\n  \n\n  \n\n  return (\n   <label className=\"switch\">\n  <input type=\"checkbox\" onClick={() => setTheme(theme==='Light' ? 'Dark' : 'Light')} />\n   \n  <span className=\"slider round\">\n  <div className='moon'>\n  <Moon/>\n  </div> \n  <div className='sun'>\n  <Sun/>\n  </div>  \n  </span>\n \n</label>\n  )\n}\n\nexport default ToggleButton\n","import React from 'react'\nimport { Link } from 'react-router-dom'\nimport './style.scss'\nimport {ReactComponent as Twitter } from '../../Icons/twLink.svg'\nimport {ReactComponent as Medium } from '../../Icons/MeLink.svg'\nimport {ReactComponent as Linkedin } from '../../Icons/InLink.svg'\nimport ToggleButton from '../toggleButton'\n\n\nconst MenuDesk = () => {\n  return (\n    <nav className=\"menuDesk\">\n      <div>\n        <Link to=\"/\">Home</Link>\n      </div>\n      <div>\n        <Link to=\"/our-services\">Our Services</Link>        \n      </div>\n      <div>\n        <a href=\"https://medium.com/@matechstudios\" target='blank'>Case Studies</a>\n      </div>\n      <div>\n        <Link to=\"/about-us\">About Us</Link>\n      </div>\n      <div>\n        <Link to=\"/contact-us\">Contact Us</Link>\n      </div>\n      <div className=\"menuDesk__icons\">\n        <a href=\"https://www.linkedin.com/company/matech-studios/\" target=\"blank\">\n          <Linkedin className='icon' />\n        </a>\n        <a href=\"https://twitter.com\" target=\"blank\">\n         <Twitter className='icon' />\n        </a>\n        <a href=\"https://medium.com/@matechstudios\" target=\"blank\">\n         <Medium className='icon' />\n        </a>\n      </div>\n      <div className='toggleButton'>\n        <ToggleButton />\n        </div>\n    </nav>\n  )\n}\n\nexport default MenuDesk\n","import React, { useEffect, useState } from 'react'\nimport { Fragment } from 'react'\nimport { Link } from 'react-router-dom'\nimport MenuDesk from '../menuDesk'\nimport './style.scss'\nimport {ReactComponent as Hamburger} from './Hamburger.svg'\nimport {ReactComponent as Twitter } from '../../Icons/twLink.svg'\nimport {ReactComponent as Medium } from '../../Icons/MeLink.svg'\nimport {ReactComponent as Linkedin } from '../../Icons/InLink.svg'\nimport ToggleButton from '../toggleButton'\n\n\nconst Menu = () => {\n  const [sidebar, setSidebar] = useState(false)\n\n  const showSidebar = () => setSidebar(!sidebar)\n\n  useEffect(() => {\n    document.addEventListener('mousedown', () => {\n      setSidebar(false)\n    })\n  })\n  console.log(sidebar)\n \n  return (\n    <Fragment>   \n    <div>\n <div className=\"navBar\">\n       <Hamburger onClick={showSidebar} className='hamburger'/>\n      </div> \n<nav className={sidebar ? 'menu active' : 'menu'} onClick={showSidebar}>  \n      <div className=\"menu__logo\">\n        <img src={process.env.PUBLIC_URL + '/assets/LogoHorizontal.svg'} alt=\"logo\" />\n      </div>\n      <div className=\"menu__section\">\n        <Link className=\"menu__section--link\" to='/'>Home</Link>\n      </div>\n      <div className=\"menu__section\">\n        <Link className=\"menu__section--link\" to='/our-services'>Our Services</Link>     \n      </div>\n      <div className=\"menu__section\">\n        <a className=\"menu__section--link\" href='https://medium.com/@matechstudios' target='blank'>Case Studies</a>\n      </div>\n      <div className=\"menu__section\">\n        <Link className=\"menu__section--link\" to='/about-us'>About Us</Link>\n      </div>\n      <div className=\"menu__section\">\n        <Link className=\"menu__section--link\" to='/contact-us'>Contact Us</Link>\n      </div>\n      <div className=\"menu__section\" >\n        <div className=\"menu__section__icons\" >\n        <a href='https://www.linkedin.com/company/matech-studios/' target='blank'>\n         <Linkedin className='icon' />\n        </a>\n        <a href='https://twitter.com' target='blank'>\n         <Twitter className='icon' />\n        </a>\n        <a href='https://medium.com/@matechstudios' target='blank'>\n\n          <Medium className='icon' />\n        </a>\n        </div>\n        <div className='toggleButton'>\n        <ToggleButton />\n        </div>\n      </div>\n    </nav>\n    </div>\n    <MenuDesk  />\n   \n    </Fragment>\n    \n  )\n}\n\nexport default Menu\n","import React, { useState } from 'react'\nimport { Link } from 'react-router-dom'\nimport Menu from '../Menu'\n\n\nimport './style.scss'\nimport { useContext } from 'react'\nimport Context from '../../themeContext'\nconst Header = () => {\n\n  const [header, setHeader] = useState(false)\n  \n  const {theme} = useContext(Context)\n  const logo = theme === \"Light\" ? \"\" : \"Dark\"\n\n  const changeBackground = () => {\n    if(window.scrollY >= 10){\n      setHeader(true)\n    }else{\n      setHeader(false)\n    }\n  }\n\n  window.addEventListener('scroll', changeBackground)\n\n  return (\n    <div className={header ? 'header active' : 'header'}>\n      <Link to='/'>\n       <img src={process.env.PUBLIC_URL + `/assets/LogoHorizontal${logo}.svg`} alt=\"logo\" />\n      </Link>\n      <Menu />            \n    </div>\n  )\n}\n\nexport default Header\n","import React from 'react'\nimport Footer from '../Footer'\nimport Header from '../header'\nimport { Fragment } from 'react'\n\nconst Layout = (props) => {\n  return (\n    <Fragment>\n    <Header/>\n     {/* <div  style={{backgroundImage: `url(${process.env.PUBLIC_URL + '/assets/HerofondoDark.svg'})`, backgroundRepeat:'no-repeat',backgroundPosition:'right'}} >\n    <div className='layout__hero'  >\n    <Hero />\n    </div>\n    </div> */}\n    {props.children}\n      <Footer />\n\n    </Fragment>\n   \n  )\n}\n\nexport default Layout\n","import React from 'react'\nimport './style.scss'\n\nconst Items = ({imgDark,imgLight, title, description}) => {\n  console.log()\n  return (\n    <div className='items'>\n      <div className='items__img'>\n        <img className='img-Dark' src={process.env.PUBLIC_URL + '/assets/gifs/' + imgDark} alt={imgDark}/> \n         <img className='img-Light' src={process.env.PUBLIC_URL + '/assets/gifs/' + imgLight} alt={imgLight}/>               \n      </div>      \n      <div className='items__info'>        \n      <h4>{title} </h4>\n      <p>{description} </p>\n      </div>\n    </div>\n  )\n}\n\nexport default Items","import React from 'react'\nimport {Carousel} from 'react-bootstrap'\nimport Items from '../ourServices/Items'\nimport data from '../../data/OurServices.json'\n\nconst Slider = () => {\n  return (\n   \n   <Carousel controls={false} indicators={false}>\n{data.map( d => {\n  return(    \n<Carousel.Item key={d.title}>\n    <Items imgDark={d.img} imgLight={d.imgL} title={d.title} description={d.description} />\n  </Carousel.Item>\n    \n  )\n})}    \n</Carousel>\n    \n  )\n}\n\nexport default Slider\n","import React from 'react'\nimport { Link } from 'react-router-dom'\nimport Slider from '../slider/slider'\nimport data from '../../data/OurServices.json'\nimport './style.scss'\nimport Items from './Items'\n\nconst OurServices = () => {\n  return (\n    <div className='ourServices'>\n      <h2 >OUR SERVICES</h2>\n      <div className='ourServices__service'>\n       <Slider />\n      </div>\n      <div className='ourServices__services'>\n\n         {data.map( e => {\n           return (\n           <Items key={e.title} imgDark={e.img} title={e.title} description={e.description} imgLight={e.imgL} />\n           )\n         })}   \n      </div>\n      <h3>Got a big idea? Let us help you turn your dream into software!</h3>      \n      <button><Link to='/our-services'>VIEW OUR SERVICES</Link></button>\n    </div>\n  )\n}\n\nexport default OurServices\n","import React from 'react'\nimport CaseStudies from '../../components/caseStudies';\nimport Hero from '../../components/hero';\nimport Layout from '../../components/Layout';\nimport OurServices from '../../components/ourServices';\nimport './style.scss'\n\n\nconst Home = () => {\n  return (\n    <Layout>\n    \n     <div className='homeHero'  > \n     <div className='homeHero__text'>\n    <Hero />\n     </div>   \n    </div>\n   \n <OurServices />   \n   <CaseStudies/>  \n    </Layout>\n         \n   \n  \n   \n    \n  )\n}\n\nexport default Home ","import React from 'react'\nimport Hero from '../../components/hero'\nimport Layout from '../../components/Layout'\nimport data from '../../data/BussinesProcess.json'\nimport './style.scss'\n\nconst OurServices = () => {\n  return (\n    <Layout>\n    <div className='ourServicesHero'>\n    <Hero />\n    </div>\n    \n      {data.map((e, index) => {\n        return (\n          <div className=\"service-desc\">  \n          <img src={process.env.PUBLIC_URL + '/assets/' + e.img} alt={e.img} />     \n          <div className={'text-' + index}>\n            <h3>{e.title}</h3>\n            <p className=\"service-desc__subtitle\">{e.subtitle}</p>\n            <p>{e.description}</p>\n          </div>   \n          </div>\n        )\n      })}\n    </Layout>\n  )\n}\n\nexport default OurServices\n","import React from 'react'\nimport data from '../../data/aboutUs.json'\nimport './style.scss'\nimport Layout from '../../components/Layout'\nimport Hero from '../../components/hero'\n\nconst AboutUs = () => {\n  return (\n    <Layout>\n    <div className='aboutUsHero'>\n<Hero />\n    </div>\n      <div className='aboutUs'>  \n      <div className='aboutUs__desk'>      \n      <div className='aboutUs__desk--item Card'>\n      <h2>Our Purpose (WHY)</h2>\n      <p>Embrace the power of technology to improve people’s lives. </p>\n      <h2>Our Vision (WHAT)</h2>\n      <p>Top-notch technology company actively impacting people’s lives. </p>    \n      </div>\n      <img src={process.env.PUBLIC_URL + '/assets/AboutUsPorpDesk.png'} alt='PoprImg' />\n      </div>    \n {data.map((e, index) => {\n        return (        \n\n <div className={'aboutUs__card text-' + index }>\n           {e.img && <img src={process.env.PUBLIC_URL + '/assets/' + e.img} alt={e.img} />}\n           <div className={'Card desc-' + index}>\n<h2>{e.title}</h2>\n            {e.description1 && <p className='aboutUs__card--desc'>{e.description1}</p>}\n            {e.description2 && <p className='aboutUs__card--desc'>{e.description2}</p>}\n            {e.description &&\n              e.description.map((d) => {\n                return (\n                  <p className='aboutUs__card--val'>\n                    <b>{d.bold}</b>\n                    {d.text}\n                  </p>\n                )\n              })}\n           </div>\n\n \n</div>\n           \n          \n          \n\n         \n        )\n      })}\n      </div>\n    </Layout>\n      \n     \n     \n  )\n}\n\nexport default AboutUs\n","import React from 'react'\nimport industries from '../../data/industries.json'\nimport emailjs from 'emailjs-com'\n\n\n\nimport './style.scss'\n\n\n\n\nconst Form = () => {\n \n\n  function sendEmail(e) {\n    e.preventDefault();\n\n    emailjs.sendForm('service_09s1osg', 'template_vd30f9d', e.target, 'user_j12Gmfl2v7Rw2vfvA1wx0')\n      .then((result) => {\n          console.log(result.text);\n      }, (error) => {\n          console.log(error.text);\n      });\n      e.target.reset()\n  }\n\n  return (\n    <form className='form' onSubmit={sendEmail}>\n\n     <div className='form__sec'>\n      <label>Full name*</label>\n      <input required type='Text' name='fullName' placeholder='Write your full'  />      \n    </div>\n    \n    <div className='form__sec'>\n      <label>Email*</label>\n      <input required type='Email' name='email'  placeholder='example@yourcom'  />      \n    </div>   \n\n    <div className='form__sec'>\n      <label>Name of your company*</label>\n      <input required type='Text' name='company'  placeholder='Your company'   />      \n    </div>   \n\n    <div className='form__sec'>\n      <label>Industry*</label>\n     \n      <select required type='select' name='industry'   >\n       {industries.map( (e, index) => {\n        return(<option key={index} value={e}>{e}</option>)      \n      })}\n      </select>\n    </div>     \n\n    <div className='form__sec'>\n      <p>Size of the company *</p>\n\n      <div className='form__sec--rad'>\n      <input required type='radio' name='size' value='1 to 10 employees'  ></input> \n      <label>1 to 10 employees</label>\n      </div>\n\n      <div className='form__sec--rad'>\n      <input required type='radio' name='size' value='10 to 50 employees'  ></input> \n      <label>10 to 50 employees</label>\n      </div>\n\n      <div className='form__sec--rad'>\n      <input required type='radio' name='size' value='More than 50 employees' ></input> \n      <label>More than 50 employees</label>\n      </div>      \n       </div>\n\n      <div className='form__sec'>\n      <label>Message</label>\n      <textarea required name=\"message\"  cols=\"40\" rows=\"5\" placeholder='Message'></textarea>\n      </div>\n\n<div className='form__sec-button'>\n      <button >SEND</button>  \n</div>\n\n   \n    </form>\n  )\n}\n\nexport default Form\n","import React from 'react'\nimport Form from '../../components/form'\nimport Header from '../../components/header'\nimport Footer from '../../components/Footer'\nimport './style.scss'\n\nconst ContactUs = () => {\n  return (\n    <div >    \n      <Header />\n      <div className='contactUs'>\n      <div className='contactUs__heroContactUs' >\n      <h1 className='contactUs__heroContactUs__title'>CONTACT MATECH STUDIOS</h1>\n      <p className='contactUs__heroContactUs__p'>Reach us and change the World</p>    \n    </div>\n    <Form/>   \n      </div>          \n     <Footer />\n    </div>\n  )\n}\n export default ContactUs ","import React from 'react'\nimport { Fragment } from 'react'\nimport { Link } from 'react-router-dom'\nimport Footer from '../../components/Footer'\nimport Header from '../../components/header'\nimport './style.scss'\n\nconst ErrorPage = () => {\n  return (\n    <Fragment>\n    <div className='error'>\n    \n    \n      <Header />\n   \n      <div className='heroError' >\n      <h1  >404</h1>\n      <h2 >SOMETHING´S MISSING</h2>\n      <p >This page is missing or you assembled the link incorrectly. </p>    \n     \n      <button> <Link to='/'>GO BACK TO HOME</Link></button>\n    </div>\n    </div>\n    \n    <Footer />\n    </Fragment>\n    \n  )\n}\n\nexport default ErrorPage\n","import { useEffect } from 'react';\nimport { withRouter } from 'react-router-dom';\n\nfunction ScrollToTop({ history }) {\n  useEffect(() => {\n    const unlisten = history.listen(() => {\n      window.scrollTo(0, 0);\n    });\n    return () => {\n      unlisten();\n    }\n  }, [history]);\n\n  return (null);\n}\n\nexport default withRouter(ScrollToTop);","import React from 'react';\n\nimport { BrowserRouter, Route, Switch } from 'react-router-dom'\nimport Home from './pages/home/Home'\nimport OurServices from './pages/OurServices'\nimport AboutUs from './pages/aboutUs'\nimport ContactUs from './pages/ContactUs'\nimport ErrorPage from './pages/Error'\n\n\n\nimport './style.scss'\nimport { Fragment, useContext } from 'react'\nimport ScrollToTop from './components/scrollToTop'\nimport Context from './themeContext'\n\n\n\nfunction App() {  \n  const {theme} = useContext(Context)\n \n  const actualtheme = theme\n  \n\n\n  return (\n    \n    <div className={'App-' + actualtheme}>\n    <BrowserRouter>\n    <Fragment>    \n    <ScrollToTop/>\n    <Switch>\n        <Route exact path='/' component={Home} />\n        <Route path='/our-services' component={OurServices} />\n        <Route path='/about-us' component={AboutUs} />\n        <Route path='/contact-us' component={ContactUs} />\n        <Route path='*' component={ErrorPage} />\n      </Switch>  \n    </Fragment>      \n    </BrowserRouter>\n    </div>\n   \n  )\n}\n\nexport default App\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport App from './App';\nimport 'bootstrap/dist/css/bootstrap.min.css';\nimport { ThemeContextProvider } from './themeContext';\n\n\n\n\n  \n\nReactDOM.render(\n  <React.StrictMode>\n  <ThemeContextProvider>\n    <App />\n  </ThemeContextProvider>\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n\n"],"sourceRoot":""}