{"version":3,"file":"js/633.81660907.js","mappings":"gKAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,MAAM,CAACE,YAAY,kBAAkBJ,EAAIK,GAAIL,EAAIM,QAAQ,SAASC,EAAMC,GAAO,OAAON,EAAG,MAAM,CAACO,IAAID,EAAMJ,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,6BAA6BM,MAAO,CAChTC,gBAAiB,0CAA0CJ,GAAOK,aAClEC,eAAgB,QAChBC,mBAAoB,SACpBC,iBAAkB,YAClBC,MAAO,OACPC,OAAQ,QACRC,OAAQ,QACLhB,EAAG,KAAK,CAACF,EAAImB,GAAGnB,EAAIoB,GAAGb,EAAMc,WAAW,IAAG,GAAGnB,EAAG,MAAM,CAACE,YAAY,sBAAsBF,EAAG,MAAM,CAACE,YAAY,uBAAuBF,EAAG,MAAM,CAACE,YAAY,0BAC5K,EACIkB,EAAkB,G,oBC2FtB,GACAC,KAAA,OACAC,IAAAA,GACA,OAeAC,SAAA,GACAC,WAAA,GACAC,WAAA,GACArB,OAAA,GACAiB,KAAA,KACAK,MAAA,KACAC,MAAA,GACAC,QAAA,KACAC,QAAA,KAEA,EACAC,SAAA,GACAC,OAAAA,GACA,KAAAC,OAAA,IAAAC,EAAAA,EAAA,qBAEAC,cAAA,EACAC,OAAA,OACAC,WAAA,CACAC,WAAA,GAEAC,QAAA,EACAC,MAAA,IACAC,SAAA,CACAC,MAAA,IACAC,sBAAA,GAEAC,WAAA,CACAC,OAAA,sBACAC,OAAA,uBAEAC,WAAA,CACAC,GAAA,qBACAC,WAAA,KAGA,KAAAC,uBACA,EACAC,QAAA,CACAD,qBAAAA,GACAE,EAAAA,GAAAC,yBACAC,MAAAC,IACA,KAAA/B,SAAA+B,EAAAhC,KACA,KAAAG,WAAA,KAAAF,UAAAgC,MACAC,GAAA,IAAAA,EAAAC,gBAEA,KAAArD,OAAA,KAAAqB,YAAAiC,OACA,KAAAlC,WAAA,KAAAD,UAAAgC,MACAC,GAAA,IAAAA,EAAAC,eACA,IAEAE,OACA,EACAC,iBAAAA,GACAT,EAAAA,GAAAU,kBAAA,CACAxC,KAAA,KAAAA,KACAK,MAAA,KAAAA,MACAC,MAAA,KAAAA,MAAAmC,QAAA,WAAAC,WACAnC,QAAA,KAAAA,QACAoC,KAAA,KAAAnC,UAEAwB,MAAAC,IACAA,EAAAhC,OACA,KAAA2C,OAAA,qBACAC,UAAA,UACAC,KAAA,UACAC,SAAA,MAEA,KAAAC,YAEA,IAEAV,OACA,EACAW,WAAAA,CAAAC,GACA,IAAAC,EAAA,KAAA7C,MAAAmC,QAAA,UAEAU,EAAAC,OAAA,GAAAD,EAAAC,QAAA,EACAD,EAAAA,EAAAV,QAAA,wBACAU,EAAAC,OAAA,IACAD,EAAAA,EAAAV,QAAA,mCAGA,KAAAnC,MAAA6C,CACA,EACAH,SAAAA,GACA,KAAAhD,KAAA,KACA,KAAAK,MAAA,KACA,KAAAC,MAAA,GACA,KAAAC,QAAA,KACA,KAAAC,QAAA,IACA,ICjN4P,I,UCOxP6C,GAAY,OACd,EACA7E,EACAuB,GACA,EACA,KACA,KACA,MAIF,EAAesD,EAAiB,O","sources":["webpack://skycoreusa/./src/views/Home/home.vue","webpack://skycoreusa/src/views/Home/home.vue","webpack://skycoreusa/./src/views/Home/home.vue?e0db","webpack://skycoreusa/./src/views/Home/home.vue?1abb"],"sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{staticClass:\"swiper-container\"},[_c('div',{staticClass:\"swiper-wrapper\"},_vm._l((_vm.slides),function(slide,index){return _c('div',{key:index,staticClass:\"swiper-slide\"},[_c('div',{staticClass:\"background-image-container\",style:({\n            backgroundImage: `url(https://api.skycoreusa.com/Uploads/${slide?.imagePath})`,\n            backgroundSize: 'cover',\n            backgroundPosition: 'bottom',\n            backgroundRepeat: 'no-repeat',\n            width: '100%',\n            height: '100vh',\n            zIndex: '20',\n          })}),_c('h3',[_vm._v(_vm._s(slide.title))])])}),0),_c('div',{staticClass:\"swiper-pagination\"}),_c('div',{staticClass:\"swiper-button-next\"}),_c('div',{staticClass:\"swiper-button-prev\"})])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div class=\"swiper-container\">\r\n      <div class=\"swiper-wrapper\">\r\n        <div class=\"swiper-slide\" v-for=\"(slide, index) in slides\" :key=\"index\">\r\n          <div\r\n            :style=\"{\r\n              backgroundImage: `url(https://api.skycoreusa.com/Uploads/${slide?.imagePath})`,\r\n              backgroundSize: 'cover',\r\n              backgroundPosition: 'bottom',\r\n              backgroundRepeat: 'no-repeat',\r\n              width: '100%',\r\n              height: '100vh',\r\n              zIndex: '20',\r\n            }\"\r\n            class=\"background-image-container\"\r\n          >\r\n            <!-- Your content here -->\r\n          </div>\r\n          <!-- <img :src=\"slide.image\" :alt=\"slide.title\" /> -->\r\n          <h3>{{ slide.title }}</h3>\r\n        </div>\r\n      </div>\r\n      <div class=\"swiper-pagination\"></div>\r\n      <div class=\"swiper-button-next\"></div>\r\n      <div class=\"swiper-button-prev\"></div>\r\n    </div>\r\n    <!-- <div class=\"container mt-5\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-6\">\r\n          <h3 class=\"letter-spacing-1 fw-bold\">About the Company</h3>\r\n        </div>\r\n        <div class=\"col-md-6\">\r\n          <h3 class=\"letter-spacing-1\">{{ sectionTwo.title }}</h3>\r\n          <p class=\"letter-spacing-1 mb-0 mt-4\">\r\n            {{ sectionTwo.description }}\r\n          </p>\r\n        </div>\r\n      </div>\r\n    </div> -->\r\n\r\n    <!--  <div class=\"container\">\r\n      <div>\r\n        <b-row>\r\n          <h1 class=\"hvr-grow\">Home Page</h1>\r\n          <h1>{{ $t(\"welcome\") }}</h1>\r\n          <p>Welcome to the home page!</p>\r\n          <i class=\"fas fa-crown\"></i>\r\n        </b-row>\r\n        <b-row>\r\n          <h1>Home Page</h1>\r\n          <p>Welcome to the home page!</p>\r\n          <i class=\"fas fa-crown\"></i>\r\n        </b-row>\r\n        <b-row>\r\n          <h1>Home Page</h1>\r\n          <p>Welcome to the home page!</p>\r\n          <i class=\"fas fa-crown\"></i>\r\n        </b-row>\r\n        <b-row>\r\n          <h1>Home Page</h1>\r\n          <p>Welcome to the home page!</p>\r\n          <i class=\"fas fa-crown\"></i>\r\n        </b-row>\r\n        <b-row>\r\n          <h1>Home Page</h1>\r\n          <p>Welcome to the home page!</p>\r\n          <i class=\"fas fa-crown\"></i>\r\n        </b-row>\r\n        <b-row>\r\n          <h1>Home Page</h1>\r\n          <p>Welcome to the home page!</p>\r\n          <i class=\"fas fa-crown\"></i>\r\n        </b-row>\r\n        <b-row>\r\n          <h1>Home Page</h1>\r\n          <p>Welcome to the home page!</p>\r\n          <i class=\"fas fa-crown\"></i>\r\n        </b-row>\r\n        <b-row>\r\n          <h1>Home Page</h1>\r\n          <p>Welcome to the home page!</p>\r\n          <i class=\"fas fa-crown\"></i>\r\n        </b-row>\r\n        <b-row>\r\n          <h1>Home Page</h1>\r\n          <p>Welcome to the home page!</p>\r\n          <i class=\"fas fa-crown\"></i>\r\n        </b-row>\r\n        <div data-aos=\"fade-right\" data-aos-duration=\"1500\" class=\"mb-5\">\r\n          <img alt=\"Vue logo\" src=\"../../assets/logo.png\" />\r\n        </div>\r\n      </div>\r\n    </div> -->\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Swiper from \"swiper/bundle\";\r\nimport \"swiper/swiper-bundle.css\";\r\nimport Service from \"../../api/useService\";\r\nexport default {\r\n  name: \"home\", // Change to a multi-word name like HomePage\r\n  data() {\r\n    return {\r\n      // slides: [\r\n      //   {\r\n      //     image: image1,\r\n      //     title: \"\",\r\n      //   },\r\n      //   {\r\n      //     image: image2,\r\n      //     title: \"\",\r\n      //   },\r\n      //   {\r\n      //     image: image3,\r\n      //     title: \"\",\r\n      //   },\r\n      // ],\r\n      sections: [],\r\n      sectionTwo: {},\r\n      sectionOne: {},\r\n      slides: [],\r\n      name: null,\r\n      email: null,\r\n      phone: \"\",\r\n      subject: null,\r\n      message: null,\r\n    };\r\n  },\r\n  computed: {},\r\n  mounted() {\r\n    this.swiper = new Swiper(\".swiper-container\", {\r\n      // Swiper options\r\n      slidesPerView: 1,\r\n      effect: \"fade\",\r\n      fadeEffect: {\r\n        crossFade: true,\r\n      },\r\n      rewind: true,\r\n      speed: 2000,\r\n      autoplay: {\r\n        delay: 2000,\r\n        disableOnInteraction: false,\r\n      },\r\n      navigation: {\r\n        nextEl: \".swiper-button-next\",\r\n        prevEl: \".swiper-button-prev\",\r\n      },\r\n      pagination: {\r\n        el: \".swiper-pagination\",\r\n        clickable: true,\r\n      },\r\n    });\r\n    this.GetAllHomePageSection();\r\n  },\r\n  methods: {\r\n    GetAllHomePageSection() {\r\n      Service.getAllHomePageSections()\r\n        .then((response) => {\r\n          this.sections = response.data;\r\n          this.sectionOne = this.sections?.find(\r\n            (section) => section.sectionNumber === 1\r\n          );\r\n          this.slides = this.sectionOne?.images;\r\n          this.sectionTwo = this.sections?.find(\r\n            (section) => section.sectionNumber === 2\r\n          );\r\n        })\r\n        .catch();\r\n    },\r\n    SendContactUsInfo() {\r\n      Service.sendContactUsInfo({\r\n        name: this.name,\r\n        email: this.email,\r\n        phone: this.phone.replace(/\\s+/g, \"\").toString(),\r\n        subject: this.subject,\r\n        body: this.message,\r\n      })\r\n        .then((response) => {\r\n          if (response.data) {\r\n            this.$toast(\"Send Successfully\", {\r\n              className: \"success\",\r\n              type: \"success\",\r\n              duration: 4000,\r\n            });\r\n            this.clearForm();\r\n          } else {\r\n          }\r\n        })\r\n        .catch();\r\n    },\r\n    formatPhone(event) {\r\n      let input = this.phone.replace(/\\D/g, \"\"); // Remove non-digit characters\r\n\r\n      if (input.length > 3 && input.length <= 6) {\r\n        input = input.replace(/(\\d{3})(\\d+)/, \"$1 $2\"); // Add space after the first 3 digits\r\n      } else if (input.length > 6) {\r\n        input = input.replace(/(\\d{3})(\\d{3})(\\d+)/, \"$1 $2 $3\"); // Add space after the next 3 digits\r\n      }\r\n\r\n      this.phone = input; // Update the model with formatted value\r\n    },\r\n    clearForm() {\r\n      this.name = null;\r\n      this.email = null;\r\n      this.phone = \"\";\r\n      this.subject = null;\r\n      this.message = null;\r\n    },\r\n  },\r\n};\r\n</script>\r\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./home.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./home.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./home.vue?vue&type=template&id=d35e0554\"\nimport script from \"./home.vue?vue&type=script&lang=js\"\nexport * from \"./home.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/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"],"names":["render","_vm","this","_c","_self","staticClass","_l","slides","slide","index","key","style","backgroundImage","imagePath","backgroundSize","backgroundPosition","backgroundRepeat","width","height","zIndex","_v","_s","title","staticRenderFns","name","data","sections","sectionTwo","sectionOne","email","phone","subject","message","computed","mounted","swiper","Swiper","slidesPerView","effect","fadeEffect","crossFade","rewind","speed","autoplay","delay","disableOnInteraction","navigation","nextEl","prevEl","pagination","el","clickable","GetAllHomePageSection","methods","Service","getAllHomePageSections","then","response","find","section","sectionNumber","images","catch","SendContactUsInfo","sendContactUsInfo","replace","toString","body","$toast","className","type","duration","clearForm","formatPhone","event","input","length","component"],"sourceRoot":""}