{"version":3,"sources":["webpack:///./src/pages/about/video.vue?883d","webpack:///./src/pages/about/about.vue?7ad0","webpack:///./src/pages/about/main.vue","webpack:///./src/pages/about/hero.vue","webpack:///./src/pages/about/hero.vue?643d","webpack:///./src/pages/about/about.vue","webpack:///./src/pages/about/about.vue?4a87","webpack:///./src/pages/about/video.vue","webpack:///./src/pages/about/video.vue?531f","webpack:///./src/pages/about/main.vue?a7eb","webpack:///./src/pages/about/hero.vue?a11a"],"names":["_createElementVNode","class","_createVNode","_component_hero","_component_about","_component_videoPlay","_hoisted_1","_hoisted_2","_createElementBlock","_hoisted_3","script","__exports__","src","alt","loop","muted","autoplay","_hoisted_4","components","hero","about","videoPlay","render"],"mappings":"2IAAA,W,oCCAA,W,2DCKEA,eAUU,gBATRA,eAQI,KARDC,MAAM,QAAO,ifADlB,G,iKAJAC,eAAQC,GACRD,eAASE,GACTF,eAAaG,GAEbC,O,OCHKL,MAAM,Q,mmBACTM,G,wCADFC,eAkBM,MAlBN,EAkBMC,G,mCCnBR,MAAMC,EAAS,GAKTC,EAA2B,IAAgBD,EAAQ,CAAC,CAAC,SAAS,GAAQ,CAAC,YAAY,qBAE1E,Q,oFCPRT,MAAM,mB,uBACTD,eAkBM,OAlBDC,MAAM,mBAAiB,CAC1BD,eAMM,YALJA,eAIE,OAHAC,MAAM,QACNW,IAAI,uGACJC,IAAI,6BAGRb,eASM,YARJA,eAA8C,KAA3CC,MAAM,QAAO,8BAChBD,eAAuE,MAAnEC,MAAM,eAAc,8CACxBD,eAKI,SALD,gOAXP,M,GAAAO,G,wCADFC,eAoBM,MApBN,EAoBMC,G,UCpBR,MAAM,EAAS,GAKT,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAAS,GAAQ,CAAC,YAAY,qBAE1E,Q,oFCPPR,MAAM,2B,uBACVD,eAAyI,SAAlIY,IAAI,kGAAkGE,KAAA,GAAKC,MAAA,GAAMC,SAAA,IAAxH,Y,uBACAhB,eAEM,OAFDC,MAAM,iBAAe,CACxBD,eAA+C,UAA3C,4CADN,M,GADAO,EACAE,G,wCAFFD,eAKO,OALP,EAKOS,G,UCLT,MAAM,EAAS,GAKT,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAAS,GAAQ,CAAC,YAAY,qBAE1E,QNeA,GACbC,WAAY,CACVC,OACAC,QACAC,cOtBJ,MAAM,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,KAErD,gB,gFCPf","file":"js/chunk-ebd778ee.414e42db.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./video.vue?vue&type=style&index=0&id=547e9d94&scoped=true&lang=css\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./about.vue?vue&type=style&index=0&id=691463ec&scoped=true&lang=css\"","<template>\n  <hero />\n  <about />\n  <videoPlay />\n\n  <section>\n    <p class=\"mb-5\">\n      Around the world, patrons rely on the hospitality industry in many aspects\n      of their life. From restaurants and hotels, to shops and amusement parks,\n      we experience different forms of hospitality on a daily basis. With\n      origins dating back thousands of years, hospitality is an important\n      concept on which countless businesses operate. To fully understand why\n      hospitality is important, you must first familiarize yourself with the\n      concept of hospitality and how it affects the world around us.\n    </p>\n  </section>\n</template>\n\n<script>\nimport hero from \"./hero\";\nimport about from \"./about\";\nimport videoPlay from \"./video\";\n\nexport default {\n  components: {\n    hero,\n    about,\n    videoPlay,\n  },\n};\n</script>\n\n\n","<template>\n  <!-- hero section -->\n  <div class=\"hero\">\n    <section>\n      <div class=\"content\">\n        <p class=\"heading\">EXPLORING OPPORTUNITIES IN HOSPITALITY</p>\n        <h1>The Hayche Network</h1>\n        <p class=\"description\">\n          Established in 2012, The Hayche Network has quickly become a leading\n          hospitality management and recruitment agency, specializing in the\n          training and supply of top industry professionals to the Hospitality\n          industry.\n        </p>\n        <div class=\"cta-grid\">\n          <a href=\"/network\">\n            <button>Join Network</button>\n          </a>\n        </div>\n      </div>\n    </section>\n  </div>\n</template>\n\n<style scoped>\n/* start of hero */\n.hero {\n  background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, #000000 97.92%),\n    url(\"https://res.cloudinary.com/hayche-network/image/upload/v1646928342/website/images/about/hero_aonf2n.png\");\n  width: 100%;\n  height: 100vh;\n  background-position: center;\n  background-size: cover;\n  background-repeat: no-repeat;\n  position: relative;\n  display: grid;\n  align-items: center;\n}\n\n.hero .content {\n  width: 700px;\n  height: 100%;\n  display: grid;\n  align-items: center;\n}\n\n.hero .content h1 {\n  font-style: normal;\n  font-weight: 300;\n  font-size: 50px;\n  line-height: 1.3;\n  color: white;\n}\n\n@media (max-width: 768px) {\n  .hero .content h1 {\n    font-size: 25px;\n    font-weight: 600;\n    line-height: 1.5;\n  }\n}\n\n.hero .content .heading {\n  font-style: normal;\n  font-weight: normal;\n  font-size: 20px;\n  line-height: 30px;\n  letter-spacing: 0.05em;\n  text-transform: uppercase;\n  color: white;\n  margin-bottom: 22px;\n}\n\n.hero .content .description {\n  font-style: normal;\n  font-weight: normal;\n  font-size: 15px;\n  line-height: 1.5;\n  color: white;\n  margin-bottom: 40px;\n}\n\n.hero .content img {\n  width: 372px;\n  margin-bottom: 10px;\n}\n\n@media (max-width: 768px) {\n  .hero .content img {\n    width: 100%;\n  }\n\n  .hero .content {\n    width: 100%;\n  }\n\n  .hero .content h1 {\n    font-size: 40px;\n    line-height: 50px;\n  }\n}\n\n.cta-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  column-gap: 20px;\n  row-gap: 50px;\n  width: 400px;\n}\n\n@media (max-width: 768px) {\n  .cta-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n    row-gap: 20px;\n    width: 100%;\n  }\n}\n\n.cta-grid button {\n  width: 100%;\n  font-weight: 300;\n  font-size: 14px;\n  color: #3a3a3c;\n  border: none;\n  border-radius: var(--button-border-radius);\n  background-color: white;\n  padding: 15px;\n  cursor: pointer;\n}\n/* end of hero */\n</style>","import { render } from \"./hero.vue?vue&type=template&id=44ab95c6&scoped=true\"\nconst script = {}\n\nimport \"./hero.vue?vue&type=style&index=0&id=44ab95c6&scoped=true&lang=css\"\n\nimport exportComponent from \"/opt/buildhome/repo/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-44ab95c6\"]])\n\nexport default __exports__","<template>\n  <div class=\"about container\">\n    <div class=\"two-column-grid\">\n      <div>\n        <img\n          class=\"image\"\n          src=\"https://res.cloudinary.com/hayche-network/image/upload/v1646928331/website/images/about/1_quwjzv.png\"\n          alt=\"hospitality experience\"\n        />\n      </div>\n      <div>\n        <p class=\"span\">THE HOSPITALITY EXPERIENCE</p>\n        <h1 class=\"sub-heading\">We provide complete hospitality experience</h1>\n        <p>\n          Established in 2012, The Hayche Network has quickly become a leading\n          hospitality management and recruitment agency, specializing in the\n          training and supply of top industry professionals to the Hospitality\n          industry.\n        </p>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n/* hospitality experience */\n.about {\n  margin-top: 150px;\n}\n\n\n@media (max-width: 768px) {\n  .about > p {\n    width: 100%;\n  }\n\n  .two-column-grid div {\n    display: grid;\n    place-items: center;\n  }\n}\n\n.about .two-column-grid {\n  display: grid;\n  align-items: center;\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  column-gap: 100px;\n  row-gap: 100px;\n  margin-bottom: 108px;\n}\n\n.about .two-column-grid .image {\n  width: 80%;\n  border-radius: var(--border-radius);\n  margin: 0 auto;\n  object-fit: cover;\n}\n\n.about .two-column-grid .span {\n  font-style: normal;\n  font-weight: normal;\n  font-size: 15px;\n  line-height: 22px;\n  letter-spacing: 0.2em;\n  color: #1a1a1a;\n  margin-bottom: 19px;\n}\n\n.about .two-column-grid h1 {\n  font-style: normal;\n  font-weight: 500;\n  font-size: 30px;\n  letter-spacing: 0.01em;\n  color: #000000;\n  margin-bottom: 25px;\n  position: relative;\n}\n\n@media (max-width: 768px) {\n  .about .two-column-grid h1 {\n    font-size: 25px;\n  }\n}\n\n.about .two-column-grid p {\n  font-style: normal;\n  font-weight: normal;\n  font-size: 15px;\n  display: flex;\n  align-items: center;\n  letter-spacing: 0.01em;\n  color: #1a1a1a;\n  line-height: 22px;\n}\n</style>","import { render } from \"./about.vue?vue&type=template&id=691463ec&scoped=true\"\nconst script = {}\n\nimport \"./about.vue?vue&type=style&index=0&id=691463ec&scoped=true&lang=css\"\n\nimport exportComponent from \"/opt/buildhome/repo/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-691463ec\"]])\n\nexport default __exports__","<template>\n  <main class=\"bg-video-wrap mb-4 mt-5\">\n    <video src=\"https://res.cloudinary.com/hayche-network/video/upload/v1646928490/website/videos/11_qrz1nv.mp4\" loop muted autoplay></video>\n    <div class=\"video-overlay\">\n      <h1>Exploring opportunities in hospitality</h1>\n    </div>\n  </main>\n</template>\n\n\n<style scoped>\n.bg-video-wrap {\n  display: grid;\n  position: relative;\n}\n\nvideo {\n  width: 100%;\n  min-height: 100vh;\n  object-fit: cover;\n  z-index: 1;\n}\n\n.video-overlay {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  display: grid;\n  place-items: center;\n  top: 0;\n  left: 0;\n  background-image: linear-gradient(\n    45deg,\n    rgba(0, 0, 0, 0.3) 50%,\n    rgba(0, 0, 0, 0.7) 50%\n  );\n  background-size: 3px 3px;\n  z-index: 2;\n}\n\n.video-overlay h1 {\n  font-weight: bold;\n  font-size: 80px;\n  color: white;\n  width: 700px;\n  text-align: center;\n}\n\n@media (max-width: 768px) {\n  .video-overlay h1 {\n    font-weight: bold;\n    font-size: 30px;\n    color: white;\n    width: 100%;\n    text-align: center;\n  }\n}\n\n.video-overlay img {\n  width: 80%;\n  margin: 0 auto;\n}\n\n@media (max-width: 768px) {\n  .video-overlay img {\n    width: 90%;\n    margin: 0 auto;\n  }\n}\n</style>","import { render } from \"./video.vue?vue&type=template&id=547e9d94&scoped=true\"\nconst script = {}\n\nimport \"./video.vue?vue&type=style&index=0&id=547e9d94&scoped=true&lang=css\"\n\nimport exportComponent from \"/opt/buildhome/repo/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-547e9d94\"]])\n\nexport default __exports__","import { render } from \"./main.vue?vue&type=template&id=9ecc3e20\"\nimport script from \"./main.vue?vue&type=script&lang=js\"\nexport * from \"./main.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/opt/buildhome/repo/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./hero.vue?vue&type=style&index=0&id=44ab95c6&scoped=true&lang=css\""],"sourceRoot":""}