{"version":3,"sources":["webpack:///./src/pages/network/hero.vue?9ba9","webpack:///./src/pages/network/process.vue?6077","webpack:///./src/pages/network/jobs.vue?58ec","webpack:///./src/pages/network/main.vue","webpack:///./src/pages/network/hero.vue","webpack:///./src/pages/network/hero.vue?1046","webpack:///./src/pages/network/jobs.vue","webpack:///./src/pages/network/jobs.vue?48e3","webpack:///./src/pages/network/video.vue","webpack:///./src/pages/network/video.vue?1ca7","webpack:///./src/pages/network/process.vue","webpack:///./src/pages/network/process.vue?85ad","webpack:///./src/pages/network/main.vue?4860","webpack:///./src/pages/network/video.vue?5ef6"],"names":["_createVNode","_component_hero","_component_jobs","_component_videoPlay","_component_process","class","_hoisted_2","_createElementBlock","_hoisted_3","script","__exports__","_createElementVNode","_hoisted_4","_Fragment","_renderList","$data","i","index","key","src","job_image","alt","_toDisplayString","job_title","data","jobs","id","loop","muted","autoplay","_hoisted_7","components","hero","videoPlay","process","render"],"mappings":"kHAAA,W,oFCAA,W,oCCAA,W,uPCCEA,eAAQC,GACRD,eAAOE,GACPF,eAAYG,GACZH,eAAWI,IAAX,I,OCFKC,MAAM,Q,urBACTC,G,wCADFC,eAiBM,MAjBN,EAiBMC,G,mCClBR,MAAMC,EAAS,GAKTC,EAA2B,IAAgBD,EAAQ,CAAC,CAAC,SAAS,GAAQ,CAAC,YAAY,qBAE1E,Q,oFCPRJ,MAAM,S,GACJA,MAAM,8B,uBAETM,eAEI,SAFD,8XAEH,M,uBAEAA,eAA0B,UAAtB,qBAAiB,M,GAEhBN,MAAM,8B,0DATfE,eAiBM,MAjBN,EAiBM,CAhBJI,eAeM,MAfN,EAeM,CAbJH,EAIAI,EAEAD,eAMM,MANN,EAMM,qBALJJ,eAIMM,OAAA,KAAAC,eAJsCC,QAAI,SAAjBC,EAAGC,G,wBAAlCV,eAIM,OAJDF,MAAM,YAAwCa,IAAKD,GAAxD,CACEN,eAA+C,OAAzCQ,IAAKH,EAAEI,UAAWC,IAAI,kBAA5B,UAEAV,eAA0B,UAAAW,eAAnBN,EAAEO,WAAS,QAHpB,YAWO,OACbC,KADa,WAEX,MAAO,CACLC,KAAM,CACJ,CACEC,GAAI,EACJN,UAAW,kHACXG,UAAW,iBAEb,CACEG,GAAI,EACJN,UAAW,0HACXG,UAAW,yBAEb,CACEG,GAAI,EACJN,UAAW,6HACXG,UAAW,4BAEb,CACEG,GAAI,EACJN,UAAW,sHACXG,UAAW,qBAEb,CACEG,GAAI,EACJN,UAAW,6HACXG,UAAW,4BAEb,CACEG,GAAI,EACJN,UAAW,wHACXG,UAAW,uBAEb,CACEG,GAAI,EACJN,UAAW,kHACXG,UAAW,iBAEb,CACEG,GAAI,EACJN,UAAW,6GACXG,UAAW,YAEb,CACEG,GAAI,EACJN,UAAW,kHACXG,UAAW,iBAEb,CACEG,GAAI,GACJN,UAAW,0HACXG,UAAW,6B,UCnErB,MAAM,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAAS,GAAQ,CAAC,YAAY,qBAE1E,Q,oFCRJlB,MAAM,2B,uBACXM,eAImB,SAHjBQ,IAAI,kGACJQ,KAAA,GACAC,MAAA,GACAC,SAAA,IAJF,Y,uBAKAlB,eAIM,OAJDN,MAAM,iBAAe,CACtBM,eAEM,OAFDN,MAAM,WAAS,CACpBM,eAAkD,MAA9CN,MAAM,sBAAqB,sBAFnC,M,GALAC,EAKAE,G,wCANDD,eAWM,OAXN,EAWMK,G,UCXX,MAAM,EAAS,GAKT,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAAS,GAAQ,CAAC,YAAY,qBAE1E,Q,GCPRP,MAAM,yB,omDACTC,G,wCADFC,eAuDM,MAvDN,EAuDMuB,G,UCvDR,MAAM,EAAS,GAKT,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAAS,GAAQ,CAAC,YAAY,qBAE1E,QRKA,GACbC,WAAY,CACVC,OACAC,YACAR,OACAS,YSbJ,MAAM,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,KAErD,gB,yDCPf,W","file":"js/chunk-eb7e2a3c.bba126ac.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!./hero.vue?vue&type=style&index=0&id=498e2b7a&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!./process.vue?vue&type=style&index=0&id=0beb26d9&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!./jobs.vue?vue&type=style&index=0&id=f1ab6e0a&scoped=true&lang=css\"","<template>\n  <hero />\n  <jobs/>\n  <videoPlay/>\n  <process />\n</template>\n\n<script>\nimport hero from \"./hero\";\nimport jobs from \"./jobs\";\nimport videoPlay from \"./video\";\nimport process from \"./process\";\n\nexport default {\n  components: {\n    hero,\n    videoPlay,\n    jobs,\n    process,\n  },\n};\n</script>\n\n","<template>\n  <!-- hero section -->\n  <div class=\"hero\">\n    <section>\n      <div class=\"mt-10 mb-10\">\n      <div class=\"content\">\n        <h1 class=\"sub-heading mt-2 mb-2\">Welcome to the most popular hub for hospitality professionals</h1>\n        <p class=\"description\">\n          We invite you to join the Hayche Network of hospitality and Lifestyle professionals, the fastest-growing employment hub in Africa. To join the Network, all you need to do is to create a profile in our database, which ensures that you receive personalized employment opportunities that best match your skillset. There is no cost to joining!\n        </p>\n\n        <div class=\"cta-grid\">\n          <!-- Activate once fixed -->\n          <!-- <button class=\"button-pulse\" href=\"https://business.hayche.net\">Hire Talent</button>\n          <button href=\"https://app.hayche.net\">Join Network</button> -->\n        </div>\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/v1646928323/website/images/network/hero_gxzusb.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\n@media (max-width: 768px) {\n  .hero {\n    \n  }\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  color: white;\n}\n\n@media (max-width: 768px) {\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  }\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=498e2b7a&scoped=true\"\nconst script = {}\n\nimport \"./hero.vue?vue&type=style&index=0&id=498e2b7a&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-498e2b7a\"]])\n\nexport default __exports__","<template>\n  <div class=\"mt-10\">\n    <div class=\"network-services container\">\n      \n      <p>\n        Once you have created a profile, it is important that you maintain it up-to-date. We frequently receive requests from employers looking for employees, and by updating your profile and CV with your latest work experience and acquired skills, you are much more likely to be shortlisted for the many positions that the Hayche Network is handling throughout the African continent.\n      </p>\n\n      <h1>Professional Jobs</h1>\n\n      <div class=\"mt-5 network-services-grid\">\n        <div class=\"grid-item\" v-for=\"(i, index) in jobs\" :key=\"index\">\n          <img :src=\"i.job_image\" alt=\"platform image\" />\n\n          <h5>{{ i.job_title }}</h5>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  data() {\n    return {\n      jobs: [\n        {\n          id: 1,\n          job_image: 'https://res.cloudinary.com/hayche-network/image/upload/v1646928343/website/images/jobs/personal-chef_t12scj.png',\n          job_title: \"PERSONAL CHEF\",\n        },\n        {\n          id: 2,\n          job_image: 'https://res.cloudinary.com/hayche-network/image/upload/v1646928341/website/images/jobs/front-office-managers_isiplq.png',\n          job_title: \"FRONT OFFICE MANAGERS\",\n        },\n        {\n          id: 3,\n          job_image: 'https://res.cloudinary.com/hayche-network/image/upload/v1646928340/website/images/jobs/quality-control-managers_w1u3jx.png',\n          job_title: \"QUALITY CONTROL MANAGERS\",\n        },\n        {\n          id: 4,\n          job_image: 'https://res.cloudinary.com/hayche-network/image/upload/v1646928340/website/images/jobs/security-officers_yljqlz.png',\n          job_title: \"SECURITY OFFICERS\",\n        },\n        {\n          id: 5,\n          job_image: 'https://res.cloudinary.com/hayche-network/image/upload/v1646928342/website/images/jobs/administrative-executive_jy8equ.png',\n          job_title: \"ADMINISTRATIVE EXECUTIVE\",\n        },\n        {\n          id: 6,\n          job_image: 'https://res.cloudinary.com/hayche-network/image/upload/v1646928344/website/images/jobs/front-desk-officers_lrpqlt.png',\n          job_title: \"FRONT DESK OFFICERS\",\n        },\n        {\n          id: 7,\n          job_image: 'https://res.cloudinary.com/hayche-network/image/upload/v1646928341/website/images/jobs/house-keepers_pkuwtf.png',\n          job_title: \"HOUSE KEEPERS\",\n        },\n        {\n          id: 8,\n          job_image: 'https://res.cloudinary.com/hayche-network/image/upload/v1646928343/website/images/jobs/cleaners_baksgg.png',\n          job_title: \"CLEANERS\",\n        },\n        {\n          id: 9,\n          job_image: 'https://res.cloudinary.com/hayche-network/image/upload/v1646928343/website/images/jobs/personal-chef_t12scj.png',\n          job_title: \"PERSONAL CHEF\",\n        },\n        {\n          id: 10,\n          job_image: 'https://res.cloudinary.com/hayche-network/image/upload/v1646928341/website/images/jobs/front-office-managers_isiplq.png',\n          job_title: \"FRONT OFFICE MANAGERS\",\n        },\n      ],\n    };\n  },\n};\n</script>\n\n<style scoped>\n/* network services */\n.network-services {\n  margin-bottom: 155px;\n}\n\n.network-services h1 {\n  font-style: normal;\n  font-size: 30px;\n  line-height: 45px;\n  text-align: center;\n  letter-spacing: 0.01em;\n  color: #1a1a1a;\n  margin-bottom: 20px;\n}\n\n.network-services p {\n  font-weight: normal;\n  font-size: 15px;\n  line-height: 22px;\n  display: flex;\n  align-items: center;\n  text-align: center;\n  letter-spacing: 0.01em;\n  color: #000000;\n  width: 495px;\n  margin: 0 auto;\n  margin-bottom: 67px;\n}\n\n@media (max-width: 768px) {\n    .network-services p{\n        width: 100%;\n    }\n    \n}\n\n.network-services .network-services-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n  column-gap: 20px;\n  row-gap: 50px;\n  place-items: center;\n}\n\n.network-services .network-services-grid .grid-item {\n  width: 162px;\n  position: relative;\n  transition: background-color 2s, transform 0.5s;\n}\n\n.network-services .network-services-grid .grid-item:hover {\n  transform: scale(1.05);\n  transition: background-color 2s, transform 0.5s;\n}\n\n.network-services .network-services-grid .grid-item img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  border-radius: var(--border-radius);\n}\n\n.network-services .network-services-grid .grid-item h5 {\n  font-style: normal;\n  text-transform: uppercase;\n  font-size: 11px;\n  line-height: 21px;\n  text-align: left;\n  letter-spacing: 0.01em;\n  color: #1c1c1c;\n  width: 100%;\n  text-align: center;\n}\n/* end of network services */\n</style>","import { render } from \"./jobs.vue?vue&type=template&id=f1ab6e0a&scoped=true\"\nimport script from \"./jobs.vue?vue&type=script&lang=js\"\nexport * from \"./jobs.vue?vue&type=script&lang=js\"\n\nimport \"./jobs.vue?vue&type=style&index=0&id=f1ab6e0a&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-f1ab6e0a\"]])\n\nexport default __exports__","<template>\n     <main class=\"bg-video-wrap mb-4 mt-5\">\n      <video\n        src=\"https://res.cloudinary.com/hayche-network/video/upload/v1646928471/website/videos/15_xnsjsd.mp4\"\n        loop\n        muted\n        autoplay></video>\n      <div class=\"video-overlay\">\n          <div class=\"content\">\n          <h1 class=\"main-heading white\">The Experience</h1>\n          </div>\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 img {\n  width: 80%;\n  margin: 0 auto;\n}\n\n\n@media (max-width: 768px) {\n  .video-overlay img {\n    width: 90%;\n    margin: 0 auto;\n  }\n}\n\n\n</style>","import { render } from \"./video.vue?vue&type=template&id=4d787512&scoped=true\"\nconst script = {}\n\nimport \"./video.vue?vue&type=style&index=0&id=4d787512&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-4d787512\"]])\n\nexport default __exports__","<template>\n  <div class=\"hexperience container\">\n    <h1>Network Process</h1>\n    <p>\n      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed\n      fusce tempus purus fringilla leo et arcu. Nulla pharetra, ultricies nulla\n      tristique.\n    </p>\n    <div class=\"two-column-grid\">\n      <div>\n        <img\n          class=\"image\"\n          src=\"https://res.cloudinary.com/hayche-network/image/upload/v1646928325/website/images/network/1_xuaqca.png\"\n          alt=\"hospitality experience\"\n        />\n      </div>\n      <div>\n        <h1 class=\"sub-heading\">Search for a vetted professional</h1>\n        <p>\n          Search our pool of vetted professionals that match your criteria.\n        </p>\n      </div>\n    </div>\n\n    <div class=\"two-column-grid\">\n      <div>\n        <h1 class=\"sub-heading\">View Professional Profile</h1>\n        <p>\n          View professional introduction and read reviews from other customers.\n        </p>\n      </div>\n      <div>\n        <img\n          class=\"image\"\n          src=\"https://res.cloudinary.com/hayche-network/image/upload/v1646928323/website/images/network/2_hasfhj.png\"\n          alt=\"hospitality experience\"\n        />\n      </div>\n    </div>\n\n    <div class=\"two-column-grid\">\n      <div>\n        <img\n          class=\"image\"\n          src=\"https://res.cloudinary.com/hayche-network/image/upload/v1646928324/website/images/network/3_w7zlrh.png\"\n          alt=\"hospitality experience\"\n        />\n      </div>\n      <div>\n        <p class=\"span\">THE HOSPITALITY EXPERIENCE</p>\n        <h1 class=\"sub-heading\">Consult with Professional</h1>\n        <p>\n          View professional introduction and read reviews from other customers.\n        </p>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n/* hospitality experience */\n.hexperience {\n  margin-top: 150px;\n}\n\n.hexperience > h1 {\n  font-style: normal;\n  font-size: 30px;\n  line-height: 45px;\n  text-align: center;\n  letter-spacing: 0.01em;\n  color: #1a1a1a;\n  margin-bottom: 20px;\n}\n\n.hexperience > p {\n  font-weight: normal;\n  font-size: 15px;\n  line-height: 22px;\n  display: flex;\n  align-items: center;\n  text-align: center;\n  letter-spacing: 0.01em;\n  color: #000000;\n  width: 495px;\n  margin: 0 auto;\n  margin-bottom: 67px;\n}\n\n@media (max-width: 768px) {\n  .hexperience > p {\n    width: 100%\n  }\n\n  .two-column-grid div {\n    display: grid;\n    place-items: center;\n  }\n}\n\n.hexperience .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.hexperience .two-column-grid .image {\n  width: 80%;\n  border-radius: var(--border-radius);\n  margin: 0 auto;\n  object-fit: cover;\n}\n\n\n.hexperience .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.hexperience .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\n@media (max-width: 768px) {\n  .hexperience .two-column-grid h1 {\n    font-size: 25px;\n  }\n}\n\n.hexperience .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 \"./process.vue?vue&type=template&id=0beb26d9&scoped=true\"\nconst script = {}\n\nimport \"./process.vue?vue&type=style&index=0&id=0beb26d9&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-0beb26d9\"]])\n\nexport default __exports__","import { render } from \"./main.vue?vue&type=template&id=d9917a20\"\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!./video.vue?vue&type=style&index=0&id=4d787512&scoped=true&lang=css\""],"sourceRoot":""}