{"version":3,"sources":["webpack:////src/components/ServiceArea/Banner.vue","webpack:////src/components/ServiceArea/Banner.vue?b8db","webpack:////src/components/ServiceArea/Index.vue","webpack:////src/views/ServiceArea.vue","webpack:////src/components/Global/ServiceArea.vue","webpack:////src/components/Global/ServiceArea.vue?6b4a","webpack:////src/components/Global/RequestBookService.vue?5cc1","webpack:////src/components/Global/ServiceArea.vue?2c2d","webpack:////src/components/Global/MainBanner.vue","webpack:////src/components/Global/MainBanner.vue?f806","webpack:////src/assets/v-1.1/location-pin.svg","webpack:////src/components/ServiceArea/Banner.vue?51cc","webpack:////src/components/Global/RequestBookService.vue","webpack:////src/components/Global/RequestBookService.vue?5923"],"names":["heading","desc","__exports__","title","count","map_src","location_dot","locations","name","related_location","maps","change_map","index","flag","value","mapData","module","exports","data","tick_mark"],"mappings":"sMASA,IAAMA,EAAU,eACVC,EAAO,+N,yJCJb,MAAMC,EAA2B,IAAgB,EAAQ,CAAC,CAAC,YAAY,qBAExD,Q,2QCLf,MAAM,EAAc,EAEL,Q,uFCFf,MAAM,EAAc,EAEL,gB,8gCCgCf,IAAMC,EAAQ,eAAI,eACZC,EAAQ,eAAI,GACZC,EAAU,eAAI,4TAEdC,EAAe,09BAmBfC,EAAY,CAChB,CACEC,KAAM,cACNC,iBAAkB,CAAC,WAAY,cAAe,YAEhD,CACED,KAAM,cACNC,iBAAkB,CAAC,UAAW,UAAW,SAE3C,CACED,KAAM,iBACNC,iBAAkB,CAAC,aAAc,cAAe,cAElD,CACED,KAAM,gBACNC,iBAAkB,CAAC,aAAc,SAAU,aAE7C,CACED,KAAM,kBACNC,iBAAkB,CAAE,WAAY,eAAe,eAEjD,CACED,KAAM,kBACNC,iBAAkB,CAAC,YAAa,YAAa,cAI3CC,EAAO,CACX,CACEP,MAAO,cACPK,KAAM,0TAER,CACEL,MAAO,cACPK,KAAM,wTAER,CACEL,MAAO,iBACPK,KAAM,6RAER,CACEL,MAAO,gBACPK,KAAM,4TAER,CACEL,MAAO,kBACPK,KAAM,4RAER,CACEL,MAAO,kBACPK,KAAM,oTAGJG,EAAa,SAACC,EAAOC,GACrBA,IACFT,EAAMU,MAAQF,GAEhB,IAAMG,EAAUL,EAAKE,GACrBT,EAAMW,MAAQC,EAAQZ,MACtBE,EAAQS,MAAQC,EAAQP,M,i2CCjH1B,MAAMN,EAA2B,IAAgB,EAAQ,CAAC,CAAC,YAAY,qBAExD,U,oCCRf,W,oCCAA,W,mkBCuBoB,eAAI,I,0PCpBxB,MAAMA,EAAc,EAEL,U,qBCLfc,EAAOC,QAAU,IAA0B,iC,yDCA3C,W,gwCCiCA,IAAMC,EAAO,CAAC,sBAAuB,oCAAqC,iCAAkC,8BAA+B,+BACrIC,EAAY,ygB,soBC5BlB,MAAMjB,EAA2B,IAAgB,EAAQ,CAAC,CAAC,YAAY,qBAExD","file":"js/chunk-17ec823b.1398dc88.js","sourcesContent":["<template>\n  <section class=\"about-us-banner\">\n    <MainBanner :heading=\"heading\" :desc=\"desc\" />\n\n  </section>\n</template>\n\n<script setup>\nimport MainBanner from \"../Global/MainBanner.vue\";\nconst heading = \"Service Area\";\nconst desc = \"We take pride in our extensive service area, which enables us to cater to a diverse range of clients. We are committed to meeting the needs of our customers effectively and efficiently, no matter where they are located. \";\n\n</script>\n\n<style scoped>\n.about-us-banner {\n  background-image: linear-gradient(to right, rgba(0, 29, 51, 0.8), rgba(90, 99, 105, 0.8)), url(\"../../assets//v-1.1/Banners/services-area-banner.png\");\n  background-size: cover;\n  background-repeat: no-repeat;\n  margin-top: 5.5rem;\n}\n</style>","import script from \"./Banner.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Banner.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./Banner.vue?vue&type=style&index=0&id=135a26e2&scoped=true&lang=css\"\n\nimport exportComponent from \"/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-135a26e2\"]])\n\nexport default __exports__","import script from \"./Index.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Index.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","import script from \"./ServiceArea.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ServiceArea.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<template>\n  <div id=\"service-area\" class=\"bg-[#F3F7FA]\">\n    <div class=\"container mx-auto px-3 lg:py-16 py-10 \">\n      <div class=\"lg:text-5xl text-4xl text-2xl font-primary text-center font-bold lg:mb-10 mb-2\">Service Area</div>\n      <div class=\"flex items-center flex-col-reverse lg:flex-row gap-2 bg-white \">\n        <div class=\"lg:w-[40%] w-full hover:cursor-pointer flex flex-col gap-3 p-4\">\n          <div class=\"w-full group rounded-lg  overflow-hidden shadow-md p-1 flex items-center maps-details \"\n            v-for=\"item, index in locations\" :key=\"index\"\n            :class=\"[index === count ? 'bg-primary text-white hover:bg-primary' : 'hover:bg-blue-200']\"\n            @mouseover=\"change_map(index, false)\" @click=\"change_map(index, true)\" @mouseleave=\"change_map(count, false)\">\n            <div class=\"w-full border-x-4\" :class=\"[index % 2 === 0 ? 'border-primary' : 'border-secondary']\">\n              <div class=\"flex items-center\">\n                <img src=\"../../assets/v-1.1/location-pin.svg\" class=\"scale-90\" alt=\"Marker\" width=\"\" height=\"\" />\n                <span class=\"lg:text-xl text-base  font-semibold font-primary ml-3\">{{ item.name }}</span>\n              </div>\n              <div class=\"grid grid-cols-3 md:grid-cols-3  gap-x-2 justify-between items-center my-1\">\n                <div class=\"flex items-center\" v-for=\"city, key in item.related_location\" :key=\"key\">\n                  <span v-html=\"location_dot\"> </span>\n                  <span class=\"text-xs ml-2\">{{\n                    city\n                  }}</span>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n        <div class=\"lg:w-[66%] w-full h-full p-2\">\n          <iframe class=\"rounded w-full lg:h-[516px] h-[400px] sm:h-[400px] p-0\" :title=\"title\" :src=\"map_src\"\n            style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\" />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref } from \"vue\";\nconst title = ref(\"Peel Region\");\nconst count = ref(0);\nconst map_src = ref(`\nhttps://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d369195.00620376546!2d-79.99105337629081!3d43.703566254237415!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x882b3c30c9eb87ab%3A0x3bec33bf3e68e6a3!2sRegional%20Municipality%20of%20Peel%2C%20ON%2C%20Canada!5e0!3m2!1sen!2sin!4v1687844367891!5m2!1sen!2sin`);\nconst location_dot = `<svg width=\"26\" height=\"26\" viewBox=\"0 0 26 26\" fill=\"#6393F2\" xmlns=\"http://www.w3.org/2000/svg\">\n<circle opacity=\"0.3\" cx=\"13\" cy=\"12\" r=\"12\" fill=\"white\"/>\n<g filter=\"url(#filter0_d_247_2393)\">\n<circle cx=\"13\" cy=\"12\" r=\"5\" fill=\"white\"/>\n<circle cx=\"13\" cy=\"12\" r=\"6\" stroke=\"white\" stroke-width=\"2\"/>\n</g>\n<defs>\n<filter id=\"filter0_d_247_2393\" x=\"0\" y=\"0\" width=\"26\" height=\"26\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n<feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/>\n<feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/>\n<feOffset dy=\"1\"/>\n<feGaussianBlur stdDeviation=\"3\"/>\n<feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"/>\n<feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_247_2393\"/>\n<feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_247_2393\" result=\"shape\"/>\n</filter>\n</defs>\n</svg>`;\n\nconst locations = [\n  {\n    name: \"Peel Region\",\n    related_location: [\"Brampton\", \"Mississauga\", \"Caledon\"],\n  },\n  {\n    name: \"York Region\",\n    related_location: [\"Vaughan\", \"Markham\", \"King\"],\n  },\n  {\n    name: \"Toronto Region\",\n    related_location: [\"North York\", \"Scarborough\", \"Etobicoke\"],\n  },\n  {\n    name: \"Halton Region\",\n    related_location: [\"Georgetown\", \"Milton\", \"Oakville\"],\n  },\n  {\n    name: \"Hamilton Region\",\n    related_location: [ \"Hamilton\", \"Stoney Creek\",\"Burlington\"],\n  },\n  {\n    name: \"Waterloo Region\",\n    related_location: [\"Cambridge\", \"Kitchener\", \"Waterloo\"],\n  },\n];\n\nconst maps = [\n  {\n    title: \"Peel Region\",\n    name: \"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d369195.00620376546!2d-79.99105337629081!3d43.703566254237415!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x882b3c30c9eb87ab%3A0x3bec33bf3e68e6a3!2sRegional%20Municipality%20of%20Peel%2C%20ON%2C%20Canada!5e0!3m2!1sen!2sin!4v1687844367891!5m2!1sen!2sin\",\n  },\n  {\n    title: \"York Region\",\n    name: \"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d733603.7826693505!2d-80.1252346975875!3d44.090789269754644!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x882acdaee4d2a679%3A0x108dcfb46a288a64!2sRegional%20Municipality%20of%20York%2C%20ON%2C%20Canada!5e0!3m2!1sen!2sin!4v1687844461162!5m2!1sen!2sin\",\n  },\n  {\n    title: \"Toronto Region\",\n    name: \"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d184551.90977186715!2d-79.54286895895231!3d43.71837095832512!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89d4cb90d7c63ba5%3A0x323555502ab4c477!2sToronto%2C%20ON%2C%20Canada!5e0!3m2!1sen!2sin!4v1687844024726!5m2!1sen!2sin\",\n  },\n  {\n    title: \"Halton Region\",\n    name: \"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d370383.76632286207!2d-80.12872618357486!3d43.510196008170446!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x882b68e39c90c9cf%3A0x709a8583b0a9b219!2sRegional%20Municipality%20of%20Halton%2C%20ON%2C%20Canada!5e0!3m2!1sen!2sin!4v1687844954898!5m2!1sen!2sin\",\n  },\n  {\n    title: \"Hamilton Region\",\n    name: \"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d371910.5027855414!2d-80.2634734187923!3d43.26083529159768!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x882c986c27de778f%3A0x2b6aee56d8df0e21!2sHamilton%2C%20ON%2C%20Canada!5e0!3m2!1sen!2sin!4v1710133146833!5m2!1sen!2sin\",\n  },\n  {\n    title: \"Waterloo Region\",\n    name: \"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d370579.76033861155!2d-80.52831995!3d43.478248549999996!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x882c74d2afbe55cd%3A0x83aa47d6cdef0f3b!2sWaterloo%20Regional%20Municipality%2C%20ON%2C%20Canada!5e0!3m2!1sen!2sin!4v1710133014409!5m2!1sen!2sin\",\n  },\n];\nconst change_map = (index, flag) => {\n  if (flag) {\n    count.value = index;\n  }\n  const mapData = maps[index];\n  title.value = mapData.title;\n  map_src.value = mapData.name;\n\n};\n\n</script>\n\n\n<style scoped>\n.maps-details:nth-child(odd) {\n  border-right: 4px solid #005CFF;\n  border-left: 4px solid #005CFF;\n}\n\n.maps-details:nth-child(even) {\n  border-right: 4px solid #F2B611;\n  border-left: 4px solid #F2B611;\n}\n</style>\n","import script from \"./ServiceArea.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ServiceArea.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ServiceArea.vue?vue&type=style&index=0&id=469715c9&scoped=true&lang=css\"\n\nimport exportComponent from \"/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-469715c9\"]])\n\nexport default __exports__","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./RequestBookService.vue?vue&type=style&index=0&id=dc771104&scoped=true&lang=css\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./ServiceArea.vue?vue&type=style&index=0&id=469715c9&scoped=true&lang=css\"","<template>\n  <div class=\"container mx-auto py-8 px-3 lg:px-2 h-full\">\n    <div class=\"min-h-[150px] lg:min-h-[250px] flex justify-start items-center\">\n      <div class=\"text-white  gap-y-4 md:border-l-4 border-secondary px-5 flex flex-col justify-center md:justify-start\">\n        <div class=\"w-full flex justify-center md:justify-start\">\n          <h1\n            class=\"md:text-5xl font-semibold text-2xl md:text-left text-center border-b-2 border-secondary md:border-b-0 \">\n            {{ heading }}\n          </h1>\n        </div>\n        <!-- <p class=\"md:text-xl text-base md:text-left text-center\" >\n          {{ description }}\n        </p> -->\n        <p class=\"md:text-xl text-base md:text-left text-center\">\n          {{ desc }}\n        </p>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, watch } from \"vue\";\nconst description = ref(\"\");\nconst props = defineProps({\n  heading: String,\n  desc: String,\n});\n// watch(() => props.desc,\n//   (value) => {\n//     if (value) {\n//       if (value.length > 250) {\n//         description.value = value.slice(0, 250).toString() + \"...\";\n//       } else {\n//         description.value = value;\n//       };\n//     };\n//   },\n// );\n</script>","import script from \"./MainBanner.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./MainBanner.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","module.exports = __webpack_public_path__ + \"img/location-pin.33c1d1b8.svg\";","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./Banner.vue?vue&type=style&index=0&id=135a26e2&scoped=true&lang=css\"","<template>\n  <div class=\"bg-primary request-service\">\n    <div class=\"container mx-auto px-3 py-8 lg:py-20 px-8 flex flex-col lg:flex-row lg:gap-8 gap-5\">\n      <div class=\"flex flex-col lg:gap-5 gap-4 text-white lg:max-w-[50%] w-full mt-5\">\n        <div class=\"text-lg uppercase\">BOOK US NOW</div>\n        <div class=\"text-5xl font-semibold font-primary\">Request Service Now!\n        </div>\n        <div class=\"text-base \">Ready to experience top-notch service? Look no further! Book our services today and let us\n          take care of your needs. Here's why you should choose us.</div>\n        <div class=\"lg:mt-5 mt-3\">\n          <ul class=\"flex flex-col gap-3 lg:gap-5 lg:mt-5\">\n            <li class=\"flex gap-2\" v-for=\"item, index in data\" :key=\"index\">\n              <span v-html=\"tick_mark\" class=\"p-1 bg-secondary rounded-full flex items-center max-h-[24px]\"></span>\n              <div><span>{{ item }}</span></div>\n            </li>\n          </ul>\n        </div>\n      </div>\n      <div class=\" flex justify-center align-center lg:max-w-[50%] w-full mt-5\">\n        <div class=\"relative w-full\">\n          <div class=\"hidden lg:block absolute bg-secondary w-[30%] h-[10%] -top-3 -right-3\"></div>\n          <div class=\"bg-white p-5 relative\">\n            <div class=\"font-bold font-primary text-2xl mb-3\">Get Free Consultation </div>\n            <Form />\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport Form from \"../Form/Index.vue\";\nconst data = [\"Enjoy 24/7 service.\", \"Workmanship is Always Guaranteed!\", \"You'll receive Free Estimates.\", \"Dedicated Customer Service.\", \"We offer Financing options.\"];\nconst tick_mark = `<svg width=\"16\" height=\"12\" viewBox=\"0 0 16 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14.666 0.235435C15.0892 0.591712 15.1433 1.22347 14.7871 1.64646L6.77505 11.1607C6.41056 11.5938 5.75971 11.6387 5.33905 11.26L0.331476 6.75328C-0.0796235 6.38326 -0.11284 5.75001 0.257035 5.33891C0.627059 4.92781 1.26031 4.89447 1.6714 5.26447L5.90949 9.07871L13.255 0.356347C13.6111 -0.0666587 14.243 -0.120804 14.666 0.235465L14.666 0.235435Z\" fill=\"#005CFF\"/>\n</svg>`;\n</script>\n<style scoped>\n.request-service {\n  background-image: url(\"../../assets/v-1.1/req-service-banner.webp\");\n  background-position: center;\n  background-size: cover;\n  background-repeat: no-repeat;\n}\n</style>","import script from \"./RequestBookService.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./RequestBookService.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./RequestBookService.vue?vue&type=style&index=0&id=dc771104&scoped=true&lang=css\"\n\nimport exportComponent from \"/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-dc771104\"]])\n\nexport default __exports__"],"sourceRoot":""}