{"version":3,"sources":["webpack:///./src/assets/img/close.png","webpack:///./src/containers/TheFooter.vue?afed","webpack:///src/containers/TheFooter.vue","webpack:///./src/containers/TheFooter.vue?801f","webpack:///./src/containers/TheFooter.vue","webpack:///./src/assets/img/Input.png","webpack:///./src/components/Toggle.vue?c1a3","webpack:///./src/containers/TheFooter.vue?704a","webpack:///./src/assets/img/interest.png","webpack:///./src/assets/img/bggenie.png","webpack:///./src/views/Homepage.vue?b0f0","webpack:///src/views/Homepage.vue","webpack:///./src/views/Homepage.vue?2786","webpack:///./src/views/Homepage.vue","webpack:///./src/containers/TheHeaderDropdownAccnt.vue?0b66","webpack:///src/containers/TheHeaderDropdownAccnt.vue","webpack:///./src/containers/TheHeaderDropdownAccnt.vue?33f2","webpack:///./src/containers/TheHeaderDropdownAccnt.vue","webpack:///./src/containers/AllHeader.vue?bf49","webpack:///./src/assets/img/bgline.png","webpack:///./src/containers/AllHeader.vue?c847","webpack:///src/containers/AllHeader.vue","webpack:///./src/containers/AllHeader.vue?3b39","webpack:///./src/containers/AllHeader.vue","webpack:///./src/views/Homepage.vue?52c9","webpack:///./src/containers/LoginHeader.vue?5073","webpack:///src/containers/LoginHeader.vue","webpack:///./src/containers/LoginHeader.vue?aabc","webpack:///./src/containers/LoginHeader.vue","webpack:///./src/components/Toggle.vue?dbf7","webpack:///src/components/Toggle.vue","webpack:///./src/components/Toggle.vue?da97","webpack:///./src/components/Toggle.vue","webpack:///./src/assets/img/success.png","webpack:///./src/assets/img/bgPurpleYellow.png","webpack:///./src/assets/img/BgPeople.png","webpack:///./src/containers/TheHeaderDropdownAccnt.vue?2731"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","on","$event","GoToLegal","staticRenderFns","name","data","methods","GoToAbout","$router","push","GoToContact","GoToBlog","component","staticStyle","style","backgroundImage","backgroundUrl","GotoHowItWork","closePopup","directives","rawName","value","expression","domProps","target","composing","emailinterest","OpenPopup","_e","closePopup1","model","callback","$$v","activetab","setActiveTab","positionOptions","selectedPosition","selectedPosition1","Array","isArray","companyCode","_i","$$a","$$el","$$c","checked","$$i","concat","slice","ErrorPosition","ErrorCode","_s","Message","ShowCode","codeCompany","VerifyCodeData","OpenFormVideo","_m","closePopup2","console","error","response","statusText","scopedSlots","_u","key","fn","filepath","proxy","SignOut","toggle","title","isActive","_t"],"mappings":"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","file":"js/chunk-3b2cad0c.665073a1.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/close.15cfcf61.png\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"bg-white m-0\"},[_c('CContainer',[_c('CRow',[_c('CCol',{attrs:{\"sm\":\"12\"}},[_c('div',{staticClass:\"custom-40px-600 text-center mt-5\"},[_vm._v(\"Interviewrr\")]),_c('div',{staticClass:\"text-center\"},[_c('label',{staticClass:\"m-3 font-color-171717\"},[_vm._v(\"About Us\")]),_c('label',{staticClass:\"m-3 font-color-171717\"},[_vm._v(\"Products\")]),_c('label',{staticClass:\"m-3 font-color-171717\"},[_vm._v(\"Services\")]),_c('label',{staticClass:\"m-3 font-color-171717\"},[_vm._v(\"Contact\")]),_c('label',{staticClass:\"m-3 font-color-171717\"},[_vm._v(\"FAQ\")])]),_c('br')])],1)],1),_c('hr'),_c('CRow',[_c('CCol',{attrs:{\"sm\":\"6\"}},[_c('label',{staticClass:\"m-3 font-color-171717\"},[_vm._v(\"© 2023 interviewrr.ai. All rights reserved.\")])]),_c('CCol',{attrs:{\"sm\":\"6\"}},[_c('div',{staticClass:\"text-right\"},[_c('label',{staticClass:\"m-3 font-color-171717\"},[_vm._v(\"Privacy Policy\")]),_c('label',{staticClass:\"m-3 font-color-171717\",on:{\"click\":function($event){return _vm.GoToLegal()}}},[_vm._v(\"Terms and Conditions\")]),_c('label',{staticClass:\"m-3 font-color-171717\"},[_vm._v(\"Cookie Policy\")])])])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"bg-white m-0\">\n    <CContainer>\n      <CRow>\n        <CCol sm=\"12\">\n          <div class=\"custom-40px-600 text-center mt-5\">Interviewrr</div>\n          <div class=\"text-center\">\n          <label class=\"m-3 font-color-171717\"\n            >About Us</label\n          >\n\n          <label class=\"m-3 font-color-171717\"\n            >Products</label\n          >\n\n          <label class=\"m-3 font-color-171717\"\n            >Services</label\n          >\n\n          <label class=\"m-3 font-color-171717\"\n            >Contact</label\n          >\n\n          <label class=\"m-3 font-color-171717\"\n            >FAQ</label\n          >\n        </div>\n          <br />\n       \n         \n        </CCol>\n\n     \n      \n      </CRow>\n    </CContainer>\n    <hr />\n    <CRow>\n      <CCol sm=\"6\"><label class=\"m-3 font-color-171717\">© 2023 interviewrr.ai. All rights reserved.</label></CCol>\n      <CCol sm=\"6\">\n        <div class=\"text-right\"><label class=\"m-3 font-color-171717\"\n            >Privacy Policy</label\n          >\n\n          <label class=\"m-3 font-color-171717\"  @click=\"GoToLegal()\"\n            >Terms and Conditions</label\n          >\n\n          <label class=\"m-3 font-color-171717\"\n            >Cookie Policy</label\n          >\n        </div> </CCol>\n    </CRow>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"TheFooter\",\n  data() {\n    return {\n    \n    };\n  },\n  methods: {\n    GoToAbout() {\n      this.$router.push(\"About\");\n    },\n    GoToContact() {\n      this.$router.push(\"ContactUs\");\n    },\n    GoToLegal() {\n      this.$router.push(\"Legal\");\n    },\n    GoToBlog() {\n      this.$router.push(\"Blog\");\n    },\n    GoToLegal() {\n      this.$router.push(\"Legal\");\n    },\n    GoToLinkedIn() {\n      window.open(\"https://www.linkedin.com/company/70999536/\");\n    },\n    GoToFacebook() {\n      window.open(\"https://www.facebook.com/pickiddo\");\n    },\n    GoToInstagram() {\n      window.open(\"https://www.instagram.com/pickiddo\");\n    },\n    GoToTiktok() {\n      window.open(\"https://www.tiktok.com/@pickiddo\");\n    },\n    GoToYoutube() {\n      window.open(\"https://www.youtube.com/@pickiddo\");\n    },\n    GoToWhatsapp()\n    {\n      window.open(\"https://wa.me/600106597700\");\n    },\n\n    changeImageSrc() {\n      // Change image source to hover image source\n      this.imageSrc = this.hoverImageSrc;\n    },\n    resetImageSrc() {\n      // Reset image source to original image source\n    },\n    changeImageSrcInsta() {\n      // Change image source to hover image source\n      this.imageSrcInsta = this.hoverImageSrcInsta;\n    },\n    resetImageSrcInsta() {\n      // Reset image source to original image source\n    },\n    changeImageSrcFb() {\n      // Change image source to hover image source\n      this.imageSrcFb = this.hoverImageSrcFb;\n    },\n    resetImageSrcFb() {\n      // Reset image source to original image source\n    },\n    changeImageSrcLn() {\n      // Change image source to hover image source\n      this.imageSrcLn = this.hoverImageSrcLn;\n    },\n    resetImageSrcLn() {\n      // Reset image source to original image source\n    },\n    changeImageSrcWs() {\n      // Change image source to hover image source\n      this.imageSrcWs = this.hoverImageSrcWs;\n    },\n    resetImageSrcWs() {\n      // Reset image source to original image source\n    },\n    changeImageSrcYou() {\n      // Change image source to hover image source\n      this.imageSrcYou = this.hoverImageSrcYou;\n    },\n    resetImageSrcYou() {\n      // Reset image source to original image source\n    },\n  },\n};\n</script>\n<style>\n\n.pointer:hover {\n  cursor: pointer;\n  text-decoration: underline;\n}\n.hover-pointer1 {\n  cursor: pointer; /* Set cursor to pointer on hover */\n}\n.hover-pointer2 {\n  cursor: pointer; /* Set cursor to pointer on hover */\n}\n.hover-pointer3 {\n  cursor: pointer; /* Set cursor to pointer on hover */\n}\n.hover-pointer4 {\n  cursor: pointer; /* Set cursor to pointer on hover */\n}\n.hover-pointer5 {\n  cursor: pointer; /* Set cursor to pointer on hover */\n}\n.hover-pointer6 {\n  cursor: pointer; /* Set cursor to pointer on hover */\n}\n@import url(\"https://fonts.googleapis.com/css2?family=Montserrat&family=Poppins&display=swap\");\n@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@100&family=Montserrat&family=Poppins&display=swap\");\n</style>\n  \n\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TheFooter.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TheFooter.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TheFooter.vue?vue&type=template&id=5c3cc38b&\"\nimport script from \"./TheFooter.vue?vue&type=script&lang=js&\"\nexport * from \"./TheFooter.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TheFooter.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/Input.dc0e88f4.png\";","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Toggle.vue?vue&type=style&index=0&id=0177c342&scoped=true&lang=css&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Toggle.vue?vue&type=style&index=0&id=0177c342&scoped=true&lang=css&\"","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TheFooter.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TheFooter.vue?vue&type=style&index=0&lang=css&\"","module.exports = __webpack_public_path__ + \"img/interest.212e4acf.png\";","module.exports = __webpack_public_path__ + \"img/bggenie.f409e62a.png\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('MainlayoutLogin'),_c('CCol',{staticStyle:{\"background-size\":\"cover\"},style:({ backgroundImage: (\"url(\" + _vm.backgroundUrl + \")\") }),attrs:{\"sm\":\"12\"}},[_c('CCol',{attrs:{\"sm\":\"12\",\"lg\":\"12\"}},[_c('CRow',[_c('CCol',{attrs:{\"sm\":\"12\",\"lg\":\"12\"}},[_c('div',{staticStyle:{\"margin-top\":\"15%\",\"position\":\"relative\"}},[_c('h1',{staticClass:\"font-general-sans text-center custom-54px-400\",attrs:{\"data-aos\":\"fade-left\"}},[_vm._v(\" Unlock Your Potential with Interviewrr: \")]),_c('h3',{staticClass:\"custom-54px-600 font-general-sans text-center\",attrs:{\"data-aos\":\"fade-right\"}},[_vm._v(\"Your Gateway to Interview Success\")]),_c('div',{staticClass:\"responsive-card\"},[_c('CCard',{staticClass:\"border-radius-16px p-4\",attrs:{\"data-aos\":\"zoom-in\"}},[_c('img',{staticStyle:{\"max-width\":\"100%\"},attrs:{\"src\":require(\"../assets/img/Input.png\")}}),_c('h3',{staticClass:\"ccustom-18xp-500 text-black font-general-sans text-center mt-4\"},[_vm._v(\"Prepare Your Interview with Us\")]),_c('p',{staticClass:\"custom-14px-500 font-color-AEAEB2 text-center\"},[_vm._v(\"Record Yourself and Check in Real Time\")]),_c('span',{staticClass:\"border-radius-24px font-general-sans text-center\",on:{\"click\":function($event){return _vm.GotoHowItWork()}}},[_vm._v(\"Start\")])])],1)]),_c('br')])],1)],1)],1),(_vm.isLanguagePopupVisible)?_c('div',{staticClass:\"popup-all backdrop-all\"},[_c('div',{staticClass:\"popup-all2\"},[_c('img',{staticStyle:{\"max-width\":\"50px\"},attrs:{\"src\":require(\"../assets/img/close.png\")},on:{\"click\":_vm.closePopup}}),_c('div',{staticClass:\"text-center\"},[_c('img',{staticStyle:{\"max-width\":\"100px\"},attrs:{\"src\":require(\"../assets/img/interest.png\")}}),_c('h3',{staticClass:\"custom-32px-500\"},[_vm._v(\"Register Your Interest!\")]),_c('h3',{staticClass:\"custom-16px-400 text-center\"},[_vm._v(\"Dear User, currently our slots for this feature are fully occupied. If you want this feature to assist you, please register. If slots become available, we will notify you via email\")]),_c('h3',{staticClass:\"custom-14px-500 mt-4 text-left\"},[_vm._v(\"Add Me To The List\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.emailinterest),expression:\"emailinterest\"}],staticClass:\"custom-input-app\",attrs:{\"type\":\"text\",\"placeholder\":\"test@gmail.com\"},domProps:{\"value\":(_vm.emailinterest)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.emailinterest=$event.target.value}}})]),_c('div',{staticClass:\"text-center mt-4\"},[_c('span',{staticClass:\"custom-border-purple p-2 text-center text-white pr-2 pl-2\",on:{\"click\":function($event){return _vm.OpenPopup()}}},[_vm._v(\"Submit\")])])])]):_vm._e(),(_vm.isLanguagePopupVisible1)?_c('div',{staticClass:\"popup-all backdrop-all\"},[_c('div',{staticClass:\"popup-all1\"},[_c('div',{staticClass:\"text-right\"},[_c('img',{staticClass:\"text-right\",staticStyle:{\"max-width\":\"50px\"},attrs:{\"src\":require(\"../assets/img/close.png\")},on:{\"click\":_vm.closePopup1}})]),_c('CTabs',{staticClass:\"custom-tabs\",attrs:{\"variant\":\"pills\"},model:{value:(_vm.activetab),callback:function ($$v) {_vm.activetab=$$v},expression:\"activetab\"}},[_c('CTab',{staticClass:\"custom-tab\",attrs:{\"title\":\"Record Interview\",\"name\":\"Career\"},on:{\"click\":function($event){return _vm.setActiveTab('Career')}}},[_c('div',{staticClass:\"custom-scroll\"},[_c('div',{staticStyle:{\"width\":\"80%\",\"background-size\":\"cover\",\"margin\":\"auto\"}},[_c('div',{staticClass:\"m-0\"},[_c('div',{staticClass:\"text-center\"},[_c('h3',{staticClass:\"custom-16px-500 mt-1 text-center mt-3\"},[_vm._v(\"Career Path Selection\")]),_c('h3',{staticClass:\"custom-16px-400 text-center\"},[_vm._v(\"Help tailor the interview questions and feedback to your specific career goals and aspirations\")]),_c('h3',{staticClass:\"custom-14px-500 mt-1 text-left\"},[_vm._v(\"Your current field Of Expertise\")]),_c('v-select',{attrs:{\"options\":_vm.positionOptions,\"label\":\"Name\"},model:{value:(_vm.selectedPosition),callback:function ($$v) {_vm.selectedPosition=$$v},expression:\"selectedPosition\"}}),_c('h3',{staticClass:\"custom-14px-500 mt-1 text-left\"},[_vm._v(\"Field For the Interview\")]),_c('v-select',{attrs:{\"options\":_vm.positionOptions,\"label\":\"Name\"},model:{value:(_vm.selectedPosition1),callback:function ($$v) {_vm.selectedPosition1=$$v},expression:\"selectedPosition1\"}}),_c('h3',{staticClass:\"custom-16px-400 text-left\"},[_vm._v(\"which can be the same or different from your current field\")]),_c('h3',{staticClass:\"custom-14px-500 text-left\"},[_vm._v(\"Company Code\")]),_c('h3',{staticClass:\"custom-16px-400 text-left\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.companyCode),expression:\"companyCode\"}],staticClass:\"mr-2\",attrs:{\"type\":\"checkbox\"},domProps:{\"checked\":Array.isArray(_vm.companyCode)?_vm._i(_vm.companyCode,null)>-1:(_vm.companyCode)},on:{\"change\":function($event){var $$a=_vm.companyCode,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.companyCode=$$a.concat([$$v]))}else{$$i>-1&&(_vm.companyCode=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{_vm.companyCode=$$c}}}}),_vm._v(\"if you have code from company that request for personal video interview\")]),(this.ErrorPosition == true)?_c('div',{staticClass:\"mt-1\"},[_c('CAlert',{attrs:{\"show\":\"\",\"color\":\"danger\"}},[_c('strong',{staticClass:\"text-danger mr-2\"},[_vm._v(\"Error: Please fill in the form position\")])])],1):_vm._e(),(this.ErrorCode == true)?_c('div',{staticClass:\"mt-1\"},[_c('CAlert',{attrs:{\"show\":\"\",\"color\":\"danger\"}},[_c('strong',{staticClass:\"text-danger mr-2\"}),_vm._v(\" \"+_vm._s(_vm.Message)+\" Please try insert new code. \")])],1):_vm._e(),(this.ShowCode == true)?_c('div',{staticClass:\"mt-1\"},[_c('CAlert',{attrs:{\"show\":\"\",\"color\":\"success\"}},[_c('strong',{staticClass:\"text-danger mr-2\"}),_vm._v(\" \"+_vm._s(_vm.Message)+\" \")])],1):_vm._e()],1),(_vm.companyCode)?_c('div',[(_vm.codeCompany === '')?_c('CAlert',{staticClass:\"mb-2\",attrs:{\"color\":\"danger\"}},[_vm._v(\"Note : Please input your code\")]):_vm._e(),_c('div',{staticClass:\"input-container\"},[_c('CInput',{staticClass:\"custom\",attrs:{\"type\":\"text\",\"placeholder\":\"Enter code...\"},model:{value:(_vm.codeCompany),callback:function ($$v) {_vm.codeCompany=$$v},expression:\"codeCompany\"}}),_c('CButton',{staticClass:\"verify-button\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.VerifyCodeData()}}},[_vm._v(\"Verify\")])],1)],1):_vm._e(),_c('div',{staticClass:\"text-center mt-2\"},[_c('span',{staticClass:\"custom-border-purple p-2 text-center text-white pr-2 pl-2\",on:{\"click\":function($event){return _vm.OpenFormVideo()}}},[_vm._v(\" Submit \")])])])])])])],1)],1)]):_vm._e(),(_vm.isLanguagePopupVisible2)?_c('div',{staticClass:\"popup-all backdrop-all\"},[_c('div',{staticClass:\"popup-all1\"},[_vm._m(0),_c('CButton',{staticClass:\"button-border-202020\",attrs:{\"block\":\"\"},on:{\"click\":_vm.closePopup2}},[_c('span',{staticClass:\"ml-2 mr-2\"},[_vm._v(\"Close\")])])],1)]):_vm._e(),_c('Footerlayout')],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"text-center\"},[_c('img',{staticStyle:{\"max-width\":\"100px\"},attrs:{\"src\":require(\"../assets/img/success.png\")}}),_c('h3',{staticClass:\"custom-32px-500\"},[_vm._v(\"Success!\")]),_c('h3',{staticClass:\"custom-18px text-center\"},[_vm._v(\"Congratulations ! You have been placed in the Early Bord Candidate Benefit program, where you will be entitled to receive five free submissions once the feature becomes available.As an early bird, you're already ahead of the curve! \")])])}]\n\nexport { render, staticRenderFns }","<template>\n    <div>\n        <MainlayoutLogin></MainlayoutLogin>\n        <!-- <div v-if=\"user\">\n            <MainlayoutLogin></MainlayoutLogin>\n     \n    </div>\n    <div v-else>\n        <Mainlayout></Mainlayout>\n    </div> -->\n                  \n        <CCol sm=\"12\" style=\"background-size: cover;\" :style=\"{ backgroundImage: `url(${backgroundUrl})` }\">\n            <CCol sm=\"12\" lg=\"12\">\n                <CRow>\n                    <CCol sm=\"12\" lg=\"12\">\n                        <div style=\"margin-top: 15%; position: relative;\">\n                            <h1 class=\"font-general-sans text-center custom-54px-400\" data-aos=\"fade-left\">\n                                Unlock Your Potential with Interviewrr:\n                            </h1>\n                            <h3 class=\"custom-54px-600 font-general-sans text-center\" data-aos=\"fade-right\">Your Gateway to Interview Success</h3>\n                            <div class=\"responsive-card\">\n                                <CCard class=\"border-radius-16px p-4\" data-aos=\"zoom-in\">\n                                    <img src=\"../assets/img/Input.png\" style=\"max-width: 100%;\" class=\"\" />\n                                    <h3 class=\"ccustom-18xp-500 text-black font-general-sans text-center mt-4\">Prepare Your Interview with Us</h3>\n                                    <p class=\"custom-14px-500 font-color-AEAEB2 text-center\">Record Yourself and Check in Real Time</p>\n                                    <span class=\"border-radius-24px font-general-sans text-center\" @click=\"GotoHowItWork()\">Start</span>\n                                </CCard>\n                            </div>\n    \n                            <!-- <label class=\"bottom-right-button-text\"><strong><b>Are you a company looking for talent?</b></strong></label>\n                            <br />\n                            <button class=\"bottom-right-button\" @click=\"OpenCalendly()\"><label class=\"custom-16px-700 text-white\">Book a Tour</label>\n                                <br />\n                               <label class=\"custom-12px-700 text-white\">Powered by Calendly</label> </button>\n     -->\n    \n    \n                        </div>\n                        <br />\n    \n                    </CCol>\n    \n                </CRow>\n            </CCol>\n        </CCol>\n    \n        \n        <div v-if=\"isLanguagePopupVisible\" class=\"popup-all backdrop-all\">\n            <div class=\"popup-all2\">\n                <!-- Popup content -->\n                <img src=\"../assets/img/close.png\" style=\"max-width:50px;\" @click=\"closePopup\" />\n                <div class=\"text-center\">\n                    <img style=\"max-width:100px\" src=\"../assets/img/interest.png\" />\n                    <h3 class=\"custom-32px-500\">Register Your Interest!</h3>\n                    <h3 class=\"custom-16px-400 text-center\">Dear User, currently our slots for this feature are fully occupied. If you want this feature to assist you, please register. If slots become available, we will notify you via email</h3>\n    \n                    <h3 class=\"custom-14px-500 mt-4 text-left\">Add Me To The List</h3>\n                    <input type=\"text\" v-model=\"emailinterest\" class=\"custom-input-app\" placeholder=\"test@gmail.com\" />\n                </div>\n                <div class=\"text-center mt-4\">\n                    <span class=\"custom-border-purple p-2 text-center text-white pr-2 pl-2\" @click=\"OpenPopup()\">Submit</span>\n                </div>\n            </div>\n        </div>\n    \n        <div v-if=\"isLanguagePopupVisible1\" class=\"popup-all backdrop-all\">\n            <!-- <div :class=\"popupClass\"> -->\n                <div class=\"popup-all1\">\n                    <div class=\"text-right\">\n                <img src=\"../assets/img/close.png\" style=\"max-width:50px;\" @click=\"closePopup1\" class=\"text-right\" />\n            </div>\n                <CTabs v-model=\"activetab\" variant=\"pills\" class=\"custom-tabs\">\n                    <CTab title=\"Record Interview\" name=\"Career\" @click=\"setActiveTab('Career')\" class=\"custom-tab\">\n                       <div class=\"custom-scroll\">\n      <div style=\"width: 80%;background-size: cover; margin: auto;\">\n        <div class=\"m-0\">\n                            <div class=\"text-center\">\n                                <h3 class=\"custom-16px-500 mt-1 text-center mt-3\">Career Path Selection</h3>\n                                <h3 class=\"custom-16px-400 text-center\">Help tailor the interview questions and feedback to your specific career goals and aspirations</h3>\n                                <h3 class=\"custom-14px-500 mt-1 text-left\">Your current field Of Expertise</h3>\n                                <v-select v-model=\"selectedPosition\" :options=\"positionOptions\" label=\"Name\"></v-select>\n    \n                                <h3 class=\"custom-14px-500 mt-1 text-left\">Field For the Interview</h3>\n                                <v-select v-model=\"selectedPosition1\" :options=\"positionOptions\" label=\"Name\"></v-select>\n                                <h3 class=\"custom-16px-400 text-left\">which can be the same or different from your current field</h3>\n\n                                <h3 class=\"custom-14px-500 text-left\">Company Code</h3>\n                                <h3 class=\"custom-16px-400 text-left\"><input type=\"checkbox\" class=\"mr-2\" v-model=\"companyCode\"/>if you have code from company that request for personal video interview</h3>\n                                <div v-if=\"this.ErrorPosition == true\" class=\"mt-1\">\n                                                <CAlert show color=\"danger\">\n                                                    <strong class=\"text-danger mr-2\">Error: Please fill in the form position</strong>\n                                                </CAlert>\n                                            </div>\n\n                                \n                                <div v-if=\"this.ErrorCode == true\" class=\"mt-1\">\n                                                <CAlert show color=\"danger\">\n                                                    <strong class=\"text-danger mr-2\"></strong> {{ Message }} Please try insert new code.\n                                                </CAlert>\n                                            </div>\n\n                                            <div v-if=\"this.ShowCode == true\" class=\"mt-1\">\n                                                <CAlert show color=\"success\">\n                                                    <strong class=\"text-danger mr-2\"></strong> {{ Message }}\n                                                </CAlert>\n                                            </div>\n                            </div>\n                                <div v-if=\"companyCode\">\n                                    <CAlert color=\"danger\" class=\"mb-2\" v-if=\"codeCompany === ''\">Note : Please input your code</CAlert>\n        <div class=\"input-container\">\n    <CInput type=\"text\" v-model=\"codeCompany\" class=\"custom\" placeholder=\"Enter code...\"/>\n    <CButton type=\"button\" class=\"verify-button\" @click=\"VerifyCodeData()\">Verify</CButton>\n  </div>\n</div>\n \n                            <!-- <div class=\"text-center mt-2\">\n                                <span\n        class=\"custom-border-purple p-2 text-center text-white pr-2 pl-2\"\n        :class=\"{ 'disabled': ErrorCode }\"\n        @click=\"ErrorCode ? null : OpenFormVideo()\"\n    >\n        Submit\n    </span>\n                            </div> -->\n\n                            <div class=\"text-center mt-2\">\n                                <span\n        class=\"custom-border-purple p-2 text-center text-white pr-2 pl-2\"\n        @click=\"OpenFormVideo()\"\n    >\n        Submit\n    </span>\n                            </div>\n                        </div>\n                    </div>\n                        </div>\n                    </CTab>\n                    <!-- <CTab title=\"Job Opportunity\" name=\"Job\" @click=\"setActiveTab('Job')\" class=\"custom-tab\">\n                      \n                        <div class=\"custom-scroll\">\n                            <CRow class=\"mt-5\">\n                                <CCol sm=\"2\">\n                                    <input type=\"text\" class=\"custom-input-app p-20\" style=\"height:20px;padding:18px\" placeholder=\"Location..\" />\n                                </CCol>\n                                <CCol sm=\"7\">\n                                    <input type=\"text\" class=\"custom-input-app p-20\" style=\"height:20px;padding:18px\" placeholder=\"Search for job...\" />\n                                </CCol>\n                                <CCol sm=\"1\" class=\"p-0\">\n                                    <CButton class=\"custom-border-grey-white b-20 font-color-696969 d-flex\" @click=\"OpenFilter()\"><img src=\"../assets/img/Filter.png\" style=\"width:20px\" />Filter</CButton>\n                                </CCol>\n    \n                                <CCol sm=\"1\">\n                                    <CButton class=\"custom-border-purple text-white\">Search</CButton>\n                                </CCol>\n                                <CCol sm=\"12\">\n                                <div v-if=\"hideColumn\">\n                                    <CRow>\n                                        <CCol sm=\"12\">\n                                            <label class=\"custom-14px-500 font-color-928AFD mt-3 mb-3\">2</label> <span class=\"font-color-696969\">jobs found</span>\n                                        </CCol>\n                                      \n                                        <CCol sm=\"6\">\n                                           \n                                            <CCard class=\"border-16px\">\n                                                <div class=\"m-3\">\n                                                    <CRow>\n                                                        <CCol sm=\"10\">\n                                                            <img src=\"../assets/img/Google-icon.png\" style=\"max-width:32px\" />\n                                                        </CCol>\n                                                        <CCol sm=\"2\">\n                                                            <img v-if=\"isLoved\" src=\"../assets/img/love-red.png\" @click=\"toggleLove\" style=\"max-width: 32px; cursor: pointer;\" />\n                                                            <img v-else src=\"../assets/img/love-white.png\" @click=\"toggleLove\" style=\"max-width: 32px; cursor: pointer;\" />\n                                                        </CCol>\n                                                        <CCol sm=\"12\" class=\"mt-3\">\n                                                            <label class=\"custom-18px-600\">\n                                Sr. UI/UX Designer\n                              </label>\n                                                            <br />\n                                                            <label class=\"custom-14px-500 font-color-928AFD mt-1\">Figma</label>\n                                                            <br /><br />\n                                                            <CRow>\n                                                                <CCol sm=\"6\">\n                                                                    <img src=\"../assets/img/icon-user.png\" style=\"max-width:20px\" />\n                                                                    <label class=\"custom-14px-500 font-color-696969 ml-3\">1-3 year</label>\n                                                                </CCol>\n    \n                                                                <CCol sm=\"6\">\n                                                                    <img src=\"../assets/img/timer.png\" style=\"max-width:20px\" />\n                                                                    <label class=\"custom-14px-500 font-color-696969 ml-3\">Remote</label>\n                                                                </CCol>\n    \n                                                                <CCol sm=\"12\">\n                                                                    <img src=\"../assets/img/location 2.png\" style=\"max-width:20px\" />\n                                                                    <label class=\"custom-14px-500 font-color-696969 ml-3\">Johor</label>\n                                                                    <br />\n                                                                    <label class=\"custom-14px-400 font-color-696969\">\n                                    This position is for a Senior UI/UX Designer who collaborates with cross-functional teams, creates user-centered designs, and conducts usability testing. This role is ideal for someone who enjoys shaping digital experiences with a focus on user needs.\n                                  </label>\n                                                                    <br /><br />\n                                                                    <span class=\"custom-light-purple font-color-928AFD border-radius-half mr-2\">Web Design</span>\n                                                                    <span class=\"custom-light-purple font-color-928AFD border-radius-half\">App Design</span>\n                                                                    <CRow class=\"mt-3\">\n                                                                        <CCol sm=\"5\">\n                                                                            <label class=\"custom-20px-600\">$1K</label> <span class=\"font-color-696969\">/ years</span>\n                                                                        </CCol>\n                                                                        <CCol sm=\"7\">\n                                                                            <label class=\"custom-14px-500 font-color-928AFD mt-1\">10 hours ago</label>\n                                                                            <label class=\"font-color-696969 ml-2\">120 applicants</label>\n                                                                        </CCol>\n                                                                    </CRow>\n                                                                </CCol>\n                                                            </CRow>\n                                                        </CCol>\n                                                    </CRow>\n                                                </div>\n                                            </CCard>\n                                        </CCol>\n    \n                                        <CCol sm=\"6\">\n                                             <CCard class=\"border-16px\">\n                                                <div class=\"m-3\">\n                                                    <CRow>\n                                                        <CCol sm=\"10\">\n                                                            <img src=\"../assets/img/Google-icon.png\" style=\"max-width:32px\" />\n                                                        </CCol>\n                                                        <CCol sm=\"2\">\n                                                            <img v-if=\"isLoved\" src=\"../assets/img/love-red.png\" @click=\"toggleLove\" style=\"max-width: 32px; cursor: pointer;\" />\n                                                            <img v-else src=\"../assets/img/love-white.png\" @click=\"toggleLove\" style=\"max-width: 32px; cursor: pointer;\" />\n                                                        </CCol>\n                                                        <CCol sm=\"12\" class=\"mt-3\">\n                                                            <label class=\"custom-18px-600\">\n                                Sr. UI/UX Designer\n                              </label>\n                                                            <br />\n                                                            <label class=\"custom-14px-500 font-color-928AFD mt-1\">Figma</label>\n                                                            <br /><br />\n                                                            <CRow>\n                                                                <CCol sm=\"6\">\n                                                                    <img src=\"../assets/img/icon-user.png\" style=\"max-width:20px\" />\n                                                                    <label class=\"custom-14px-500 font-color-696969 ml-3\">1-3 year</label>\n                                                                </CCol>\n    \n                                                                <CCol sm=\"6\">\n                                                                    <img src=\"../assets/img/timer.png\" style=\"max-width:20px\" />\n                                                                    <label class=\"custom-14px-500 font-color-696969 ml-3\">Remote</label>\n                                                                </CCol>\n    \n                                                                <CCol sm=\"12\">\n                                                                    <img src=\"../assets/img/location 2.png\" style=\"max-width:20px\" />\n                                                                    <label class=\"custom-14px-500 font-color-696969 ml-3\">Johor</label>\n                                                                    <br />\n                                                                    <label class=\"custom-14px-400 font-color-696969\">\n                                    This position is for a Senior UI/UX Designer who collaborates with cross-functional teams, creates user-centered designs, and conducts usability testing. This role is ideal for someone who enjoys shaping digital experiences with a focus on user needs.\n                                  </label>\n                                                                    <br /><br />\n                                                                    <span class=\"custom-light-purple font-color-928AFD border-radius-half mr-2\">Web Design</span>\n                                                                    <span class=\"custom-light-purple font-color-928AFD border-radius-half\">App Design</span>\n                                                                    <CRow class=\"mt-3\">\n                                                                        <CCol sm=\"5\">\n                                                                            <label class=\"custom-20px-600\">$1K</label> <span class=\"font-color-696969\">/ years</span>\n                                                                        </CCol>\n                                                                        <CCol sm=\"7\">\n                                                                            <label class=\"custom-14px-500 font-color-928AFD mt-1\">10 hours ago</label>\n                                                                            <label class=\"font-color-696969 ml-2\">120 applicants</label>\n                                                                        </CCol>\n                                                                    </CRow>\n                                                                </CCol>\n                                                            </CRow>\n                                                        </CCol>\n                                                    </CRow>\n                                                </div>\n                                            </CCard>\n                                        </CCol>\n                                    </CRow>\n                                </div>\n                            </CCol>\n                            </CRow>\n                            <div v-if=\"filter\">\n                                <CRow class=\"mt-2\">\n                                    <CCol sm=\"12\">\n                                            <label class=\"custom-14px-500 font-color-928AFD mt-3 mb-3\">2</label> <span class=\"font-color-696969\">jobs found</span>\n                                        </CCol>\n                                    <CCol sm=\"4\">\n                                         <CCard class=\"border-16px\">\n                                            <div class=\"m-3\">\n                                                <CRow>\n                                                    <CCol sm=\"9\">\n                                                        <img src=\"../assets/img/Google-icon.png\" style=\"max-width:32px\" />\n                                                    </CCol>\n                                                    <CCol sm=\"2\">\n                                                        <img v-if=\"isLoved\" src=\"../assets/img/love-red.png\" @click=\"toggleLove\" style=\"max-width: 32px; cursor: pointer;\" />\n                                                        <img v-else src=\"../assets/img/love-white.png\" @click=\"toggleLove\" style=\"max-width: 32px; cursor: pointer;\" />\n                                                    </CCol>\n                                                    <CCol sm=\"12\" class=\"mt-3\">\n                                                        <label class=\"custom-18px-600\">\n                                Sr. UI/UX Designer\n                              </label>\n                                                        <br />\n                                                        <label class=\"custom-14px-500 font-color-928AFD mt-1\">Figma</label>\n                                                        <br /><br />\n                                                        <CRow>\n                                                            <CCol sm=\"6\">\n                                                                <img src=\"../assets/img/icon-user.png\" style=\"max-width:20px\" />\n                                                                <label class=\"custom-14px-500 font-color-696969 ml-3\">1-3 year</label>\n                                                            </CCol>\n    \n                                                            <CCol sm=\"6\">\n                                                                <img src=\"../assets/img/timer.png\" style=\"max-width:20px\" />\n                                                                <label class=\"custom-14px-500 font-color-696969 ml-3\">Remote</label>\n                                                            </CCol>\n    \n                                                            <CCol sm=\"12\">\n                                                                <img src=\"../assets/img/location 2.png\" style=\"max-width:20px\" />\n                                                                <label class=\"custom-14px-500 font-color-696969 ml-3\">Johor</label>\n                                                                <br />\n                                                                <label class=\"custom-14px-400 font-color-696969\">\n                                    This position is for a Senior UI/UX Designer who collaborates with cross-functional teams, creates user-centered designs, and conducts usability testing. This role is ideal for someone who enjoys shaping digital experiences with a focus on user needs.\n                                  </label>\n                                                                <br /><br />\n                                                                <span class=\"custom-light-purple font-color-928AFD border-radius-half mr-2\">Web Design</span>\n                                                                <span class=\"custom-light-purple font-color-928AFD border-radius-half\">App Design</span>\n                                                                <CRow class=\"mt-3\">\n                                                                    <CCol sm=\"5\">\n                                                                        <label class=\"custom-20px-600\">$1K</label> <span class=\"font-color-696969\">/ years</span>\n                                                                    </CCol>\n                                                                    <CCol sm=\"7\">\n                                                                        <label class=\"custom-14px-500 font-color-928AFD mt-1\">10 hours ago</label>\n                                                                        <label class=\"font-color-696969 ml-2\">120 applicants</label>\n                                                                    </CCol>\n                                                                </CRow>\n                                                            </CCol>\n                                                        </CRow>\n                                                    </CCol>\n                                                </CRow>\n                                            </div>\n                                        </CCard>\n                                    </CCol>\n    \n                                    <CCol sm=\"4\"> <CCard class=\"border-16px\">\n                                            <div class=\"m-3\">\n                                                <CRow>\n                                                    <CCol sm=\"9\">\n                                                        <img src=\"../assets/img/Google-icon.png\" style=\"max-width:32px\" />\n                                                    </CCol>\n                                                    <CCol sm=\"2\">\n                                                        <img v-if=\"isLoved\" src=\"../assets/img/love-red.png\" @click=\"toggleLove\" style=\"max-width: 32px; cursor: pointer;\" />\n                                                        <img v-else src=\"../assets/img/love-white.png\" @click=\"toggleLove\" style=\"max-width: 32px; cursor: pointer;\" />\n                                                    </CCol>\n                                                    <CCol sm=\"12\" class=\"mt-3\">\n                                                        <label class=\"custom-18px-600\">\n                                Sr. UI/UX Designer\n                              </label>\n                                                        <br />\n                                                        <label class=\"custom-14px-500 font-color-928AFD mt-1\">Figma</label>\n                                                        <br /><br />\n                                                        <CRow>\n                                                            <CCol sm=\"6\">\n                                                                <img src=\"../assets/img/icon-user.png\" style=\"max-width:20px\" />\n                                                                <label class=\"custom-14px-500 font-color-696969 ml-3\">1-3 year</label>\n                                                            </CCol>\n    \n                                                            <CCol sm=\"6\">\n                                                                <img src=\"../assets/img/timer.png\" style=\"max-width:20px\" />\n                                                                <label class=\"custom-14px-500 font-color-696969 ml-3\">Remote</label>\n                                                            </CCol>\n    \n                                                            <CCol sm=\"12\">\n                                                                <img src=\"../assets/img/location 2.png\" style=\"max-width:20px\" />\n                                                                <label class=\"custom-14px-500 font-color-696969 ml-3\">Johor</label>\n                                                                <br />\n                                                                <label class=\"custom-14px-400 font-color-696969\">\n                                    This position is for a Senior UI/UX Designer who collaborates with cross-functional teams, creates user-centered designs, and conducts usability testing. This role is ideal for someone who enjoys shaping digital experiences with a focus on user needs.\n                                  </label>\n                                                                <br /><br />\n                                                                <span class=\"custom-light-purple font-color-928AFD border-radius-half mr-2\">Web Design</span>\n                                                                <span class=\"custom-light-purple font-color-928AFD border-radius-half\">App Design</span>\n                                                                <CRow class=\"mt-3\">\n                                                                    <CCol sm=\"5\">\n                                                                        <label class=\"custom-20px-600\">$1K</label> <span class=\"font-color-696969\">/ years</span>\n                                                                    </CCol>\n                                                                    <CCol sm=\"7\">\n                                                                        <label class=\"custom-14px-500 font-color-928AFD mt-1\">10 hours ago</label>\n                                                                        <label class=\"font-color-696969 ml-2\">120 applicants</label>\n                                                                    </CCol>\n                                                                </CRow>\n                                                            </CCol>\n                                                        </CRow>\n                                                    </CCol>\n                                                </CRow>\n                                            </div>\n                                        </CCard>\n                                    </CCol>\n                                    <CCol sm=\"4\">\n                                            <div class=\"p-2 ml-2\">\n                                                <label class=\"custom-16px-600 ml-2\">Filter by</label>\n                                                <br />\n                                                <div>\n                                                    <div class=\"custom-14px-500 ml-2 mt-2 font-color-171717\" @click=\"toggleCategoryList\">\n    \n    \n                                                        <CRow class=\"mb-2\">\n                                                            <CCol sm=\"10\">Category</CCol>\n                                                            <CCol sm=\"2\">\n                                                                <span v-if=\"isCategoryListVisible\"><img src=\"../assets/img/arrowup-black.png\" style=\"max-width:20px\"/></span>\n                                                                <span v-else><img src=\"../assets/img/arrowdown-black.png\" style=\"max-width:20px\"/></span>\n                                                            </CCol>\n    \n                                                        </CRow>\n    \n                                                    </div>\n                                                    <div v-if=\"isCategoryListVisible\">\n                                                        <CRow v-for=\"item in categoryJob\" :key=\"item.Id\" class=\"m-1\">\n                                                            <CCol sm=\"2\">\n                                                                <input type=\"checkbox\" />\n                                                            </CCol>\n                                                            <CCol sm=\"10\">\n                                                                <label class=\"font-color-171717\">{{ item.Category }}</label>\n                                                            </CCol>\n                                                        </CRow>\n                                                    </div>\n                                                </div>\n    \n    \n                                                <div>\n                                                    <div class=\"custom-14px-500 ml-2 mt-2 font-color-171717\" @click=\"toggleTypeList\">\n    \n    \n                                                        <CRow class=\"mb-2\">\n                                                            <CCol sm=\"10\">Job Type</CCol>\n                                                            <CCol sm=\"2\">\n                                                                <span v-if=\"isTypeListVisible\"><img src=\"../assets/img/arrowup-black.png\" style=\"max-width:20px\"/></span>\n                                                                <span v-else><img src=\"../assets/img/arrowdown-black.png\" style=\"max-width:20px\"/></span>\n                                                            </CCol>\n    \n                                                        </CRow>\n    \n                                                    </div>\n                                                    <div v-if=\"isTypeListVisible\">\n                                                        <CRow v-for=\"item in categoryJobType\" :key=\"item.Id\" class=\"m-1\">\n                                                            <CCol sm=\"2\">\n                                                                <input type=\"checkbox\" />\n                                                            </CCol>\n                                                            <CCol sm=\"10\">\n                                                                <label class=\"font-color-171717\">{{ item.Category }}</label>\n                                                            </CCol>\n                                                        </CRow>\n                                                    </div>\n                                                </div>\n    \n    \n                                                <div>\n                                                    <div class=\"custom-14px-500 ml-2 mt-2 font-color-171717\" @click=\"toggleSeniorityList\">\n    \n    \n                                                        <CRow class=\"mb-2\">\n                                                            <CCol sm=\"10\">Seniority Level</CCol>\n                                                            <CCol sm=\"2\">\n                                                                <span v-if=\"isTypeSeniorityListVisible\"><img src=\"../assets/img/arrowup-black.png\" style=\"max-width:20px\"/></span>\n                                                                <span v-else><img src=\"../assets/img/arrowdown-black.png\" style=\"max-width:20px\"/></span>\n                                                            </CCol>\n    \n                                                        </CRow>\n    \n                                                    </div>\n                                                    <div v-if=\"isCategorySeniorityVisible\">\n                                                        <CRow v-for=\"item in categoryJobSeniority\" :key=\"item.Id\" class=\"m-1\">\n                                                            <CCol sm=\"2\">\n                                                                <input type=\"checkbox\" />\n                                                            </CCol>\n                                                            <CCol sm=\"10\">\n                                                                <label class=\"font-color-171717\">{{ item.Category }}</label>\n                                                            </CCol>\n                                                        </CRow>\n                                                    </div>\n                                                </div>\n\n      <input type=\"range\" class=\"custom-range mt-3\" min=\"0\" max=\"100\" v-model=\"progressBarValue\" @input=\"updateProgressBarWidth\">\n      <div class=\"d-flex justify-content-between mt-2\">\n        <span>Min Salary: ${{ minSalary }}</span>\n        <span>Max Salary: ${{ maxSalary }}</span>\n      </div>\n                                                <br />  <br /> \n                                            </div>\n    \n    \n                                    </CCol>\n                                </CRow>\n                            </div>\n    \n    \n                        </div>\n                    </CTab> -->\n                </CTabs>\n            </div>\n        </div>\n    \n    \n        <div v-if=\"isLanguagePopupVisible2\" class=\"popup-all backdrop-all\">\n            <div class=\"popup-all1\">\n                <!-- Popup content -->\n                <div class=\"text-center\">\n                    <img style=\"max-width:100px\" src=\"../assets/img/success.png\" />\n                    <h3 class=\"custom-32px-500\">Success!</h3>\n                    <h3 class=\"custom-18px text-center\">Congratulations ! You have been placed in the Early Bord Candidate Benefit program, where you will be entitled to receive five free submissions once the feature becomes available.As an early bird, you're already ahead of the curve!\n                    </h3>\n                </div>\n                <CButton class=\"button-border-202020\" @click=\"closePopup2\" block><span class=\"ml-2 mr-2\">Close</span></CButton>\n            </div>\n        </div>\n    \n    \n    \n        <Footerlayout></Footerlayout>\n    \n    </div>\n</template>\n\n<script>\nimport Vue from \"vue\";\nimport { Carousel3d, Slide } from \"vue-carousel-3d\";\nimport MarqueeText from \"vue-marquee-text-component\";\n\n  import _ from \"lodash\";\n\nVue.component(\"marquee-text\", MarqueeText);\nimport AOS from \"aos\";\nimport \"aos/dist/aos.css\";\n\nVue.use(Carousel3d);\n\nimport backgroundUrl from \"../assets/img/bgPurpleYellow.png\";\nimport backgroundUrl1 from \"../assets/img/BgPeople.png\";\nimport backgroundGenie from \"../assets/img/bggenie.png\";\nimport backgroundUrNoArrow from \"../assets/img/bgline.png\";\n\nimport Mainlayout from \"../containers/AllHeader.vue\";\nimport MainlayoutLogin from \"../containers/LoginHeader.vue\";\nimport Footerlayout from \"../containers/TheFooter.vue\";\nimport ToggleCard from '../components/Toggle.vue';\n\n\nexport default {\n    name: \"Login\",\n    components: {\n        Carousel3d,\n        Slide,\n        MarqueeText,\n        Mainlayout,\n        MainlayoutLogin,\n        Footerlayout,\n        ToggleCard,\n    },\n  \n    data() {\n        return {\n            backgroundUrl,\n            backgroundUrl1,\n            backgroundUrNoArrow,\n\n            backgroundGenie,\n            isActive: false,\n\n            name: \"\",\n            email: \"\",\n            phone: \"\",\n            password: \"\",\n            selectedUser: \"\",\n\n\n            isLanguagePopupVisible: false,\n            emailinterest: \"\",\n\n            selectedExpertise: \"\",\n            selectedField: \"\",\n            //selectedPosition: \"\",\n            expertiseOptions: [], // Initialize as an empty array\n            fieldOptions: [], // Initialize as an empty array\n            positionOptions: [],\n            isLanguagePopupVisible1: false,\n            isLanguagePopupVisible2: false,\n\n            Names: \"\",\n            activetab: \"\",\n            isLoved: false, // Initial state\n            filter: false,\n            hideColumn: true,\n\n            isCategoryListVisible: true, // Toggle state\n            isTypeListVisible: false,\n            isCategorySeniorityVisible: false,\n            categoryJob: [],\n            categoryJobType: [],\n            categoryJobSeniority: [],\n            isLoved: false, // Initial state\n            progressBarValue: 50, // Initial value (percentage)\n      minSalary: 50000,    // Example minimum salary\n      maxSalary: 100000,   // Example maximum salary\n      companyCode: false,\n      codeCompany: '',\n      ErrorCode: false,\n      ShowCode: false,\n      Message: \"\",\n      result: {},\n      selectedPosition: '',\n      ErrorPosition: false,\n      user: null,\n      Names: \"\",\n        };\n        \n    },\n    created() {\n        AOS.init();\n      \n    },\n\n    mounted() {\n        this.getListField();\n        this.getListExpertise();\n        this.getListPosition();\n        this.GetListCategoryJob();\n        this.GetListCategoryJobType();\n        this.GetListCategoryJobSeniority();\n\n       \n\n   \n    },\n    computed: {\n        popupClass() {\n            return this.activetab === 'Career' ? 'popup-all1' : 'popup-all2';\n        },\n        progressBarWidth() {\n      return `${this.progressBarValue}%`; // Convert value to percentage for width\n    },\n    },\n    methods: {\n        async GetInfoUser() {\n            try {\n                const response = await this.$API.get(this.$LoginUserDetail, { withCredentials: true });\n                if (response.status === 200 && response.data) {\n                    this.user = response.data;\n                    this.Names = this.user.name;\n                } else {\n                    this.$router.push(\"Index\");\n                    console.error(\"User info retrieval failed:\", response.data.detail);\n                }\n            } catch (error) {\n                this.$router.push(\"Index\");\n                console.error(\"Error fetching user info:\", error);\n            }\n        },\n       \n        OpenFilter() {\n           // this.filter = true;\n           // this.hideColumn = false;\n\n            this.filter = !this.filter;\n            this.hideColumn = !this.hideColumn;\n        \n        },\n        setActiveTab(tabName) {\n            this.activetab = tabName;\n        },\n\n       \n        toggle() {\n            this.isActive = !this.isActive;\n        },\n        GotoHowItWork() {\n            //  this.$router.push(\"HowItWork\");\n            this.isLanguagePopupVisible1 = true;\n        },\n        OpenHowItWork() {\n            this.$router.push(\"HowItWork\");\n        },\n        GoToLogin() {\n            this.$router.push(\"Login\");\n        },\n        closePopup() {\n            this.isLanguagePopupVisible1 = false;\n        },\n        closePopup1() {\n            this.isLanguagePopupVisible1 = false;\n        },\n        closePopup2() {\n            this.isLanguagePopupVisible1 = false;\n            this.isLanguagePopupVisible2 = false;\n        },\n        OpenPopup() {\n            this.isLanguagePopupVisible = false;\n            this.isLanguagePopupVisible1 = true;\n\n        },\n        SubmitData() {\n\n            \n\n            const formData = new FormData();\n\n            formData.append(\"email\", this.emailinterest);\n            formData.append(\"experties\", this.selectedExpertise.Name);\n            formData.append(\"field\", this.selectedField.Name);\n\n\n            this.$API\n                .post(this.$RegisterInterest, formData)\n                .then((response) => {\n                    if (response.data.status === 400) {\n                        this.Loading = false;\n                        this.Message = response.data.message;\n                        this.Error = true;\n\n                    }\n                    if (response.status == 200) {\n\n                        if (response.data.status !== 400) {\n                            if (response.data.status !== 400) {\n\n                                this.isLanguagePopupVisible1 = false;\n                                this.isLanguagePopupVisible2 = true;\n\n                            } else {\n                                this.Loading = false;\n                                this.Message = response.data.message;\n                                this.Error = true;\n                            }\n\n                        } else {\n                            this.Loading = false;\n                            this.Message = response.data.message;\n                            this.Error = true;\n                        }\n                    } else {\n                        this.Loading = false;\n                        this.Error = true;\n                        this.Message = response.data.message;\n                    }\n                })\n                .catch((error) => {\n                    this.Loading = false;\n                    this.Error = true;\n                    this.Message = error.response.data.message;\n                });\n        },\n        OpenFormVideo() {\n            if (!this.selectedPosition || !this.selectedPosition.Name) \n            {\n                this.Message = 'Please select your current field';\n                    this.ErrorPosition = true;\n            }\n            else\n            {\n                if(this.ErrorCode === true){\n                    this.ErrorPosition = false;\n                    this.$router.push(\"FormVideo\" + \"?expertise=\" + this.selectedPosition.Name + \"&field=\" + this.selectedPosition.Name + \"&position=\" + this.selectedPosition.Name)\n                }\n                else\n                {\n                    if(this.codeCompany === '')\n                    {\n                        this.$router.push(\"FormVideo\" + \"?expertise=\" + this.selectedPosition.Name + \"&field=\" + this.selectedPosition.Name + \"&position=\" + this.selectedPosition.Name)\n\n                    }\n                    else\n                    {\n                        this.$router.push(\"FormVideo\" + \"?expertise=\" + this.selectedPosition.Name + \"&field=\" + this.selectedPosition.Name + \"&position=\" + this.selectedPosition.Name + \"&code=\" + this.codeCompany)\n                    }\n                   \n                }\n               \n           \n            }\n        },\n        async getListField() {\n            try {\n                const response = await this.$API.get(this.$GetListField);\n                if (response.status === 200) {\n                    this.fieldOptions = response.data;\n                } else {\n                    // Handle non-200 status code\n                }\n            } catch (error) {\n                // Handle the error here\n            }\n        },\n        async getListExpertise() {\n            try {\n                const response = await this.$API.get(this.$GetListExpertise);\n                if (response.status === 200) {\n                    this.expertiseOptions = response.data;\n                } else {\n                    // Handle non-200 status code\n                }\n            } catch (error) {\n                // Handle the error here\n            }\n        },\n        async getListPosition() {\n            try {\n                const response = await this.$API.get(this.$GetListPosition);\n                if (response.status === 200) {\n                    this.positionOptions = response.data;\n                } else {\n                    // Handle non-200 status code\n                }\n            } catch (error) {\n                // Handle the error here\n            }\n        },\n        OpenCalendly() {\n            window.open(\"https://calendly.com/rasid-interviewrr\");\n        },\n        toggleLove() {\n            this.isLoved = !this.isLoved;\n        },\n        async GetListCategoryJob() {\n            try {\n                const response = await this.$API.get(this.$GetListCategoryJob);\n                if (response.status === 200) {\n                    this.categoryJob = response.data;\n\n                } else {\n                    // Handle non-200 status code\n                }\n            } catch (error) {\n                // Handle the error here\n            }\n        },\n        toggleCategoryList() {\n            this.isCategoryListVisible = !this.isCategoryListVisible;\n        },\n\n        async GetListCategoryJobType() {\n            try {\n                const response = await this.$API.get(this.$GetListCategoryJobType);\n                if (response.status === 200) {\n                    this.categoryJobType = response.data;\n\n                } else {\n                    // Handle non-200 status code\n                }\n            } catch (error) {\n                // Handle the error here\n            }\n        },\n        toggleTypeList() {\n            this.isTypeListVisible = !this.isTypeListVisible;\n        },\n\n        async GetListCategoryJobSeniority() {\n            try {\n                const response = await this.$API.get(this.$GetListCategoryJobSeniority);\n                if (response.status === 200) {\n                    this.categoryJobSeniority = response.data;\n\n                } else {\n                    // Handle non-200 status code\n                }\n            } catch (error) {\n                // Handle the error here\n            }\n        },\n        toggleSeniorityList() {\n            this.isCategorySeniorityVisible = !this.isCategorySeniorityVisible;\n        },\n        async VerifyCodeData() {\n        try {\n            this.ErrorPosition = false;\n            const codeCompany1 = this.codeCompany;\n            const response = await this.$API.get(this.$VerifyCode + '?code=' + codeCompany1); // Assuming this.$VerifyCode is your API endpoint URL\n            \n            if (response.status === 200) {\n                this.result = response.data;\n                if (this.result === 'The code is not ready for used.') {\n                    this.Message = 'The code is not ready for used.';\n                    this.ErrorCode = true;\n                    \n                } else if (this.result === 'The code is expired.') {\n                    this.Message = 'The code is expired.';\n                    this.ErrorCode = true;\n                } else if (this.result === 'The code is invalid.') {\n                    this.Message = 'The code is invalid.';\n                    this.ErrorCode = true;\n                } else {\n                    this.Message = response.data\n                    this.ShowCode = true;\n                    this.ErrorCode = false;\n                 \n            }\n            } else {\n                // Handle non-200 status code\n                console.error('Failed to fetch data:', response.statusText);\n            }\n        } catch (error) {\n            // Handle the error here\n            console.error('Error fetching data:', error);\n        }\n    }\n\n\n\n\n\n    },\n\n};\n</script>\n\n<style scoped>\n@import url('https://fonts.cdnfonts.com/css/general-sans');\nbody {\n    top: 0 !important;\n    font-family: 'General Sans', sans-serif;\n}\n\n.image-container {\n    position: relative;\n    max-width: 100%;\n}\n\n.background-image {\n    width: 100%;\n    height: auto;\n}\n\n.overlay-text {\n    position: absolute;\n    bottom: 20px;\n    /* Adjust as needed */\n    left: 20px;\n    /* Adjust as needed */\n    right: 20px;\n    /* Adjust as needed */\n    background-color: rgba(0, 0, 0, 0.5);\n    /* Semi-transparent background */\n    color: white;\n    padding: 10px;\n    text-align: center;\n    font-size: 1.2em;\n    /* Adjust as needed */\n    width: 70%;\n    margin: 0 auto;\n}\n\npre {\n    white-space: pre-wrap;\n    /* Ensures that newlines and spaces are rendered as expected */\n    color: #171717;\n    font-family: Inter;\n    font-size: 18px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 150%;\n    /* 27px */\n}\n\n.bottom-right-button {\n    position: absolute;\n    bottom: 20px;\n    /* Adjust as needed */\n    right: 80px;\n    /* Adjust as needed */\n    padding: 10px 20px;\n    background-color: #007bff;\n    /* Button color */\n    color: white;\n    border: none;\n    border-radius: 20px;\n    cursor: pointer;\n}\n\n.bottom-right-button-text {\n    position: absolute;\n    bottom: 90px;\n    /* Adjust as needed */\n    right: 20px;\n    /* Adjust as needed */\n    padding: 10px 20px;\n    color: white;\n    border: none;\n    border-radius: 5px;\n    cursor: pointer;\n    color: #000;\n    font-weight: 600;\n}\n\n.bottom-right-button:hover {\n    background-color: #0056b3;\n    /* Hover color */\n}\n\n/* .popup-all1 {\n    width: 500px;\n    padding: 20px;\n    -webkit-box-sizing: border-box;\n    box-sizing: border-box;\n    background-color: #fff;\n    border: 1px solid #ccc;\n    border-radius: 20px;\n    z-index: 1000;\n    margin: 0 auto;\n    margin-top: 2%;\n    height:70vh;\n} */\n\n.popup-all2 {\n    width: 900px;\n    padding: 20px;\n    -webkit-box-sizing: border-box;\n    box-sizing: border-box;\n    background-color: #fff;\n    border: 1px solid #ccc;\n    border-radius: 20px;\n    z-index: 1000;\n    margin: 0 auto;\n    margin-top: 4%;\n    z-index: 1;\n    height:90vh;\n}\n.salary-range {\n  padding: 20px;\n}\n\n.progress {\n  height: 20px;\n  background-color: #e9ecef;\n  border-radius: 4px;\n  overflow: hidden;\n}\n\n.progress-bar {\n  height: 100%;\n  background-color: #007bff;\n}\n\n.custom-range {\n  width: 100%;\n}\n\n.input-container {\n  position: relative;\n  display: inline-block;\n  width:100%;\n}\n\ninput[type=\"text\"].custom {\n  padding-right: 60px; /* Adjust according to button width */\n  height:80px;\n}\n\n.verify-button {\n  position: absolute;\n  right: 2px;\n  top: 3px;\n  bottom:3px;\n  height: 28px;\n  border-radius: 50px;\n  background: #928AFD;\n  color:#fff;\n  /* Optional: Adjust the button height to match the input field */\n}\n.disabled {\n    cursor: not-allowed;\n    opacity: 0.5;\n}\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Homepage.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Homepage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Homepage.vue?vue&type=template&id=6c89c4b0&scoped=true&\"\nimport script from \"./Homepage.vue?vue&type=script&lang=js&\"\nexport * from \"./Homepage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Homepage.vue?vue&type=style&index=0&id=6c89c4b0&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"6c89c4b0\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('CDropdown',{staticClass:\"c-header-nav-items\",attrs:{\"inNav\":\"\",\"placement\":\"bottom-end\",\"add-menu-classes\":\"pt-0\"},scopedSlots:_vm._u([{key:\"toggler\",fn:function(){return [_c('CHeaderNavLink',[_c('div',{staticClass:\"c-avatar\"},[(_vm.filepath != null)?_c('img',{attrs:{\"src\":_vm.filepath,\"height\":\"30px\"}}):_c('img',{attrs:{\"src\":\"img/avatars/6.jpg\",\"height\":\"30px\"}})])])]},proxy:true}])},[_c('CDropdownItem',{attrs:{\"to\":\"Setting\"}},[_vm._v(\"My Profile\")]),_c('CDropdownItem',{on:{\"click\":function($event){return _vm.SignOut()}}},[_vm._v(\"Log Out\")])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <CDropdown\n    inNav\n    class=\"c-header-nav-items\"\n    placement=\"bottom-end\"\n    add-menu-classes=\"pt-0\"\n  >\n    <template #toggler>\n      <CHeaderNavLink>\n        <div class=\"c-avatar\">\n          <!-- <img\n            src=\"img/avatars/6.jpg\"\n            class=\"c-avatar-img \"\n          /> -->\n          <img v-if=\"filepath != null\" :src=\"filepath\" height=\"30px\"/>\n          <img v-else src=\"img/avatars/6.jpg\" height=\"30px\"/>\n        </div>\n      </CHeaderNavLink>\n    </template>\n   \n    \n  \n    <CDropdownItem\n          to=\"Setting\"\n          >My Profile</CDropdownItem\n        >\n        <CDropdownItem\n          @click=\"SignOut()\"\n          >Log Out</CDropdownItem\n        >\n  </CDropdown>\n</template>\n\n\n\n<style scoped>\n  .c-icon {\n    margin-right: 0.3rem;\n  }\n</style>\n\n\n     \n<script>\nexport default {\n    name: \"TheHeader\",\n    data() {\n        return {\n            Name: \"\",\n            filepath: \"\",\n            itemsCount: 42\n        };\n    },\n    async mounted() {\n\n        this.GetInfoUser();\n\n    },\n    methods: {\n\n        async GetInfoUser() {\n            try {\n                const response = await this.$API.get(this.$LoginUserDetail, { withCredentials: true });\n                if (response.status === 200 && response.data) {\n                    this.user = response.data;\n                    this.Name = this.user.name;\n                    this.filepath = this.user.filePath;\n                } else {\n                    console.error(\"User info retrieval failed:\", response.data.detail);\n                }\n            } catch (error) {\n                console.error(\"Error fetching user info:\", error);\n            }\n        },\n        GoToLogin() {\n            this.$router.push(\"/LogIn\");\n        },\n        SignOut: function() {\n            return this.$API\n                .get(this.$SignOut, {\n                    withCredentials: true,\n                })\n                .then((response) => {\n                    if (response.status == 200) {\n                        this.$router.push(\"/Login\");\n                    }\n                });\n        },\n    },\n};\n</script>\n      \n\n<style scoped>\n\n</style>\n  \n  \n  ","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TheHeaderDropdownAccnt.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TheHeaderDropdownAccnt.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TheHeaderDropdownAccnt.vue?vue&type=template&id=25655605&scoped=true&\"\nimport script from \"./TheHeaderDropdownAccnt.vue?vue&type=script&lang=js&\"\nexport * from \"./TheHeaderDropdownAccnt.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TheHeaderDropdownAccnt.vue?vue&type=style&index=0&id=25655605&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"25655605\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AllHeader.vue?vue&type=style&index=0&id=3e5ac836&scoped=true&lang=css&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AllHeader.vue?vue&type=style&index=0&id=3e5ac836&scoped=true&lang=css&\"","module.exports = __webpack_public_path__ + \"img/bgline.2257b8d3.png\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('CHeader',{staticClass:\"navbars\",attrs:{\"data-aos-easing\":\"linear\",\"data-aos-duration\":\"1500\",\"id\":\"el\"}},[_c('CHeaderBrand',{staticClass:\"mx-auto\",attrs:{\"to\":\"/\"}},[_c('img',{staticClass:\"m-2\",attrs:{\"src\":require(\"../assets/img/Logo(1).png\"),\"height\":\"32\",\"alt\":\"Interviewrr.ai company logo\"}}),_vm._v(\" \"),_c('span',{staticClass:\"custom-20px-500 text-white\"},[_vm._v(\"Interviewrr\")])]),_c('CDropdown',{staticClass:\"m-2 d-sm-flex d-lg-none\",attrs:{\"color\":\"light\",\"caret\":false},scopedSlots:_vm._u([{key:\"toggler-content\",fn:function(){return [_c('CIcon',{attrs:{\"name\":\"cil-justify-center\"}})]},proxy:true}])},[_c('CDropdownItem',{attrs:{\"href\":\"https://interviewrr.ai/\"}},[_vm._v(\"HOME\")]),_c('CDropdownItem',{attrs:{\"to\":\"\"}},[_vm._v(\"Search\")]),_c('CDropdownItem',{attrs:{\"to\":\"\"}},[_vm._v(\"Notification\")]),_c('CDropdownItem',{attrs:{\"to\":\"/\"}},[_vm._v(\"Profile\")])],1),_c('CHeaderNav',{staticClass:\"d-md-down-none mr-auto\"},[_c('CHeaderNavItem',{staticClass:\"px-3\"},[_c('CHeaderNavLink',{staticStyle:{\"color\":\"#fff\",\"font-size\":\"16px\",\"font-style\":\"normal\",\"font-weight\":\"500\",\"line-height\":\"24px\",\"margin-top\":\"-9px\"},attrs:{\"to\":\"/\"}},[_vm._v(\" Home \")])],1),_c('CHeaderNavItem',{staticClass:\"px-3\"},[_c('CHeaderNavLink',{staticStyle:{\"color\":\"#fff\",\"font-size\":\"16px\",\"font-style\":\"normal\",\"font-weight\":\"500\",\"line-height\":\"24px\",\"margin-top\":\"-9px\"},attrs:{\"to\":\"/Search\"}},[_vm._v(\" Search \")])],1),_c('CHeaderNavItem',{staticClass:\"px-3\"},[_c('CHeaderNavLink',{staticStyle:{\"color\":\"#fff\",\"font-size\":\"16px\",\"font-style\":\"normal\",\"font-weight\":\"500\",\"line-height\":\"24px\",\"margin-top\":\"-9px\"},attrs:{\"to\":\"/Notification\"}},[_vm._v(\" Notification \")])],1),_c('CHeaderNavItem',{staticClass:\"px-3\"},[_c('CHeaderNavLink',{staticStyle:{\"color\":\"#fff\",\"font-size\":\"16px\",\"font-style\":\"normal\",\"font-weight\":\"500\",\"line-height\":\"24px\",\"margin-top\":\"-9px\"},attrs:{\"to\":\"/Blog\"}},[_vm._v(\" Blog \")])],1),_c('CHeaderNavItem',{staticClass:\"px-3\"},[_c('CHeaderNavLink',{staticStyle:{\"color\":\"#fff\",\"font-size\":\"16px\",\"font-style\":\"normal\",\"font-weight\":\"500\",\"line-height\":\"24px\",\"margin-top\":\"-9px\"},attrs:{\"to\":\"/Profileuser\"}},[_vm._v(\" Profile \")])],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <CHeader data-aos-easing=\"linear\" data-aos-duration=\"1500\" id=\"el\" class=\"navbars\">\n        <CHeaderBrand class=\"mx-auto\" to=\"/\">\n            <img src=\"../assets/img/Logo(1).png\" height=\"32\" class=\"m-2\" alt=\"Interviewrr.ai company logo\"/> <span class=\"custom-20px-500 text-white\">Interviewrr</span>\n        </CHeaderBrand>\n    \n        <CDropdown color=\"light\" class=\"m-2 d-sm-flex d-lg-none\" :caret=\"false\">\n            <template #toggler-content>\n                                  <CIcon name=\"cil-justify-center\" />\n</template>\n       \n        <CDropdownItem href=\"https://interviewrr.ai/\"\n          >HOME</CDropdownItem\n        >\n\n        <CDropdownItem to=\"\"\n          >Search</CDropdownItem\n        >\n\n        <CDropdownItem to=\"\"\n          >Notification</CDropdownItem\n        >\n\n        <CDropdownItem to=\"/\"\n          >Profile</CDropdownItem\n        >\n\n      \n\n     \n      \n\n      </CDropdown>\n  \n      <CHeaderNav class=\"d-md-down-none mr-auto\">\n        <CHeaderNavItem class=\"px-3\">\n          <CHeaderNavLink\n            style=\"\n            color: #fff;font-size: 16px;\nfont-style: normal;\nfont-weight: 500;\nline-height: 24px;\n              margin-top:-9px;\n            \"\n            to=\"/\"\n          >\n            Home\n          </CHeaderNavLink>\n        </CHeaderNavItem>\n\n        <CHeaderNavItem class=\"px-3\">\n          <CHeaderNavLink\n            style=\"\n               color: #fff;font-size: 16px;\nfont-style: normal;\nfont-weight: 500;\nline-height: 24px;\n              margin-top:-9px;\n            \"\n            to=\"/Search\"\n          >\n           Search\n          </CHeaderNavLink>\n        </CHeaderNavItem>\n\n        <CHeaderNavItem class=\"px-3\">\n          <CHeaderNavLink\n            style=\"\n               color: #fff;font-size: 16px;\nfont-style: normal;\nfont-weight: 500;\nline-height: 24px;\n              margin-top:-9px;\n            \"\n            to=\"/Notification\"\n          >\n          Notification\n          </CHeaderNavLink>\n        </CHeaderNavItem>\n\n        <CHeaderNavItem class=\"px-3\">\n          <CHeaderNavLink\n            style=\"\n               color: #fff;font-size: 16px;\nfont-style: normal;\nfont-weight: 500;\nline-height: 24px;\n              margin-top:-9px;\n            \"\n            to=\"/Blog\"\n          >\n          Blog\n          </CHeaderNavLink>\n        </CHeaderNavItem>\n\n\n        <CHeaderNavItem class=\"px-3\">\n          <CHeaderNavLink\n            style=\"\n               color: #fff;font-size: 16px;\nfont-style: normal;\nfont-weight: 500;\nline-height: 24px;\n              margin-top:-9px;\n            \"\n            to=\"/Profileuser\"\n          >\n          Profile\n          </CHeaderNavLink>\n        </CHeaderNavItem>\n\n     \n       \n\n      \n\n    \n      \n\n     \n\n  \n      </CHeaderNav>\n    </CHeader>\n  </template>\n      \n<script>\nimport TheHeaderDropdownAccnt from \"./TheHeaderDropdownAccnt\";\n\nexport default {\n    name: \"TheHeader\",\n    components: {\n        TheHeaderDropdownAccnt,\n    },\n    data() {\n        return {\n          Name: \"\",\n          user: {}\n        }\n    },\n    async mounted() {\n\n         //this.GetInfoUser();\n\n        if (localStorage.getItem(\"reloaded\")) {\n            // The page was just reloaded. Clear the value from local storage\n            // so that it will reload the next time this page is visited.\n            localStorage.removeItem(\"reloaded\");\n        } else {\n            // Set a flag so that we know not to reload the page twice.\n            localStorage.setItem(\"reloaded\", \"1\");\n            location.reload();\n        }\n    },\n    methods: {\n\n\n        GoToLogin() {\n            this.router.push(\"Login\");\n        },\n        GoToNotification()\n        {\n          this.router.push(\"Notification\");\n        }\n      \n    },\n};\n</script>\n\n<style scoped>\n.c-header.c-header-fixed {\n  position: fixed;\n  right: 0;\n  left: 0;\n  z-index: 1029;\n background:#7970EF;\n}\n</style>\n  \n  \n  ","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AllHeader.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AllHeader.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AllHeader.vue?vue&type=template&id=3e5ac836&scoped=true&\"\nimport script from \"./AllHeader.vue?vue&type=script&lang=js&\"\nexport * from \"./AllHeader.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AllHeader.vue?vue&type=style&index=0&id=3e5ac836&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"3e5ac836\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Homepage.vue?vue&type=style&index=0&id=6c89c4b0&scoped=true&lang=css&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Homepage.vue?vue&type=style&index=0&id=6c89c4b0&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('CHeader',{staticClass:\"navbars\",attrs:{\"data-aos-easing\":\"linear\",\"data-aos-duration\":\"1500\",\"id\":\"el\"}},[_c('CHeaderBrand',{staticClass:\"mx-auto\",attrs:{\"to\":\"/\"}},[_c('img',{staticClass:\"m-2\",attrs:{\"src\":require(\"../assets/img/Logo(1).png\"),\"height\":\"32\",\"alt\":\"Interviewrr.ai company logo\"}}),_vm._v(\" \"),_c('span',{staticClass:\"custom-20px-500\"},[_vm._v(\"Interviewrr\")])]),_c('CDropdown',{staticClass:\"m-2 d-sm-flex d-lg-none\",attrs:{\"color\":\"light\",\"caret\":false},scopedSlots:_vm._u([{key:\"toggler-content\",fn:function(){return [_c('CIcon',{attrs:{\"name\":\"cil-justify-center\"}})]},proxy:true}])},[_c('CDropdownItem',{attrs:{\"href\":\"homepage\"}},[_vm._v(\"START INTERVIEW\")]),_c('CDropdown',{staticStyle:{\"margin-left\":\"7px\"},scopedSlots:_vm._u([{key:\"toggler-content\",fn:function(){return [_vm._v(\" PLAN \")]},proxy:true}])},[_c('CDropdownItem',{attrs:{\"to\":\"PlanIndividual\",\"target\":\"_blank\"}},[_vm._v(\"CANDIDATE\")]),_c('CDropdownItem',{attrs:{\"to\":\"PlanCompany\",\"target\":\"_blank\"}},[_vm._v(\"COMPANY\")])],1),_c('CDropdownItem',{attrs:{\"href\":\"Profile\"}},[_vm._v(\"MY PROFILE\")]),_c('CDropdownItem',{on:{\"click\":function($event){return _vm.SignOut()}}},[_vm._v(\"LOG OUT\")])],1),_c('CHeaderNav',{staticClass:\"d-md-down-none mr-auto\"},[_c('CHeaderNavItem',{staticClass:\"px-3\"},[_c('CHeaderNavLink',{staticStyle:{\"color\":\"#171717\",\"font-size\":\"16px\",\"font-style\":\"normal\",\"font-weight\":\"500\",\"line-height\":\"24px\",\"margin-top\":\"-9px\"},attrs:{\"to\":\"Homepage\"}},[_vm._v(\" Start Interview \")])],1),_c('CHeaderNavItem',{staticClass:\"px-3\"},[_c('CHeaderNavLink',{staticStyle:{\"color\":\"#171717\",\"font-size\":\"16px\",\"font-style\":\"normal\",\"font-weight\":\"500\",\"line-height\":\"24px\",\"margin-top\":\"-9px\"},attrs:{\"to\":\"/Profile\"}},[_vm._v(\" My Profile \")])],1),_c('CHeaderNavItem',{staticStyle:{\"margin-top\":\"-9px\"}},[_c('a',{staticStyle:{\"color\":\"#171717\",\"font-size\":\"16px\",\"font-style\":\"normal\",\"font-weight\":\"500\",\"line-height\":\"24px\",\"text-decoration\":\"none\"},on:{\"click\":_vm.SignOut}},[_vm._v(\" Log Out \")])]),_c('CHeaderNavItem',{staticClass:\"px-3\"},[_c('CHeaderNavLink',{staticStyle:{\"color\":\"#171717\",\"font-size\":\"16px\",\"font-style\":\"normal\",\"font-weight\":\"500\",\"line-height\":\"24px\",\"margin-top\":\"-9px\"},attrs:{\"to\":\"/ContactUs\"}})],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <CHeader data-aos-easing=\"linear\" data-aos-duration=\"1500\" id=\"el\" class=\"navbars\">\n      <CHeaderBrand class=\"mx-auto\" to=\"/\">\n          <img src=\"../assets/img/Logo(1).png\" height=\"32\" class=\"m-2\" alt=\"Interviewrr.ai company logo\" /> <span class=\"custom-20px-500\">Interviewrr</span>\n      </CHeaderBrand>\n  \n      <CDropdown color=\"light\" class=\"m-2 d-sm-flex d-lg-none\" :caret=\"false\">\n          <template #toggler-content>\n                                <CIcon name=\"cil-justify-center\" />\n</template>\n     \n      <CDropdownItem href=\"homepage\"\n        >START INTERVIEW</CDropdownItem\n      >\n\n     \n      <CDropdown style=\"margin-left:7px\">\n<template #toggler-content>\n   PLAN\n</template>\n      <CDropdownItem\n        to=\"PlanIndividual\"\n        target=\"_blank\"\n        >CANDIDATE</CDropdownItem\n      >\n      <CDropdownItem\n        to=\"PlanCompany\"\n        target=\"_blank\"\n        >COMPANY</CDropdownItem\n      >\n     \n    </CDropdown>\n\n    <CDropdownItem href=\"Profile\"\n        >MY PROFILE</CDropdownItem\n      >\n\n      <CDropdownItem @click=\"SignOut()\"\n        >LOG OUT</CDropdownItem\n      >\n\n      \n\n    \n<!-- \n      <CDropdown style=\"\n              color: #171717;font-size: 16px;\nfont-style: normal;\nfont-weight: 500;\nline-height: 24px;\n              margin-top:-9px;\n            \">\n<template #toggler-content>\n    <label style=\"\n                              color: #171717;font-size: 16px;\n                font-style: normal;\n                font-weight: 500;\n                line-height: 24px;  margin-top:9px;\"> <img :src=\"filepath\" height=\"30px\" style=\"border-radius: 50%; object-fit: cover;\" alt=\"User of Interviewrr.ai\"/></label>\n</template>\n        <CDropdownItem\n          to=\"Profile\"\n          >My Profile</CDropdownItem\n        >\n        <CDropdownItem\n          @click=\"SignOut()\"\n          >Log Out</CDropdownItem\n        >\n       \n      </CDropdown>\n       -->\n\n       \n      \n\n      </CDropdown>\n\n      \n  \n      <CHeaderNav class=\"d-md-down-none mr-auto\">\n        <CHeaderNavItem class=\"px-3\">\n          <CHeaderNavLink\n            style=\"\n            color: #171717;font-size: 16px;\nfont-style: normal;\nfont-weight: 500;\nline-height: 24px;\n              margin-top:-9px;\n            \"\n            to=\"Homepage\"\n          >\n            Start Interview\n          </CHeaderNavLink>\n        </CHeaderNavItem>\n\n    \n\n        <CHeaderNavItem class=\"px-3\">\n          <CHeaderNavLink\n          style=\"\n              color: #171717;font-size: 16px;\nfont-style: normal;\nfont-weight: 500;\nline-height: 24px;\n              margin-top:-9px;\n            \"\n            to=\"/Profile\"\n          >\n         My Profile\n          </CHeaderNavLink>\n        </CHeaderNavItem>\n\n\n      \n\n  <CHeaderNavItem style=\"margin-top:-9px\">\n  <a\n  @click=\"SignOut\"\n    style=\"\n      color: #171717;\n      font-size: 16px;\n      font-style: normal;\n      font-weight: 500;\n      line-height: 24px;\n      text-decoration: none;\n    \"\n  >\n    Log Out\n  </a>\n</CHeaderNavItem>\n\n   \n      \n      \n\n       \n\n     \n\n      \n      \n\n\n      \n        \n\n       \n        <CHeaderNavItem class=\"px-3\">\n          <CHeaderNavLink\n          style=\"\n              color: #171717;font-size: 16px;\nfont-style: normal;\nfont-weight: 500;\nline-height: 24px;\n              margin-top:-9px;\n            \"\n            to=\"/ContactUs\"\n          >\n         \n          </CHeaderNavLink>\n        </CHeaderNavItem>\n\n\n        <!-- <CDropdown style=\"\n              color: #171717;font-size: 16px;\nfont-style: normal;\nfont-weight: 500;\nline-height: 24px;\n              margin-top:-9px;\n            \">\n<template #toggler-content>\n    <label style=\"\n                              color: #171717;font-size: 16px;\n                font-style: normal;\n                font-weight: 500;\n                line-height: 24px;  margin-top:9px;\"> <img :src=\"filepath\" height=\"30px\" alt=\"User of Interviewrr.ai\"/></label>\n</template>\n        <CDropdownItem\n          to=\"Profile\"\n          >My Profile</CDropdownItem\n        >\n        <CDropdownItem\n          @click=\"SignOut()\"\n          >Log Out</CDropdownItem\n        >\n       \n      </CDropdown>\n          -->\n\n     \n\n\n    \n\n      \n\n     \n\n  \n      </CHeaderNav>\n    </CHeader>\n  </template>\n      \n<script>\nexport default {\n    name: \"TheHeader\",\n    data() {\n        return {\n            Name: \"\",\n            filepath: \"\",\n        };\n    },\n    async mounted() {\n        this.GetInfoUser();\n    },\n    methods: {\n\n        async GetInfoUser() {\n            try {\n                const response = await this.$API.get(this.$LoginUserDetail, { withCredentials: true });\n                if (response.status === 200 && response.data) {\n                    this.user = response.data;\n                    this.Name = this.user.name;\n                    this.filepath = this.user.filePath;\n                } else {\n                    console.error(\"User info retrieval failed:\", response.data.detail);\n                }\n            } catch (error) {\n                console.error(\"Error fetching user info:\", error);\n            }\n        },\n        GoToLogin() {\n            this.$router.push(\"/LogIn\");\n        },\n        SignOut: function() {\n            return this.$API\n                .get(this.$SignOut, {\n                    withCredentials: true,\n                })\n                .then((response) => {\n                    if (response.status == 200) {\n                      this.user = \"\";\n                      this.Name = \"\",\n                        this.$router.push(\"/\");\n                    }\n                });\n        },\n    },\n};\n</script>\n      \n\n<style scoped>\n\n</style>\n  \n  \n  ","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LoginHeader.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LoginHeader.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LoginHeader.vue?vue&type=template&id=b5c8e806&scoped=true&\"\nimport script from \"./LoginHeader.vue?vue&type=script&lang=js&\"\nexport * from \"./LoginHeader.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"b5c8e806\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('CCard',{staticClass:\"p-4 mt-3\"},[_c('CRow',{staticStyle:{\"text-align\":\"left\"}},[_c('CCol',{staticStyle:{\"text-align\":\"left\"},attrs:{\"sm\":\"12\",\"lg\":\"12\"},on:{\"click\":_vm.toggle}},[_c('div',{staticClass:\"item-text\",staticStyle:{\"text-align\":\"left\"}},[_c('CRow',[_c('CCol',{attrs:{\"sm\":\"11\"}},[_c('h4',{staticClass:\"poppin-font text-24px font-500 custom-title-faq\"},[_vm._v(_vm._s(_vm.title))])]),_c('CCol',{staticStyle:{\"color\":\"#171717\"},attrs:{\"sm\":\"1\"}},[_vm._v(_vm._s(_vm.isActive ? '-' : '+'))])],1)],1)]),_c('CCol',{attrs:{\"sm\":\"12\",\"lg\":\"12\"}},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isActive),expression:\"isActive\"}],staticClass:\"item-desc ml-3 mb-2 display-8\"},[_vm._t(\"default\")],2)])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- ToggleCard.vue -->\n<template>\n    <CCard class=\"p-4 mt-3\">\n      <CRow style=\"text-align: left;\">\n        <CCol style=\"text-align: left;\" sm=\"12\" lg=\"12\" @click=\"toggle\">\n          <div style=\"text-align: left\" class=\"item-text\">\n            <CRow>\n              <CCol sm=\"11\">\n                <h4 class=\"poppin-font text-24px font-500 custom-title-faq\">{{ title }}</h4>\n              </CCol>\n              <CCol sm=\"1\" style=\"color:#171717\">{{ isActive ? '-' : '+' }}</CCol>\n            </CRow>\n          </div>\n        </CCol>\n  \n        <CCol sm=\"12\" lg=\"12\">\n          <div v-show=\"isActive\" class=\"item-desc ml-3 mb-2 display-8\">\n            <slot class=\"custom-answer-faq font-color-171717\"></slot>\n          </div>\n        </CCol>\n      </CRow>\n    </CCard>\n  </template>\n  \n  <script>\n  export default {\n    data() {\n      return {\n        isActive: false,\n      };\n    },\n    props: {\n      title: String,\n    },\n    methods: {\n      toggle() {\n        this.isActive = !this.isActive;\n      },\n    },\n  };\n  </script>\n  \n  <style scoped>\n  /* Add any specific styles for your ToggleCard component */\n \n  </style>\n  ","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Toggle.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Toggle.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Toggle.vue?vue&type=template&id=0177c342&scoped=true&\"\nimport script from \"./Toggle.vue?vue&type=script&lang=js&\"\nexport * from \"./Toggle.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Toggle.vue?vue&type=style&index=0&id=0177c342&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"0177c342\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/success.28c568e5.png\";","module.exports = __webpack_public_path__ + \"img/bgPurpleYellow.aa8f8a0e.png\";","module.exports = __webpack_public_path__ + \"img/BgPeople.cea8ab05.png\";","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TheHeaderDropdownAccnt.vue?vue&type=style&index=0&id=25655605&scoped=true&lang=css&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TheHeaderDropdownAccnt.vue?vue&type=style&index=0&id=25655605&scoped=true&lang=css&\""],"sourceRoot":""}