{"version":3,"sources":["webpack:///./public/images/banner/banner-5.png","webpack:///./public/images/banner/banner-3.png","webpack:///./src/components/HeroSection.vue?6ef7","webpack:///./src/components/BannerThree.vue?71a9","webpack:///./src/components/ScreenImage.vue?3b96","webpack:///./src/components/LatestNews.vue?2712","webpack:///./public/images/banner/banner-1.png","webpack:///./public/images/banner/banner-2.png","webpack:///./src/pages/Home.vue","webpack:///./src/components/HeroSection.vue","webpack:///./src/components/HeroSection.vue?d5a9","webpack:///./src/components/ScreenImage.vue","webpack:///./node_modules/swiper/esm/components/navigation/navigation.js","webpack:///./src/components/ScreenImage.vue?2bbd","webpack:///./src/components/BannerThree.vue","webpack:///./src/components/BannerThree.vue?bb7a","webpack:///./src/components/LatestNews.vue","webpack:///./src/components/LatestNews.vue?1a73","webpack:///./src/pages/Home.vue?96a2","webpack:///./public/images/banner/banner-4.png"],"names":["module","exports","class","_createElementBlock","_createVNode","_component_router_view","_component_HeaderNav","_component_HeroSection","_component_BannerThree","_component_ScreenImage","_component_LatestNews","_component_BannerTwo","_component_FooterSection","_createElementVNode","style","src","alt","_component_video_background","object-fit","_hoisted_4","_hoisted_5","_component_router_link","to","_hoisted_10","_hoisted_11","_hoisted_14","_hoisted_20","_hoisted_21","_hoisted_24","_hoisted_27","_hoisted_28","_hoisted_36","_hoisted_37","_hoisted_40","_hoisted_43","_hoisted_44","components","VideoBackground","data","heroBg","heroBg2","__exports__","_createBlock","_hoisted_6","_component_swiper","options","$data","breakpoints","pagination","clickable","navigation","onSwiper","$options","_Fragment","_renderList","slider","index","_component_swiper_slide","key","slug","blogImage","category","_toDisplayString","title","_extends","Object","assign","target","i","arguments","length","source","prototype","hasOwnProperty","call","apply","this","Navigation","toggleEl","$el","disabled","params","disabledClass","tagName","update","swiper","loop","_swiper$navigation","$nextEl","$prevEl","isBeginning","watchOverflow","enabled","isLocked","lockClass","isEnd","onPrevClick","e","preventDefault","slidePrev","onNextClick","slideNext","init","createElements","nextEl","prevEl","uniqueNavElements","find","on","addClass","destroy","_swiper$navigation2","off","removeClass","name","hideOnClick","hiddenClass","create","toEdge","fromEdge","_swiper$navigation3","click","_swiper$navigation4","targetEl","is","el","contains","isHidden","hasClass","emit","toggleClass","SwiperCore","use","Swiper","SwiperSlide","bannerBg","swiperOptions","320","slidesPerView","spaceBetween","480","992","1200","slideChange","loopDestroy","loopCreate","products","computed","product","methods","_hoisted_9","_hoisted_12","_hoisted_15","_hoisted_18","_hoisted_22","_hoisted_25","_hoisted_31","_hoisted_7","onClick","_hoisted_38","Healthcare","Retail","Transportation","Industrial","Human","image","image1","image2","image3","image4","image5","created","loopImage","setTimeout","HealthcareClick","RetailClick","$router","push","path","TransportationClick","localStorage","setItem","IndustrialClick","HumanClick","_hoisted_3","sliders","created_at","format","order","imageUrl","moment","blog","mounted","getData","slice","axios","get","then","res","HeaderNav","HeroSection","ScreenImage","BannerTwo","FooterSection","LatestNews","BannerThree","render"],"mappings":"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","file":"js/chunk-938696ae.8ecaddd2.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/banner-5.bdec2c29.png\";","module.exports = __webpack_public_path__ + \"img/banner-3.55f645f1.png\";","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!./HeroSection.vue?vue&type=style&index=0&id=62defdbc&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!./BannerThree.vue?vue&type=style&index=0&id=5a6c1405&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!./ScreenImage.vue?vue&type=style&index=0&id=ad053992&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!./LatestNews.vue?vue&type=style&index=0&id=6e329c10&scoped=true&lang=css\"","module.exports = __webpack_public_path__ + \"img/banner-1.e191ac6a.png\";","module.exports = __webpack_public_path__ + \"img/banner-2.2264e1ea.png\";","<template>\n    <div class=\"wrapper\">\n\n        <router-view></router-view>\n\n        <!-- HeaderNav section -->\n        <HeaderNav></HeaderNav>\n\n        <!-- HeroSection section -->\n        <HeroSection></HeroSection>\n\n        <!-- Banner section -->\n        <BannerThree></BannerThree>\n\n        <!-- ScreenImage section -->\n        <ScreenImage></ScreenImage>\n\n        <!-- Latest News -->\n        <LatestNews></LatestNews>\n\n        <!-- Banner section -->\n        <BannerTwo></BannerTwo>\n\n        <!-- Footer section -->\n        <FooterSection></FooterSection>\n\n    </div>\n</template>\n\n<script>\nimport HeaderNav from '@/components/HeaderNav.vue'\nimport HeroSection from '@/components/HeroSection.vue'\nimport ScreenImage from '@/components/ScreenImage.vue'\nimport BannerThree from '@/components/BannerThree.vue'\nimport BannerTwo from '@/components/BannerTwo.vue'\nimport FooterSection from '@/components/FooterSection.vue'\nimport LatestNews from '@/components/LatestNews.vue'\n\nexport default {\n  components: {\n    HeaderNav,\n    HeroSection,\n    ScreenImage,\n    BannerTwo,\n    FooterSection,\n    LatestNews,\n    BannerThree\n  }\n}\n</script>\n","<template>\n  <!-- Begin Hero Area -->\n  <div class=\"hero-area hero-bg hero-style-1\">\n    <video-background src=\"images/hero/Section-Hero-1-loop.mp4\" object-fit=\"cover\" style=\"width: 100%\" class=\"hero-item desktop\">\n      <div class=\"hero-item\">\n        <div class=\"hero-content\">\n          <h1 class=\"title\" style=\"color: white; font-family: 'Exo 2'\">Aligning AI systems with human intent.</h1>\n          <p class=\"desc\" style=\"color: white; font-family: 'Exo 2'\">We're creating a new form of artificial intelligence algorithm, most of the people will call it life.</p>\n          <div class=\"btn-wrap\">\n            <router-link class=\"btn purple-color sapphire-hover\" to=\"/about-us\">Learn More</router-link>\n          </div>\n        </div>\n        <!-- <div class=\"single-img\">\n          <img src=\"images/hero/hero-model 1.png\" style=\"\" alt=\"Hero Image\" />\n        </div> -->\n      </div>\n    </video-background>\n    <video-background src=\"images/hero/Section-Hero-1-loop-responsive.mp4\" object-fit=\"cover\" style=\"width: 100%\" class=\"hero-item mobile\">\n      <div class=\"hero-item\">\n        <div class=\"hero-content\">\n          <h1 class=\"title\" style=\"color: white; font-family: 'Exo 2'\">Aligning AI systems with human intent.</h1>\n          <p class=\"desc\" style=\"color: white; font-family: 'Exo 2'\">We're creating a new form of artificial intelligence algorithm, most of the people will call it life.</p>\n          <div class=\"btn-wrap\">\n            <router-link class=\"btn purple-color sapphire-hover\" to=\"/about-us\">Learn More</router-link>\n          </div>\n        </div>\n        <!-- <div class=\"single-img\">\n          <img src=\"images/hero/hero-model 1.png\" style=\"\" alt=\"Hero Image\" />\n        </div> -->\n      </div>\n    </video-background>\n    <div class=\"display-flex row\" id=\"partner\">\n      <div class=\"col-lg-10 col-md-12\">\n        <div class=\"text-center\">\n          <h6 class=\"text-center mt-10\" style=\"font-family: 'Exo 2'; font-weight: 500\">Trusted by Many Companies</h6>\n          <img src=\"images/hero/nvidia-.png\" alt=\"Hero Image\">\n          <img src=\"images/hero/biznet- 1.png\" alt=\"Hero Image\">\n          <img src=\"images/hero/Hikvision-.png\" alt=\"Hero Image\">\n          <img src=\"images/hero/hero-mcd.png\" alt=\"Hero Image\">\n          <img src=\"images/hero/hero-paramount.png\" alt=\"Hero Image\">\n          <img src=\"images/hero/loket-.png\" alt=\"Hero Image\">\n          <img src=\"images/hero/pawoon-.png\" alt=\"Hero Image\">\n        </div>\n      </div>\n    </div>\n  </div>\n  <video-background src=\"images/banner/banner-section.mp4\" style=\"width: 100%\" object-fit=\"cover\" class=\"hero-area hero-bg hero-style-1 hero-width desktop\">\n    <div class=\"banner-area banner-style-4\">\n      <div class=\"container\">\n        <div class=\"row\">\n          <div class=\"col-lg-7 mobile\">\n            <div class=\"banner-content\" style=\"padding-top: 0px\">\n              <!-- <span class=\"text-purple\">About Us</span> -->\n              <h2 class=\"text-blue\">What is Riset.AI</h2>\n              <p class=\"banner-desc\">\n                PT Riset Kecerdasan Buatan (“RKB”) is a company that focuses on the research and development of AI solutions (Computer Vision) for a wide range of industries that are adapting to Indonesia’s rapidly digitalizing economy.\n                RKB’s solutions have garnered interest in both the public and private sector.\n              </p>\n              <div class=\"btn-wrap\" style=\"margin-top: 20px; margin-bottom: 30px\">\n                <router-link class=\"btn purple-color blackcurrant-hover\" to=\"/about-us\">Read More</router-link>\n              </div>\n            </div>\n          </div>\n          <div class=\"col-lg-5\">\n            <div class=\"banner-img\">\n              <div class=\"img\">\n                <img src=\"images/banner/banner.png\" alt=\"Banner\" />\n              </div>\n              <div class=\"about1_icon-box\">\n                <div class=\"circle\">\n                  <img src=\"images/banner/riset-white.png\" style=\"padding-top: 18px; max-width: 80px\" alt=\"Banner\" />\n                </div>\n              </div>\n            </div>\n          </div>\n          <div class=\"col-lg-7 desktop\">\n            <div class=\"banner-content\" style=\"padding-top: 0px\">\n              <!-- <span class=\"text-purple\">About Us</span> -->\n              <h2 class=\"text-blue\">What is Riset.AI</h2>\n              <p class=\"banner-desc\" style=\"font-size: 18px; font-family: 'Exo 2'; line-height: 1.8; font-weight: 400; margin-bottom: 0px\">\n                PT Riset Kecerdasan Buatan (“RKB”) is a company that focuses on the research and development of AI solutions (Computer Vision) for a wide range of industries that are adapting to Indonesia’s rapidly digitalizing economy.\n                RKB’s solutions have garnered interest in both the public and private sector.\n              </p>\n              <div class=\"btn-wrap\" style=\"margin-top: 20px\">\n                <router-link class=\"btn purple-color blackcurrant-hover\" to=\"/about-us\">Read More</router-link>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </video-background>\n  <video-background src=\"images/banner/banner-section.mp4\" style=\"width: 100%\" object-fit=\"cover\" class=\"hero-area hero-bg hero-style-1 hero-width mobile\">\n    <div class=\"banner-area banner-style-4\">\n      <div class=\"container\">\n        <div class=\"row\">\n          <div class=\"col-lg-7 mobile\">\n            <div class=\"banner-content\" style=\"padding-top: 0px; margin-top: 0px;\">\n              <!-- <span class=\"text-purple\">About Us</span> -->\n              <h2 class=\"text-blue\">What is Riset.AI</h2>\n              <p class=\"banner-desc\">\n                PT Riset Kecerdasan Buatan (“RKB”) is a company that focuses on the research and development of AI solutions (Computer Vision) for a wide range of industries that are adapting to Indonesia’s rapidly digitalizing economy.\n                RKB’s solutions have garnered interest in both the public and private sector.\n              </p>\n              <div class=\"btn-wrap\" style=\"margin-top: 20px; margin-bottom: 30px\">\n                <router-link class=\"btn purple-color blackcurrant-hover\" to=\"/about-us\">Read More</router-link>\n              </div>\n            </div>\n          </div>\n          <div class=\"col-lg-5\">\n            <div class=\"banner-img\">\n              <div class=\"img\">\n                <img src=\"images/banner/banner.png\" alt=\"Banner\" />\n              </div>\n              <div class=\"about1_icon-box\">\n                <div class=\"circle\">\n                  <img src=\"images/banner/riset-white.png\" style=\"padding-top: 18px; max-width: 80px\" alt=\"Banner\" />\n                </div>\n              </div>\n            </div>\n          </div>\n          <div class=\"col-lg-7 desktop\">\n            <div class=\"banner-content\" style=\"padding-top: 0px\">\n              <!-- <span class=\"text-purple\">About Us</span> -->\n              <h2 class=\"text-blue\">What is Riset.AI</h2>\n              <p class=\"banner-desc\" style=\"font-size: 18px; font-family: 'Exo 2'; line-height: 1.8; font-weight: 400; margin-bottom: 0px\">\n                PT Riset Kecerdasan Buatan (“RKB”) is a company that focuses on the research and development of AI solutions (Computer Vision) for a wide range of industries that are adapting to Indonesia’s rapidly digitalizing economy.\n                RKB’s solutions have garnered interest in both the public and private sector.\n              </p>\n              <div class=\"btn-wrap\" style=\"margin-top: 20px\">\n                <router-link class=\"btn purple-color blackcurrant-hover\" to=\"/about-us\">Read More</router-link>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </video-background>\n  <!-- Hero Area End Here -->\n</template>\n\n<script>\nimport VideoBackground from \"vue-responsive-video-background-player\";\nexport default {\n  components: { VideoBackground },\n  data() {\n    return {\n      heroBg: \"images/hero/bg/background-hero.png\",\n      heroBg2: \"images/hero/bg/background-hero2.png\",\n    };\n  },\n};\n</script>\n<style scoped>\n.hero-style-1.hero-bg {\n  height: 710px;\n}\n.text-purple {\n  font-family: \"Exo 2\";\n  font-style: normal;\n  font-weight: 800;\n  font-size: 25px;\n  display: block;\n  color: #ce097c;\n}\n\n.text-blue {\n  font-family: \"Exo 2\";\n  font-style: normal;\n  font-weight: 1000;\n  font-size: 48px;\n  line-height: 58px;\n  display: block;\n  color: #25376f;\n}\n\n.btn.purple-color {\n  background-color: #ce097c;\n  color: #ffffff;\n  font-family: \"Exo 2\";\n  font-style: normal;\n  font-size: 16px;\n  font-weight: 500;\n  border-radius: 50px;\n  padding: 25px 30px;\n  width: 210px;\n  height: 55px;\n  line-height: 0px;\n}\n\n.hero-style-1 .hero-item .single-img .img-2 {\n  position: absolute;\n  mix-blend-mode: screen;\n  width: 50%;\n  margin-top: 60px;\n}\n\n.hero-style-1 .hero-item .single-img {\n  width: 50%;\n  margin-top: 60px;\n}\n\n.hero-style-1 .hero-content .title {\n  font-family: \"Exo 2\";\n  font-style: normal;\n  font-weight: 700;\n  font-size: 56px;\n  line-height: 84px;\n}\n\n.banner-content p {\n  font-size: 20px;\n  font-family: 'Exo 2';\n  line-height: 40px;\n  font-weight: 400;\n  margin-bottom: 0px\n}\n\n.mobile {\n  display: none;\n}\n\n/* Media Android */\n@media only screen and (max-width: 991px) {\n  .desktop {\n    display: none;\n  }\n\n  .mobile {\n    display: block;\n  }\n\n  .banner-desc {\n    font-size: 18px;\n  }\n\n  .hero-style-1.hero-bg {\n    width: 100%;\n    height: 1100px;\n  }\n  .hero-width {\n    width: 100%;\n    height: 1200px !important;\n  }\n  .desktop {\n    display: none;\n  }\n  .text-purple {\n    font-family: \"Exo 2\";\n    font-style: normal;\n    font-weight: 800;\n    font-size: 25px;\n    display: block;\n    color: #ce097c;\n  }\n\n  .text-blue {\n    font-family: \"Exo 2\";\n    font-style: normal;\n    font-weight: 1000;\n    font-size: 48px;\n    line-height: 58px;\n    display: block;\n    color: #25376f;\n  }\n\n  .hero-style-1 .hero-content .title {\n    font-family: \"Exo 2\";\n    font-style: normal;\n    font-weight: 700;\n    font-size: 50px;\n    line-height: 90px;\n    /* or 150% */\n\n    text-align: center;\n    max-width: 100%;\n    margin-bottom: 15px;\n  }\n\n  .hero-style-1 .hero-content .desc {\n    font-family: \"Exo 2\";\n    font-style: normal;\n    font-size: 20px;\n    line-height: 35px;\n    /* or 175% */\n\n    text-align: center;\n    max-width: 100%;\n  }\n\n  .hero-style-1 .hero-content {\n    text-align: center;\n    align-items: center;\n  }\n\n  .btn.purple-color {\n    background-color: #ce097c;\n    color: #ffffff;\n    font-family: \"Exo 2\";\n    font-size: 16px;\n    font-weight: 500;\n    border-radius: 50px;\n    padding: 24px 20px;\n    width: 160px;\n    height: 55px;\n    line-height: 0px;\n  }\n\n  /* .single-img img {\n        align-items: center;\n        margin-top: -45px;\n        width: 900px;\n        height: auto;\n    } */\n\n  .hero-style-1 .hero-item .single-img {\n    align-items: center;\n    margin-top: 25px;\n    text-align: center;\n    width: 80%;\n    height: auto;\n    margin-left: 5%;\n    margin-right: 5%;\n  }\n\n  /* .hero-style-1 .hero-item .single-img .img-2{\n        width: 90%;\n        position: absolute;\n        mix-blend-mode: screen;\n        top: -10px;\n        left: 53px;\n    } */\n\n  .display-flex {\n    height: 0px;\n    width: 90%;\n    display: flex;\n    margin-top: -80px;\n    margin-left: 5%;\n    margin-right: 5%;\n  }\n\n  .display-flex div {\n    text-align: center;\n    background-color: white;\n    padding: 12px 38px;\n    z-index: 10;\n    border-radius: 12px;\n  }\n\n  .display-flex img {\n    width: 30%;\n    padding: 5px 5px;\n  }\n\n  .banner-img .img img {\n    box-shadow: -12px 12px 5px #122b6136;\n    border-top-right-radius: 60px;\n    position: relative;\n  }\n\n  .banner-content {\n    padding: 0px;\n    margin-top: 30px;\n  }\n\n  .about1_icon-box {\n    position: absolute;\n    box-shadow: 0px 0px 0px #122b6136;\n    top: 95%;\n    left: 20px;\n    transform: translateY(-57.5px);\n  }\n\n  .about1_icon-box .circle {\n    height: 115px;\n    width: 115px;\n    background: #081b87;\n    border-radius: 15px;\n    position: absolute;\n    text-align: center;\n  }\n\n  .about1_icon-box .circle:before {\n    content: \"\";\n    position: absolute;\n  }\n}\n\n@media (min-width: 1200px) {\n  .hero-style-1 .hero-content {\n    margin-left: 60px;\n  }\n\n  .mobile {\n    display: none;\n  }\n\n  .display-flex {\n    height: 0px;\n    width: 100%;\n    display: flex;\n    justify-content: space-around;\n    margin-top: -80px;\n  }\n\n  .display-flex div {\n    background-color: white;\n    padding: 12px 38px;\n    justify-content: space-around;\n    z-index: 10;\n    border-radius: 12px;\n  }\n\n  .display-flex img {\n    padding: 15px 15px;\n  }\n\n  .banner-img .img img {\n    box-shadow: -15px 15px 5px #122b6136;\n    border-top-right-radius: 60px;\n    position: relative;\n  }\n\n  .banner-content {\n    padding: 0px;\n    margin-top: 100px;\n  }\n\n  .about1_icon-box {\n    position: absolute;\n    box-shadow: 0px 0px 0px #122b6136;\n    top: 88%;\n    left: 50px;\n    transform: translateY(-57.5px);\n  }\n\n  .about1_icon-box .circle {\n    height: 115px;\n    width: 115px;\n    background: #081b87;\n    border-radius: 15px;\n    position: absolute;\n    text-align: center;\n  }\n\n  .about1_icon-box .circle:before {\n    content: \"\";\n    position: absolute;\n  }\n}\n@media (min-width: 1500px) {\n  .about1_icon-box {\n    position: absolute;\n    box-shadow: 0px 0px 0px #122b6136;\n    top: 88%;\n    left: 120px;\n    transform: translateY(-57.5px);\n  }\n\n  .about1_icon-box .circle {\n    height: 115px;\n    width: 115px;\n    background: #081b87;\n    border-radius: 15px;\n    position: absolute;\n    text-align: center;\n  }\n\n  .about1_icon-box .circle:before {\n    content: \"\";\n    position: absolute;\n  }\n\n  .display-flex div {\n    background-color: white;\n    padding: 12px 54px;\n    justify-content: space-around;\n    z-index: 10;\n    border-radius: 12px;\n  }\n}\n@media only screen and (max-width: 510px) {\n  .desktop {\n    display: none;\n  }\n\n  .mobile {\n    display: block;\n  }\n  .hero-style-1.hero-bg {\n    width: 100%;\n    height: 1100px;\n  }\n  .hero-width {\n    width: 100%;\n    height: 1000px !important;\n  }\n\n  .hero-style-1 .hero-content {\n    text-align: center;\n    align-items: center;\n  }\n\n  .btn.purple-color {\n    background-color: #ce097c;\n    color: #ffffff;\n    font-family: \"Exo 2\";\n    font-size: 16px;\n    font-weight: 500;\n    border-radius: 50px;\n    padding: 24px 20px;\n    width: 160px;\n    height: 55px;\n    line-height: 0px;\n  }\n\n  .banner-img .img img {\n    box-shadow: -12px 12px 5px #122b6136;\n    border-top-right-radius: 60px;\n    position: relative;\n    width: 80%;\n  }\n\n  .banner-img .img{\n    text-align: center;\n  }\n\n  .banner-content h2{\n    text-align: center;\n  }\n\n  .banner-content p {\n    font-size: 20px;\n    line-height: 30px;\n  }\n\n  .about1_icon-box {\n    position: absolute;\n    box-shadow: 0px 0px 0px #122b6136;\n    top: 90% !important;\n    left: 10px;\n    transform: translateY(-57.5px);\n  }\n\n  .about1_icon-box .circle {\n    height: 95px;\n    width: 95px;\n    background: #081b87;\n    border-radius: 15px;\n    position: absolute;\n    text-align: center;\n  }\n\n  .about1_icon-box .circle img{\n    width: 60px;\n  }\n\n  .about1_icon-box .circle:before {\n    content: \"\";\n    position: absolute;\n    top: -15px;\n    left: -15px;\n    right: -15px;\n    bottom: -15px;\n  }\n\n  .hero-style-1 .hero-item .single-img {\n    align-items: center;\n    margin-top: 40px;\n    text-align: center;\n    width: 80%;\n    height: auto;\n    margin-left: 5%;\n    margin-right: 5%;\n  }\n}\n@media (min-width: 411px) and (max-width: 574px) {\n  .desktop {\n    display: none;\n  }\n\n  .mobile {\n    display: block;\n  }\n\n  .banner-img .img{\n    text-align: center;\n  }\n\n  .banner-img .img img {\n    box-shadow: -12px 12px 5px #122b6136;\n    border-top-right-radius: 60px;\n    position: relative;\n    width: 80%;\n  }\n\n  .about1_icon-box {\n    position: absolute;\n    box-shadow: 0px 0px 0px #122b6136;\n    top: 86%;\n    left: 12px;\n    transform: translateY(-57.5px);\n  }\n\n  .about1_icon-box .circle {\n    height: 95px;\n    width: 95px;\n    background: #081b87;\n    border-radius: 15px;\n    position: absolute;\n    text-align: center;\n  }\n\n  .about1_icon-box .circle img{\n    width: 60px;\n  }\n\n  .about1_icon-box .circle:before {\n    content: \"\";\n    position: absolute;\n    top: -15px;\n    left: -15px;\n    right: -15px;\n    bottom: -15px;\n  }\n}\n</style>\n","import { render } from \"./HeroSection.vue?vue&type=template&id=62defdbc&scoped=true\"\nimport script from \"./HeroSection.vue?vue&type=script&lang=js\"\nexport * from \"./HeroSection.vue?vue&type=script&lang=js\"\n\nimport \"./HeroSection.vue?vue&type=style&index=0&id=62defdbc&scoped=true&lang=css\"\n\nimport exportComponent from \"/home/luqmanr/workspace/risetai/riset.ai-website/Web/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-62defdbc\"]])\n\nexport default __exports__","<template>\n    <!-- Begin Screen Area -->\n    <video-background\n    src=\"images/screen/background-loop.mp4\"\n    style=\"width: 100%;\"\n    class=\"hero-area hero-bg hero-style-1\"\n    >\n      <div class=\"container screen-container\">\n            <div class=\"row\">\n                <div class=\"col-12\">\n                    <div class=\"section-area\">\n                        <h2 class=\"section-desc\">Our Products</h2>\n                        <p class=\"section-title\">Our technology and algorithms are implemented on new and exciting applications</p>\n                    </div>\n                    <div class=\"row\">\n                      <div class=\"col-1\" style=\"display: flex;align-items: center;justify-content: center;\">\n                        <div class=\"screen-button-prev swipper-arrow desktop\">\n                            <i class=\"icofont-curved-left\"></i>\n                        </div>\n                      </div>\n                      <div class=\"col-10\">\n                        <swiper class=\"swiper-container screen-slider\"\n                        :options=\"swiperOptions\"\n                        :breakpoints=\"swiperOptions.breakpoints\"\n                        :pagination=\"{ clickable: true }\"\n                        :navigation=\"swiperOptions.navigation\"\n                        @swiper=\"onSwiper\"\n                        >\n                          <swiper-slide  v-for=\"(slider, index) in product\" :key=\"index\" class=\"testimonial-item-2\">\n                            <div class=\"testimonial-content\">\n                                <router-link :to=\"`/product-detail/${slider.slug}`\" class=\"\">\n                                    <img :src=\"`${slider.blogImage}`\" style=\"width: 100%; height: 300px;\" alt=\"Image Source\">\n                                </router-link>\n                                <div class=\"testimonial-user-info\">\n                                    <div class=\"user-content\">\n                                        <div class=\"btn-wrap\">\n                                            <router-link :class=\"slider.class\" :to=\"`/product-detail/${slider.slug}`\">{{ slider.category }}</router-link>\n                                        </div>\n                                        <div class=\"slider-title\">\n                                          <h2>{{ slider.title }}</h2>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                          </swiper-slide>\n                        </swiper>\n                      </div>\n                      <div class=\"col-1\" style=\"display: flex;align-items: center;justify-content: center;\">\n                        <div class=\"screen-button-next swipper-arrow desktop\">\n                          <i class=\"icofont-curved-right\"></i>\n                        </div>\n                      </div>\n                    </div>\n                </div>\n            </div>\n        </div>  \n    </video-background>\n    <!-- Screen Area End Here -->\n</template>\n\n<script>\nimport SwiperCore from 'swiper/core'\nimport { Navigation } from 'swiper';\nimport { Swiper, SwiperSlide } from 'swiper/vue'\nimport VideoBackground from 'vue-responsive-video-background-player'\nimport products from '../data/product.json'\nSwiperCore.use([Navigation])\n\nexport default {\n  components: {\n    Swiper,\n    SwiperSlide,\n    VideoBackground\n  },\n\n  data () {\n    return {\n      bannerBg: 'images/migrate/bg/1-2-1920x1757.png',\n      swiperOptions: {\n        breakpoints: {\n          320: {\n            slidesPerView: 1,\n            spaceBetween: 20\n          },\n          480: {\n            slidesPerView: 1,\n            spaceBetween: 20\n          },\n          992: {\n            slidesPerView: 2,\n            spaceBetween: 20\n          },\n          1200: {\n            slidesPerView: 3,\n            spaceBetween: 30\n          }\n        },\n        on: {\n          slideChange: function () {\n              if (this.isEnd) {\n                  this.loopDestroy();\n                  this.loopCreate();\n              }\n              if (this.isBeginning) {\n                  this.loopDestroy();\n                  this.loopCreate();\n              }\n          }\n        },\n        navigation: {\n          nextEl: '.screen-button-next',\n          prevEl: '.screen-button-prev'\n        },\n      },\n      products,\n    }\n  },\n\n  computed: {\n    product () {\n      return this.products.products\n    }\n  },\n\n  methods: {\n    onSwiper (swiper) {\n      this.swiper = swiper\n    }\n  }\n\n}\n\n</script>\n<style scoped>\n.hero-style-1.hero-bg {\n    height: 850px;\n}\n\n.slider-title h2{\n  width: 100%;\n  font-family: 'Exo 2' !important;\n  font-style: normal;\n  font-weight: 700;\n  font-size: 24px;\n  margin-top: 12px;\n}\n\n@media only screen and (max-width: 991px) {\n    .hero-style-1.hero-bg {\n        height: 1000px;\n    }\n\n    .testimonial-item-2 {\n      background-color: transparent !important;\n      border-radius: 30px;\n      height: 460px;\n      justify-content: space-around;\n      display: flex;\n    }\n\n    .testimonial-content {\n      background-color: #ffffff;\n      border-radius: 30px;\n    }\n\n    .testimonial-content img {\n      object-fit: cover;\n      width: 100%;\n      max-height: 300px !important;\n      border-top-left-radius: 16px;\n      border-top-right-radius: 16px;\n    }\n\n    .slider-title h2{\n      width: 80%;\n    }\n}\n\n@media only screen and (max-width: 574px) {\n    .hero-style-1.hero-bg {\n        height: 925px;\n    }\n\n    .desktop {\n      display: none;\n    }\n\n    .screen-button-prev i{\n      border: 0px;\n      width: 40px !important;\n      height: 40px !important;\n      line-height: 30px;\n      color: #FFFFFF;\n      background: rgba(255, 255, 255, 0.5);\n      opacity: 1;\n    }\n    .screen-button-next i{\n      border: 0px;\n      width: 40px !important;\n      height: 40px !important;\n      line-height: 30px;\n      color: #FFFFFF;\n      background: rgba(255, 255, 255, 0.5);\n      opacity: 1;\n    }\n\n    .section-area p,\n    .section-title {\n      font-weight: 700;\n      font-size: 24px;\n      line-height: 54px;\n    }\n}\n\n.screen-area {\n  padding-top: 0px;\n}\n.testimonial-content img {\n  width: 100%;\n  border-top-left-radius: 16px;\n  border-top-right-radius: 16px;\n}\n.section-desc {\n  color: #ffffff;\n  font-family: 'Exo 2';\n  font-style: normal;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 42px;\n  max-width: 610px;\n  margin-left: auto;\n  margin-right: auto;\n  margin-bottom: 0px;\n  margin-top: 40px;\n}\n.section-area {\n  align-items: center;\n  text-align: center;\n  margin-bottom: 60px;\n  margin-left: 10%;\n  margin-right: 10%;\n}\n.section-title {\n  color: #ffffff;\n  font-family: 'Exo 2';\n  font-style: normal;\n  font-weight: 800;\n  font-size: 38px;\n  line-height: 58px;\n  text-align: center;\n  letter-spacing: 0.03em;\n}\n.testimonial-item-2 {\n  background-color: #ffffff;\n  border-radius: 16px;\n  height: 460px;\n  display: flex;\n}\n.btn.pink-color {\n  background-color: #CE097C;\n  color: #ffffff;\n  font-family: \"Exo 2\";\n  font-size: 12px;\n  border-radius: 6px;\n  padding: 12px 8px;\n  line-height: 0px;\n}\n.btn.blue-color {\n  background-color: #27376C;\n  color: #ffffff;\n  font-family: \"Exo 2\";\n  font-size: 12px;\n  border-radius: 6px;\n  padding: 12px 8px;\n  line-height: 0px;\n}\n.btn.blue-dark-color { \n    background-color: #1F6B82;\n    color: #ffffff;\n    font-family: \"Exo 2\";\n    font-size: 12px;\n    border-radius: 6px;\n    padding: 12px 8px;\n    line-height: 0px;\n}\n.btn.brown-color {\n  background-color: #5A051A;\n  color: #ffffff;\n  font-family: \"Exo 2\";\n  font-size: 12px;\n  border-radius: 6px;\n  padding: 12px 8px;\n  line-height: 0px;\n}\n.testimonial-user-info {\n  margin-top: 15px;\n}\n.screen-button-prev i{\n  border: 0px;\n  width: 51px;\n  height: 51px;\n  line-height: 50px;\n  color: #FFFFFF;\n  background: rgba(255, 255, 255, 0.5);\n  opacity: 1;\n}\n.screen-button-next i{\n  border: 0px;\n  width: 51px;\n  height: 51px;\n  line-height: 50px;\n  color: #FFFFFF;\n  background: rgba(255, 255, 255, 0.5);\n  opacity: 1;\n}\n</style>\n","function _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\nimport $ from '../../utils/dom';\nimport { extend, bindModuleMethods, createElementIfNotDefined } from '../../utils/utils';\nvar Navigation = {\n  toggleEl: function toggleEl($el, disabled) {\n    $el[disabled ? 'addClass' : 'removeClass'](this.params.navigation.disabledClass);\n    if ($el[0] && $el[0].tagName === 'BUTTON') $el[0].disabled = disabled;\n  },\n  update: function update() {\n    // Update Navigation Buttons\n    var swiper = this;\n    var params = swiper.params.navigation;\n    var toggleEl = swiper.navigation.toggleEl;\n    if (swiper.params.loop) return;\n    var _swiper$navigation = swiper.navigation,\n        $nextEl = _swiper$navigation.$nextEl,\n        $prevEl = _swiper$navigation.$prevEl;\n\n    if ($prevEl && $prevEl.length > 0) {\n      if (swiper.isBeginning) {\n        toggleEl($prevEl, true);\n      } else {\n        toggleEl($prevEl, false);\n      }\n\n      if (swiper.params.watchOverflow && swiper.enabled) {\n        $prevEl[swiper.isLocked ? 'addClass' : 'removeClass'](params.lockClass);\n      }\n    }\n\n    if ($nextEl && $nextEl.length > 0) {\n      if (swiper.isEnd) {\n        toggleEl($nextEl, true);\n      } else {\n        toggleEl($nextEl, false);\n      }\n\n      if (swiper.params.watchOverflow && swiper.enabled) {\n        $nextEl[swiper.isLocked ? 'addClass' : 'removeClass'](params.lockClass);\n      }\n    }\n  },\n  onPrevClick: function onPrevClick(e) {\n    var swiper = this;\n    e.preventDefault();\n    if (swiper.isBeginning && !swiper.params.loop) return;\n    swiper.slidePrev();\n  },\n  onNextClick: function onNextClick(e) {\n    var swiper = this;\n    e.preventDefault();\n    if (swiper.isEnd && !swiper.params.loop) return;\n    swiper.slideNext();\n  },\n  init: function init() {\n    var swiper = this;\n    var params = swiper.params.navigation;\n    swiper.params.navigation = createElementIfNotDefined(swiper.$el, swiper.params.navigation, swiper.params.createElements, {\n      nextEl: 'swiper-button-next',\n      prevEl: 'swiper-button-prev'\n    });\n    if (!(params.nextEl || params.prevEl)) return;\n    var $nextEl;\n    var $prevEl;\n\n    if (params.nextEl) {\n      $nextEl = $(params.nextEl);\n\n      if (swiper.params.uniqueNavElements && typeof params.nextEl === 'string' && $nextEl.length > 1 && swiper.$el.find(params.nextEl).length === 1) {\n        $nextEl = swiper.$el.find(params.nextEl);\n      }\n    }\n\n    if (params.prevEl) {\n      $prevEl = $(params.prevEl);\n\n      if (swiper.params.uniqueNavElements && typeof params.prevEl === 'string' && $prevEl.length > 1 && swiper.$el.find(params.prevEl).length === 1) {\n        $prevEl = swiper.$el.find(params.prevEl);\n      }\n    }\n\n    if ($nextEl && $nextEl.length > 0) {\n      $nextEl.on('click', swiper.navigation.onNextClick);\n    }\n\n    if ($prevEl && $prevEl.length > 0) {\n      $prevEl.on('click', swiper.navigation.onPrevClick);\n    }\n\n    extend(swiper.navigation, {\n      $nextEl: $nextEl,\n      nextEl: $nextEl && $nextEl[0],\n      $prevEl: $prevEl,\n      prevEl: $prevEl && $prevEl[0]\n    });\n\n    if (!swiper.enabled) {\n      if ($nextEl) $nextEl.addClass(params.lockClass);\n      if ($prevEl) $prevEl.addClass(params.lockClass);\n    }\n  },\n  destroy: function destroy() {\n    var swiper = this;\n    var _swiper$navigation2 = swiper.navigation,\n        $nextEl = _swiper$navigation2.$nextEl,\n        $prevEl = _swiper$navigation2.$prevEl;\n\n    if ($nextEl && $nextEl.length) {\n      $nextEl.off('click', swiper.navigation.onNextClick);\n      $nextEl.removeClass(swiper.params.navigation.disabledClass);\n    }\n\n    if ($prevEl && $prevEl.length) {\n      $prevEl.off('click', swiper.navigation.onPrevClick);\n      $prevEl.removeClass(swiper.params.navigation.disabledClass);\n    }\n  }\n};\nexport default {\n  name: 'navigation',\n  params: {\n    navigation: {\n      nextEl: null,\n      prevEl: null,\n      hideOnClick: false,\n      disabledClass: 'swiper-button-disabled',\n      hiddenClass: 'swiper-button-hidden',\n      lockClass: 'swiper-button-lock'\n    }\n  },\n  create: function create() {\n    var swiper = this;\n    bindModuleMethods(swiper, {\n      navigation: _extends({}, Navigation)\n    });\n  },\n  on: {\n    init: function init(swiper) {\n      swiper.navigation.init();\n      swiper.navigation.update();\n    },\n    toEdge: function toEdge(swiper) {\n      swiper.navigation.update();\n    },\n    fromEdge: function fromEdge(swiper) {\n      swiper.navigation.update();\n    },\n    destroy: function destroy(swiper) {\n      swiper.navigation.destroy();\n    },\n    'enable disable': function enableDisable(swiper) {\n      var _swiper$navigation3 = swiper.navigation,\n          $nextEl = _swiper$navigation3.$nextEl,\n          $prevEl = _swiper$navigation3.$prevEl;\n\n      if ($nextEl) {\n        $nextEl[swiper.enabled ? 'removeClass' : 'addClass'](swiper.params.navigation.lockClass);\n      }\n\n      if ($prevEl) {\n        $prevEl[swiper.enabled ? 'removeClass' : 'addClass'](swiper.params.navigation.lockClass);\n      }\n    },\n    click: function click(swiper, e) {\n      var _swiper$navigation4 = swiper.navigation,\n          $nextEl = _swiper$navigation4.$nextEl,\n          $prevEl = _swiper$navigation4.$prevEl;\n      var targetEl = e.target;\n\n      if (swiper.params.navigation.hideOnClick && !$(targetEl).is($prevEl) && !$(targetEl).is($nextEl)) {\n        if (swiper.pagination && swiper.params.pagination && swiper.params.pagination.clickable && (swiper.pagination.el === targetEl || swiper.pagination.el.contains(targetEl))) return;\n        var isHidden;\n\n        if ($nextEl) {\n          isHidden = $nextEl.hasClass(swiper.params.navigation.hiddenClass);\n        } else if ($prevEl) {\n          isHidden = $prevEl.hasClass(swiper.params.navigation.hiddenClass);\n        }\n\n        if (isHidden === true) {\n          swiper.emit('navigationShow');\n        } else {\n          swiper.emit('navigationHide');\n        }\n\n        if ($nextEl) {\n          $nextEl.toggleClass(swiper.params.navigation.hiddenClass);\n        }\n\n        if ($prevEl) {\n          $prevEl.toggleClass(swiper.params.navigation.hiddenClass);\n        }\n      }\n    }\n  }\n};","import { render } from \"./ScreenImage.vue?vue&type=template&id=ad053992&scoped=true\"\nimport script from \"./ScreenImage.vue?vue&type=script&lang=js\"\nexport * from \"./ScreenImage.vue?vue&type=script&lang=js\"\n\nimport \"./ScreenImage.vue?vue&type=style&index=0&id=ad053992&scoped=true&lang=css\"\n\nimport exportComponent from \"/home/luqmanr/workspace/risetai/riset.ai-website/Web/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-ad053992\"]])\n\nexport default __exports__","<template>\n    <!-- Begin Banner Area -->\n    <video-background\n    src=\"images/banner/banner-section-bot.mp4\"\n    style=\"width: 100%;\"\n    class=\"hero-area hero-bg hero-style-1\"\n    >\n        <div class=\"banner-area banner-style-4\">\n            <div class=\"container\">\n                <div class=\"row\">\n                    <div class=\"col-lg-7 col-sm-12 col-md-12\">\n                        <div class=\"banner-content\">\n                            <span class=\"text-purple\">Industrial Sector</span>\n                            <h2 class=\"text-blue\">What can be solved with AI Riset.ai</h2>\n                            <div class=\"row desktop\" style=\"margin-top: 20px;\">\n                                <!-- <span @click=\"HealthcareClick\" :class=\"{'btn purple-color': Healthcare === true,  'btn': Healthcare !== true}\"><i class=\"icofont-heart-beat-alt\"></i>Healthcare</span> -->\n                                <span @click=\"RetailClick\" :class=\"{'btn purple-color': Retail === true,  'btn': Retail !== true}\"><i class=\"icofont-shopping-cart\"></i>Retail Business</span>\n                                <span @click=\"TransportationClick\" :class=\"{'btn purple-color': Transportation === true,  'btn': Transportation !== true}\"><i class=\"icofont-bus\"></i>Transportation</span>\n                                <span @click=\"IndustrialClick\" :class=\"{'btn purple-color': Industrial === true,  'btn': Industrial !== true}\"><i class=\"icofont-industries-4\"></i>Industrial</span>\n                                <span @click=\"HumanClick\" :class=\"{'btn purple-color': Human === true,  'btn': Human !== true}\"><i class=\"icofont-ui-user\"></i>Human Surveillance</span>\n                            </div>\n                            <div class=\"row mobile\" style=\"margin-top: 20px;\">\n                                <!-- <span @click=\"HealthcareClick\" :class=\"{'btn purple-color': Healthcare === true,  'btn': Healthcare !== true}\"><i class=\"icofont-heart-beat-alt\"></i>Healthcare</span> -->\n                                <span @click=\"RetailClick\" :class=\"{'btn purple-color': Retail === true,  'btn': Retail !== true}\"><i class=\"icofont-shopping-cart\"></i>Retail Business</span>\n                                <span @click=\"TransportationClick\" :class=\"{'btn purple-color': Transportation === true,  'btn': Transportation !== true}\"><i class=\"icofont-bus\"></i>Transportation</span>\n                                <span @click=\"IndustrialClick\" :class=\"{'btn purple-color': Industrial === true,  'btn': Industrial !== true}\"><i class=\"icofont-industries-4\"></i>Industrial</span>\n                                <span @click=\"HumanClick\" :class=\"{'btn purple-color': Human === true,  'btn': Human !== true}\"><i class=\"icofont-ui-user\"></i>Human Surveillance</span>\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"col-lg-5\">\n                        <div class=\"banner-img\">\n                            <div class=\"img\">\n                                <img :key=\"image\" :src=\"image\" alt=\"Banner\">\n                            </div>\n                            <div class=\"about1_icon-box\">\n                                <div class=\"circle\">\n                                    <img src=\"images/banner/AI.png\" style=\"padding-top: 30px; max-width: 80px;\" alt=\"Banner\">\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </video-background>\n    <!-- Banner Area End Here -->\n</template>\n<script>\nimport VideoBackground from 'vue-responsive-video-background-player'\nimport image1 from '../../public/images/banner/banner-1.png'\nimport image2 from '../../public/images/banner/banner-2.png'\nimport image3 from '../../public/images/banner/banner-3.png'\nimport image4 from '../../public/images/banner/banner-4.png'\nimport image5 from '../../public/images/banner/banner-5.png'\nexport default {\n  components: { VideoBackground },\n  data () {\n    return {\n        Healthcare: false,\n        Retail: false,\n        Transportation: false,\n        Industrial: false,\n        Human: false,\n        image: 'images/banner/banner-2.png',\n        image1,\n        image2,\n        image3,\n        image4,\n        image5\n    }\n  },\n  created () {\n        this.loopImage();\n    },\n  methods: {\n    loopImage () {\n        setTimeout(() => {\n            this.image = this.image2;\n        }, 1000);\n        setTimeout(() => {\n            this.image = this.image3;\n        }, 6000);\n        setTimeout(() => {\n            this.image = this.image4;\n        }, 11000);\n        setTimeout(() => {\n            this.image = this.image5;\n        }, 16000);\n        setTimeout(() => {\n            this.loopImage();\n        }, 21000);\n    },\n    HealthcareClick: function() {\n        this.Healthcare = true;\n        this.Retail = false;\n        this.Transportation = false;\n        this.Industrial = false;\n        this.Human = false;\n        this.image = this.image1;\n    },\n    RetailClick: function() {\n        setTimeout(() => {\n            this.$router.push({ path: '/product-detail/cashier-less-store' })\n        }, 500);\n    },\n    TransportationClick: function() {\n        setTimeout(() => {\n            // Set LocalStorage Category Transportation\n            localStorage.setItem('category', 'Transportation AI');\n            this.$router.push({ path: '/product' })\n        }, 500);\n    },\n    IndustrialClick: function() {\n        setTimeout(() => {\n            this.$router.push({ path: '/product-detail/textile-defect-detection' })\n        }, 500);\n    },\n    HumanClick: function() {\n        setTimeout(() => {\n            this.$router.push({ path: '/product-detail/face-recognition' })\n        }, 500);\n    },\n  }\n}\n</script>\n<style scoped>\n@media (min-width: 1200px) {\n    .hero-style-1.hero-bg {\n        height: 680px;\n    }\n    \n\n    .about1_icon-box {\n        position: absolute;\n        box-shadow: 0px 0px 0px #122b6136;\n        top: 10%;\n        left: 87%;\n        transform: translateY(-57.5px);\n    }\n\n    .about1_icon-box .circle {\n        height: 115px;\n        width: 115px;\n        background: #081b87;\n        border-radius: 15px;\n        position: absolute;\n        text-align: center;\n    }\n\n    .about1_icon-box .circle:before {\n        content: \"\";\n        position: absolute;\n    }\n}\n\n@media only screen and (max-width: 775px) {\n    .hero-style-1.hero-bg {\n        height: 1250px;\n    }\n\n    .about1_icon-box {\n        position: absolute;\n        box-shadow: 0px 0px 0px #122b6136;\n        top: 44%;\n        left: 78%;\n        transform: translateY(-57.5px);\n    }\n    \n    .about1_icon-box .circle {\n        height: 115px;\n        width: 115px;\n        background: #081b87;\n        border-radius: 15px;\n        position: absolute;\n        text-align: center;\n    }\n    \n    .about1_icon-box .circle:before {\n        content: \"\";\n        position: absolute;\n    }\n\n    .banner-content {\n        margin-bottom: 90px;\n    }\n\n    .banner-img .img img{\n        margin-top: -30px !important;\n    }\n}\n\n@media only screen and (min-width: 776px) and (max-width: 991px) {\n    .hero-style-1.hero-bg {\n        height: 1410px;\n    }\n\n    .about1_icon-box {\n        position: absolute;\n        box-shadow: 0px 0px 0px #122b6136;\n        top: 44%;\n        left: 60%;\n        transform: translateY(-57.5px);\n    }\n    \n    .about1_icon-box .circle {\n        height: 115px;\n        width: 115px;\n        background: #081b87;\n        border-radius: 15px;\n        position: absolute;\n        text-align: center;\n    }\n    \n    .about1_icon-box .circle:before {\n        content: \"\";\n        position: absolute;\n    }\n\n    .banner-content {\n        margin-bottom: 90px;\n    }\n\n    .banner-img .img img{\n        margin-top: -30px !important;\n    }\n}\n\n@media only screen and (max-width: 574px) {\n    .hero-style-1.hero-bg {\n        height: 1100px;\n    }\n\n    .about1_icon-box {\n        position: absolute;\n        box-shadow: 0px 0px 0px #122b6136;\n        top: 54%;\n        left: 74%;\n        transform: translateY(-57.5px);\n    }\n    \n    .about1_icon-box .circle {\n        height: 95px;\n        width: 95px;\n        background: #081b87;\n        border-radius: 15px;\n        position: absolute;\n        text-align: center;\n    }\n\n    .about1_icon-box .circle img{\n        width: 50px;\n    }\n    \n    .about1_icon-box .circle:before {\n        content: \"\";\n        position: absolute;\n    }\n\n    .banner-content {\n        margin-bottom: 90px;\n        align-content: center;\n        text-align: center;\n    }\n\n    .banner-content .row {\n        align-content: center;\n        text-align: center;\n    }\n\n    .banner-content h2 {\n        font-size: 38px;\n    }\n\n    .banner-img .img {\n        text-align: center;\n    }\n\n    .banner-img .img img{\n        margin-top: -30px !important;\n        width: 90%;\n    }\n\n    .btn {\n        background-color: transparent;\n        text-align: left;\n        color: #000000;\n        font-family: 'Exo 2';\n        font-style: normal;\n        font-weight: 700;\n        font-size: 14px;\n        font-weight: 500;\n        padding: 6px 24px !important;\n        margin-top: 5px !important;\n        width: 70% !important;\n        height: 40px !important;\n        line-height: 0px;\n    }\n\n    .desktop {\n        display: none;\n    }\n\n    .mobile {\n        display: block;\n    }\n}\n\n.mobile {\n    display: none;\n}\n\n.desktop {\n    display: block;\n}\n\n.text-purple {\n    font-family: 'Exo 2';\n    font-style: normal;\n    font-weight: 800;\n    font-size: 25px;\n    display: block;\n    color: #CE097C;\n}\n\n.text-blue {\n    font-family: 'Exo 2';\n    font-style: normal;\n    font-weight: 1000;\n    font-size: 48px;\n    line-height: 58px;\n    display: block;\n    color: #25376F;\n}\n\n.btn.purple-color {\n    background-color: #CE097C;\n    color: #ffffff;\n}\n\n.btn {\n    background-color: transparent;\n    text-align: left;\n    color: #000000;\n    font-family: 'Exo 2';\n    font-style: normal;\n    font-weight: 700;\n    font-size: 20px;\n    font-weight: 500;\n    padding: 12px 24px;\n    margin-top: 10px;\n    width: 70%;\n    height: 50px;\n    line-height: 0px;\n}\n\n.btn i{\n    font-size: 25px;\n    margin-right: 15px;\n}\n\n.btn:hover {\n    background-color: #CE097C;\n    color: #ffffff;\n}\n\n.banner-img .img img{\n    box-shadow: 15px -15px 5px #122b6136;\n    border-bottom-left-radius: 60px;\n    position: relative;\n    margin-top: -80px;\n}\n\n.banner-content {\n    padding: 0px;\n    margin-top: -80px;\n}\n@media (min-width: 1500px) {\n    .about1_icon-box {\n        position: absolute;\n        box-shadow: 0px 0px 0px #122b6136;\n        top: 10%;\n        left: 84%;\n        transform: translateY(-57.5px);\n    }\n\n    .about1_icon-box .circle {\n        height: 115px;\n        width: 115px;\n        background: #081b87;\n        border-radius: 15px;\n        position: absolute;\n        text-align: center;\n    }\n\n    .about1_icon-box .circle:before {\n        content: \"\";\n        position: absolute;\n    }\n}\n</style>\n","import { render } from \"./BannerThree.vue?vue&type=template&id=5a6c1405&scoped=true\"\nimport script from \"./BannerThree.vue?vue&type=script&lang=js\"\nexport * from \"./BannerThree.vue?vue&type=script&lang=js\"\n\nimport \"./BannerThree.vue?vue&type=style&index=0&id=5a6c1405&scoped=true&lang=css\"\n\nimport exportComponent from \"/home/luqmanr/workspace/risetai/riset.ai-website/Web/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-5a6c1405\"]])\n\nexport default __exports__","<template>\n    <!-- Begin Screen Area -->\n    <video-background\n    src=\"images/banner/banner-section.mp4\"\n    style=\"width: 100%;\"\n    object-fit=\"cover\"\n    class=\"hero-area hero-bg hero-style-1\"\n    >\n      <div class=\"container screen-container\">\n        <div class=\"row\">\n          <div class=\"col-lg-10 col-md-10 col-sm-12\">\n            <div class=\"section-area\">\n              <h2 class=\"section-desc\">Blog</h2>\n              <p class=\"section-title\">The Latest from Riset.ai</p>\n            </div>\n          </div>\n          <div class=\"col-lg-10 col-md-10 col-sm-12 desktop\">\n            <swiper class=\"swiper-container screen-slider\"\n            :breakpoints=\"swiperOptions.breakpoints\"\n            :navigation=\"swiperOptions.navigation\"\n            @swiper=\"onSwiper\"\n            >\n              <swiper-slide  v-for=\"(slider, sliders) in sliders\" :key=\"sliders\" class=\"testimonial-item-2\">\n                <div class=\"testimonial-content\">\n                  <router-link :to=\"`/blog-detail/${slider.slug}`\" class=\"\">\n                      <img :src=\"`${slider.image ? imageUrl + slider.image : 'images/news/news-3.png'}`\" style=\"width: 100%; height: 275px; object-fit: cover;\" alt=\"Image News\">\n                  </router-link>\n                  <!-- <img :src=\"`${slider.image ? imageUrl + slider.image : 'images/news/news-3.png'}`\" :alt=\"slider.alt\"> -->\n                  <div class=\"testimonial-user-info\">\n                    <div class=\"user-content\">\n                      <h2 class=\"user-title\">{{ slider.title }}</h2>\n                      <p>{{ moment(slider.created_at).format('DD MMMM YYYY') }}</p>\n                    </div>\n                  </div>\n                </div>\n              </swiper-slide>\n            </swiper>\n          </div>\n          <div class=\"col-lg-12 col-md-12 col-sm-12 mobile\">\n              <div class=\"row feature-slider-2 mt-n30\">\n                  <div v-for=\"(order, index) in sliders\" :key=\"index\" class=\"col-lg-6 col-sm-12 mt-30\">\n                      <router-link :to=\"`/blog-detail/${order.slug}`\" class=\"feature-icon\">\n                          <img :src=\"`${order.image ? imageUrl + order.image : 'images/news/news-3.png'}`\" style=\"width: 100%; height: 275px; object-fit: cover;\" alt=\"Image News\">\n                      </router-link>\n                      <!-- <div class=\"feature-icon\">\n                          <img :src=\"`${order.image ? imageUrl + order.image : 'images/news/news-3.png'}`\" alt=\"Image News\">\n                      </div> -->\n                      <div class=\"feature-content\">\n                          <h5 class=\"title\">{{order.title}}</h5>\n                          <p>{{ moment(order.created_at).format('DD MMMM YYYY') }}</p>\n                      </div>\n                  </div>\n              </div>\n          </div>\n          <div class=\"btn-wrap col-lg-10 col-sm-12\" style=\"margin-top: 20px;\">\n              <router-link class=\"btn purple-color blackcurrant-hover\" to=\"/blog\">See More</router-link>\n          </div>\n        </div>\n      </div>  \n    </video-background>\n    <!-- Screen Area End Here -->\n</template>\n\n<script>\nimport SwiperCore from 'swiper/core'\nimport { Navigation } from 'swiper';\nimport moment from 'moment'\nimport { Swiper, SwiperSlide } from 'swiper/vue'\nimport VideoBackground from 'vue-responsive-video-background-player'\nSwiperCore.use([Navigation])\n\nexport default {\n  components: {\n    Swiper,\n    SwiperSlide,\n    VideoBackground\n  },\n\n  data () {\n    return {\n      bannerBg: 'images/migrate/bg/1-2-1920x1757.png',\n      imageUrl: 'https://dev.api.the-netwerk.com/storage/app/',\n      moment,\n      swiperOptions: {\n        breakpoints: {\n          320: {\n            slidesPerView: 1\n          },\n          480: {\n            slidesPerView: 1\n          },\n          992: {\n            slidesPerView: 3\n          },\n          1200: {\n            slidesPerView: 3,\n            spaceBetween: 30\n          }\n        },\n        navigation: {\n          nextEl: '.screen-button-next',\n          prevEl: '.screen-button-prev'\n        }\n      },\n      blog: [],\n    }\n  },\n  mounted () {\n      this.getData()\n  },\n  computed: {\n    sliders () {\n        return this.blog.slice(0, 3)\n    },\n  },\n  methods: {\n      onSwiper (swiper) {\n          this.swiper = swiper\n      },\n      getData() {\n          this.axios.get(`https://dev.api.the-netwerk.com/api/RisetAI/H1wWlOLOSzW6F4HjLC1K/blog`).then(res => {\n              this.blog = res.data.data\n          })\n      }\n  }\n\n}\n\n</script>\n<style scoped>\n.hero-style-1.hero-bg {\n    height: 650px;\n}\n.screen-area {\n  padding-top: 0px;\n}\n.testimonial-content img {\n  width: 100%;\n  border-radius: 16px;\n}\n.testimonial-content a :hover {\n  opacity: 0.7;\n  -webkit-transform: scale(1.05);\n  transform: scale(1.05);\n}\n.testimonial-content :hover {\n  cursor: pointer;\n}\n.section-area {\n    margin-bottom: 50px;\n}\n.section-desc {\n  color: #8D1245;\n  font-family: 'Exo 2';\n  font-style: normal;\n  font-weight: 800;\n  font-size: 20px;\n  line-height: 42px;\n  max-width: 610px;\n  margin-left: auto;\n  margin-right: auto;\n  margin-bottom: 0px;\n  margin-top: 40px;\n}\n.user-title {\n  text-align: left;\n  font-family: 'Exo 2';\n  font-style: normal;\n  font-weight: 600;\n  font-size: 20px !important;\n}\n.screen-container {\n  align-items: center;\n  text-align: center;\n  margin-bottom: 60px;\n  margin-left: 10%;\n  margin-right: 10%;\n}\n.section-title {\n  color: #25376F;\n  font-family: 'Exo 2';\n  font-style: normal;\n  font-weight: 800;\n  font-size: 38px;\n  line-height: 58px;\n  text-align: center;\n  letter-spacing: 0.03em;\n}\n.testimonial-item-2 {\n  display: flex;\n}\n.btn.purple-color {\n  background-color: #CE097C;\n  color: #ffffff;\n  font-family: \"Exo 2\";\n  font-size: 18px;\n  font-weight: 500;\n  border-radius: 50px;\n  padding: 25px 30px;\n  width: 210px;\n  height: 55px;\n  line-height: 0px;\n}\n.testimonial-user-info {\n  margin-top: 15px;\n}\n.testimonial-user-info .user-content {\n  margin-left: 0px;\n  text-align: left;\n}\n\n.mobile {\n  display: none;\n}\n\n.feature-icon :hover{\n  cursor: pointer;\n}\n\n@media only screen and (max-width: 991px) {\n  .hero-style-1.hero-bg {\n    height: 1950px;\n    justify-content: center;\n    align-items: center;\n  }\n\n  .desktop {\n    display: none;\n  }\n  \n  .mobile {\n    display: block;\n  }\n\n  .btn.purple-color {\n    margin-top: 50px;\n    font-size: 24px;\n    font-weight: 500;\n    border-radius: 50px;\n    padding: 28px 30px;\n    width: 240px;\n    height: 65px;\n  }\n\n  .feature-icon img{\n    width: 100%;\n  }\n}\n\n@media (max-width: 595px) {\n  .screen-container {\n    max-width: 80%;\n  }\n\n  .hero-style-1.hero-bg {\n    height: 1475px;\n    justify-content: center;\n    align-items: center;\n  }\n\n  .desktop {\n    display: none;\n  }\n  \n  .mobile {\n    display: block;\n  }\n\n  .feature-content .title {\n    text-align: center;\n    font-family: 'Exo 2';\n    font-style: normal;\n    font-weight: 600;\n    font-size: 24px !important;\n  }\n}\n</style>\n","import { render } from \"./LatestNews.vue?vue&type=template&id=6e329c10&scoped=true\"\nimport script from \"./LatestNews.vue?vue&type=script&lang=js\"\nexport * from \"./LatestNews.vue?vue&type=script&lang=js\"\n\nimport \"./LatestNews.vue?vue&type=style&index=0&id=6e329c10&scoped=true&lang=css\"\n\nimport exportComponent from \"/home/luqmanr/workspace/risetai/riset.ai-website/Web/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-6e329c10\"]])\n\nexport default __exports__","import { render } from \"./Home.vue?vue&type=template&id=68e7a962\"\nimport script from \"./Home.vue?vue&type=script&lang=js\"\nexport * from \"./Home.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/home/luqmanr/workspace/risetai/riset.ai-website/Web/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","module.exports = __webpack_public_path__ + \"img/banner-4.9debb254.png\";"],"sourceRoot":""}