{"version":3,"sources":["webpack:///./components/HeroNew.vue?6df8","webpack:///./components/HeroNew.vue?09d2","webpack:///./components/HeroNew.vue?8b63","webpack:///./components/HeroNew.vue?9e01","webpack:///./components/HeroNew.vue?1d59","webpack:///components/HeroNew.vue","webpack:///./components/HeroNew.vue"],"names":["content","__esModule","default","module","i","locals","exports","add","___CSS_LOADER_EXPORT___","___CSS_LOADER_API_IMPORT___","push","data","firstBannerH","firstBannerTotalH","mounted","this","$nextTick","jq","setTimeout","methods","getMidHeight","window","height","getMidDomHeight","component","_vm","_h","$createElement","_c","_self","staticClass","attrs","style","minHeight","domProps","_v","directives","name","rawName","value","el","offset","expression"],"mappings":"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","file":"7d1e52c.js","sourcesContent":["// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../node_modules/sass-loader/dist/cjs.js??ref--7-oneOf-1-3!../node_modules/vue-loader/lib/index.js??vue-loader-options!./HeroNew.vue?vue&type=style&index=0&id=0194f6f2&lang=scss&scoped=true&\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = require(\"!../node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"7877d06a\", content, true, {\"sourceMap\":false});","export * from \"-!../node_modules/vue-style-loader/index.js??ref--7-oneOf-1-0!../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../node_modules/sass-loader/dist/cjs.js??ref--7-oneOf-1-3!../node_modules/vue-loader/lib/index.js??vue-loader-options!./HeroNew.vue?vue&type=style&index=0&id=0194f6f2&lang=scss&scoped=true&\"","// Imports\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../node_modules/css-loader/dist/runtime/api.js\");\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".color-yellow[data-v-0194f6f2]{color:#d0b400}.bg-yellow[data-v-0194f6f2]{background-color:#d0b400}.bg-grey[data-v-0194f6f2]{background-color:#eae8e4}.bg-nav[data-v-0194f6f2]{background-color:#f4f3f1}.bg-cream[data-v-0194f6f2]{background-color:#d6d1ca}.bg-blue[data-v-0194f6f2]{background-color:#0b2340}.bg-light-blue[data-v-0194f6f2]{background-color:#bed3d6}.bg-brown[data-v-0194f6f2]{background-color:#d6d1ca}.bg-white[data-v-0194f6f2]{background-color:#fff}.text-blue[data-v-0194f6f2]{color:#0b2340}.text-white[data-v-0194f6f2]{color:#fff}.text-brown[data-v-0194f6f2]{color:#d6d1ca}.text-slate-grey[data-v-0194f6f2]{color:grey}#firstBanner[data-v-0194f6f2]{background-color:#d6d1ca;overflow:hidden}#firstBanner .topLogoContainer[data-v-0194f6f2]{display:flex;flex-direction:column;justify-content:space-between;position:relative}#firstBanner .topLogoContainer .videoBg[data-v-0194f6f2]{position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%,-50%)}#firstBanner .topLogoContainer .videoBg video[data-v-0194f6f2]{-o-object-fit:cover;object-fit:cover;background-color:#d6d1ca}#firstBanner .topLogoContainer .upperLayout[data-v-0194f6f2]{width:100%;min-height:80vh;display:flex;flex-direction:column;justify-content:space-between;align-items:center;position:relative}#firstBanner .topLogoContainer .upperLayout .xs-text[data-v-0194f6f2]{font-size:12px}#firstBanner .topLogoContainer .upperLayout .desktop[data-v-0194f6f2]{display:block}@media screen and (max-width:750px){#firstBanner .topLogoContainer .upperLayout .desktop[data-v-0194f6f2]{display:none}}#firstBanner .topLogoContainer .upperLayout .mobile[data-v-0194f6f2]{display:none}@media screen and (max-width:750px){#firstBanner .topLogoContainer .upperLayout .mobile[data-v-0194f6f2]{display:block}}#firstBanner .topLogoContainer .upperLayout .southbayLogo[data-v-0194f6f2]{width:400px;display:block;padding-bottom:60px}@media screen and (min-width:1500px){#firstBanner .topLogoContainer .upperLayout .southbayLogo[data-v-0194f6f2]{width:700px;padding-bottom:80px}}@media screen and (max-width:450px){#firstBanner .topLogoContainer .upperLayout .southbayLogo[data-v-0194f6f2]{width:300px}}#firstBanner .topLogoContainer .upperLayout .footer-logo[data-v-0194f6f2]{height:15vh;position:absolute;bottom:0}#firstBanner .topLogoContainer .upperLayout .footer-logo .footerImg[data-v-0194f6f2]{width:100px}@media screen and (min-width:2500px){#firstBanner .topLogoContainer .upperLayout .footer-logo .footerImg[data-v-0194f6f2]{width:120px}}#firstBanner .topLogoContainer .upperLayout .footer-logo .line[data-v-0194f6f2]{border-right:1px solid #fff}@media screen and (min-width:2500px){#firstBanner .topLogoContainer .upperLayout .footer-logo[data-v-0194f6f2]{height:10vh}}@media screen and (min-width:1500px){#firstBanner .topLogoContainer .upperLayout .lg-screen-text[data-v-0194f6f2]{font-size:1.66667vw;line-height:.4125}}@media screen and (min-width:2500px){#firstBanner .topLogoContainer .upperLayout .lg-screen-text[data-v-0194f6f2]{font-size:2rem;line-height:1rem;padding-bottom:20px}}@media screen and (min-width:1500px){#firstBanner .topLogoContainer .upperLayout .pt-lg-screens[data-v-0194f6f2]{padding-top:20px}}\", \"\"]);\n// Exports\nmodule.exports = ___CSS_LOADER_EXPORT___;\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticClass:\"bg-grey\",attrs:{\"id\":\"firstBanner\"}},[_c('b-container',{staticClass:\"topLogoContainer\",attrs:{\"fluid\":\"\"}},[_c('div',{staticClass:\"videoBg\",style:({ minHeight: _vm.firstBannerTotalH + 'px' })},[_c('client-only',[_c('div',{staticClass:\"bannerVideo embed-responsive embed-responsive-16by9\",style:({ minHeight: _vm.firstBannerTotalH + 'px' })},[_c('video',{staticClass:\"embed-responsive-item\",attrs:{\"autoplay\":\"\",\"muted\":\"\",\"loop\":\"\",\"allowfullscreen\":\"\",\"alt\":\"Ariel drone shot of city scape.\",\"playsinline\":\"\"},domProps:{\"muted\":true}},[_c('source',{attrs:{\"src\":\"/img/hero/Hero.mp4\",\"type\":\"video/mp4\"}}),_vm._v(\"\\n            Sorry, your browser doesn't support embedded videos.\\n          \")])])])],1),_vm._v(\" \"),_c('div',{staticClass:\"upperLayout d-flex align-items-center justify-content-center\",style:({ minHeight: _vm.firstBannerH + 'px' })},[_c('div',{staticClass:\"southbayLogo\"},[_c('img',{staticClass:\"img-fluid\",attrs:{\"src\":\"/img/hero/SOUTHBAY_LOGO.svg\",\"alt\":\"Southbay Logo\"}})]),_vm._v(\" \"),_c('div',{staticClass:\"text-center text-white pt-4\"},[_c('p',{staticClass:\"medium-text freight-big-pro-book\"},[_vm._v(\"\\n          SET YOUR SIGHTS ON EVERYTHING YOU NEED\\n        \")]),_vm._v(\" \"),_c('div',{staticClass:\"pt-lg-screens\"},[_c('p',{staticClass:\"desktop small-text freight-big-pro-book-italic lg-screen-text\"},[_vm._v(\"\\n            Wasaga Beach’s Nature-Inspired Master-Planned Community\\n          \")]),_vm._v(\" \"),_c('p',{staticClass:\"mobile small-text freight-big-pro-book-italic lg-screen-text\"},[_vm._v(\"\\n            Wasaga Beach’s Nature-Inspired \"),_c('br'),_vm._v(\"\\n            Master-Planned Community \"),_c('br')]),_vm._v(\" \"),_c('br'),_vm._v(\" \"),_c('p',{staticClass:\"small-text freight-big-pro-book-italic lg-screen-text\"},[_vm._v(\"\\n            Towns \"),_c('span',{staticClass:\"freight-big-pro-book xs-text\"},[_vm._v(\"FROM THE MID\")]),_vm._v(\"  $700’s,   \\n          \")]),_vm._v(\" \"),_c('p',{staticClass:\"small-text freight-big-pro-book-italic lg-screen-text\"},[_vm._v(\" \\n            40' Detached \"),_c('span',{staticClass:\"freight-big-pro-book xs-text\"},[_vm._v(\"FROM THE LOW\")]),_vm._v(\" $900’s, \\n          \")]),_vm._v(\" \"),_c('p',{staticClass:\"small-text freight-big-pro-book-italic lg-screen-text\"},[_vm._v(\" \\n            43' Detached \"),_c('span',{staticClass:\"freight-big-pro-book xs-text\"},[_vm._v(\"FROM THE MID\")]),_vm._v(\" $900’s, \\n          \")]),_vm._v(\" \"),_c('p',{staticClass:\"small-text freight-big-pro-book-italic lg-screen-text\"},[_vm._v(\"\\n            50'\\n            Detached \"),_c('span',{staticClass:\"freight-big-pro-book xs-text\"},[_vm._v(\"FROM THE LOW\")]),_vm._v(\" $1M’s\\n          \")])])]),_vm._v(\" \"),_c('div',[_c('p',{directives:[{name:\"scroll-to\",rawName:\"v-scroll-to\",value:({ el: '#presentation', offset: -100 }),expression:\"{ el: '#presentation', offset: -100 }\"}],staticClass:\"desktop small-text freight-big-pro-book-italic lg-screen-text white\"},[_c('br'),_vm._v(\"\\n            OUR PRESENTATION CENTRE IS NOW OPEN\\n        \")]),_vm._v(\" \"),_c('p',{directives:[{name:\"scroll-to\",rawName:\"v-scroll-to\",value:({ el: '#presentation', offset: 0 }),expression:\"{ el: '#presentation', offset: 0 }\"}],staticClass:\"mobile small-text freight-big-pro-book-italic lg-screen-text white\"},[_c('br'),_vm._v(\"\\n            OUR PRESENTATION CENTRE \"),_c('br'),_vm._v(\"\\n            IS NOW OPEN \"),_c('br')])]),_vm._v(\" \"),_c('div',{staticClass:\"footer-logo\"},[_c('div',{staticClass:\"row h-100\"},[_c('div',{staticClass:\"col pt-3\"},[_c('img',{staticClass:\"img-fluid footerImg\",attrs:{\"src\":\"/img/hero/FERNBROOK.svg\",\"alt\":\"Fernbrook Logo\"}})]),_vm._v(\" \"),_c('div',{staticClass:\"line\"}),_vm._v(\" \"),_c('div',{staticClass:\"col pt-3\"},[_c('img',{staticClass:\"img-fluid footerImg\",attrs:{\"src\":\"/img/hero/ZANCOR.svg\",\"alt\":\"Zancor Logo\"}})])])])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../node_modules/babel-loader/lib/index.js??ref--2-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./HeroNew.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../node_modules/babel-loader/lib/index.js??ref--2-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./HeroNew.vue?vue&type=script&lang=js&\"","<template>\n  <section id=\"firstBanner\" class=\"bg-grey\">\n    <b-container class=\"topLogoContainer\" fluid>\n      <div class=\"videoBg\" :style=\"{ minHeight: firstBannerTotalH + 'px' }\">\n        <client-only>\n          <div\n            class=\"bannerVideo embed-responsive embed-responsive-16by9\"\n            :style=\"{ minHeight: firstBannerTotalH + 'px' }\"\n          >\n            <video\n              autoplay\n              muted\n              loop\n              class=\"embed-responsive-item\"\n              allowfullscreen\n              alt=\"Ariel drone shot of city scape.\"\n              playsinline\n            >\n              <source src=\"/img/hero/Hero.mp4\" type=\"video/mp4\" />\n              Sorry, your browser doesn't support embedded videos.\n            </video>\n          </div>\n        </client-only>\n      </div>\n      <div\n        class=\"upperLayout d-flex align-items-center justify-content-center\"\n        :style=\"{ minHeight: firstBannerH + 'px' }\"\n      >\n        <div class=\"southbayLogo\">\n          <img\n            src=\"/img/hero/SOUTHBAY_LOGO.svg\"\n            class=\"img-fluid\"\n            alt=\"Southbay Logo\"\n          />\n        </div>\n        <div class=\"text-center text-white pt-4\">\n          <p class=\"medium-text freight-big-pro-book\">\n            SET YOUR SIGHTS ON EVERYTHING YOU NEED\n          </p>\n          <div class=\"pt-lg-screens\">\n            <p\n              class=\"desktop small-text freight-big-pro-book-italic lg-screen-text\"\n            >\n              Wasaga Beach’s Nature-Inspired Master-Planned Community\n            </p>\n            <p\n              class=\"mobile small-text freight-big-pro-book-italic lg-screen-text\"\n            >\n              Wasaga Beach’s Nature-Inspired <br />\n              Master-Planned Community <br />\n            </p>\n            <br />\n            <p class=\"small-text freight-big-pro-book-italic lg-screen-text\">\n              Towns <span class=\"freight-big-pro-book xs-text\">FROM THE MID</span>  $700’s,   \n            </p>\n            <p class=\"small-text freight-big-pro-book-italic lg-screen-text\"> \n              40' Detached <span class=\"freight-big-pro-book xs-text\">FROM THE LOW</span> $900’s, \n            </p>\n            <p class=\"small-text freight-big-pro-book-italic lg-screen-text\"> \n              43' Detached <span class=\"freight-big-pro-book xs-text\">FROM THE MID</span> $900’s, \n            </p>\n            <p class=\"small-text freight-big-pro-book-italic lg-screen-text\">\n              50'\n              Detached <span class=\"freight-big-pro-book xs-text\">FROM THE LOW</span> $1M’s\n            </p>\n          </div>\n        </div>\n        <div>\n          <p\n              class=\"desktop small-text freight-big-pro-book-italic lg-screen-text white\"\n              v-scroll-to=\"{ el: '#presentation', offset: -100 }\"\n            >\n              <br />\n              OUR PRESENTATION CENTRE IS NOW OPEN\n          </p>\n          <p\n            class=\"mobile small-text freight-big-pro-book-italic lg-screen-text white\"\n             v-scroll-to=\"{ el: '#presentation', offset: 0 }\"\n          >\n              <br />\n              OUR PRESENTATION CENTRE <br />\n              IS NOW OPEN <br />\n          </p>\n        </div>\n        <div class=\"footer-logo\">\n          <div class=\"row h-100\">\n            <div class=\"col pt-3\">\n              <img\n                src=\"/img/hero/FERNBROOK.svg\"\n                class=\"img-fluid footerImg\"\n                alt=\"Fernbrook Logo\"\n              />\n            </div>\n            <div class=\"line\"></div>\n            <div class=\"col pt-3\">\n              <img\n                src=\"/img/hero/ZANCOR.svg\"\n                class=\"img-fluid footerImg\"\n                alt=\"Zancor Logo\"\n              />\n            </div>\n          </div>\n        </div>\n      </div>\n    </b-container>\n  </section>\n</template>\n\n<script>\nimport jq from \"jquery\";\nexport default {\n  data() {\n    return {\n      firstBannerH: null,\n      firstBannerTotalH: null,\n    };\n  },\n  mounted() {\n    this.$nextTick(() => {\n      this.getMidHeight();\n      jq(window).on(\"resize\", () => {\n        this.getMidHeight();\n        setTimeout(() => {\n          this.getMidDomHeight();\n        }, 500);\n      });\n      setTimeout(() => {\n        this.getMidDomHeight();\n      }, 100);\n    });\n  },\n  methods: {\n    getMidHeight() {\n      this.firstBannerH = jq(window).height();\n    },\n    getMidDomHeight() {\n      this.firstBannerTotalH = jq(\"#firstBanner\").height();\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n@import \"./assets/styles/variables\";\n#firstBanner {\n  background-color: $m-cream;\n  overflow: hidden;\n  .topLogoContainer {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    position: relative;\n    .videoBg {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 100%;\n      transform: translate(-50%, -50%);\n      video {\n        object-fit: cover;\n        background-color: $m-cream;\n      }\n    }\n    .upperLayout {\n      width: 100%;\n      min-height: 80vh;\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n      align-items: center;\n      position: relative;\n      .xs-text {\n        font-size: 12px;\n      }\n\n      .desktop {\n        display: block;\n        @media screen and (max-width: 750px) {\n          display: none;\n        }\n      }\n      .mobile {\n        display: none;\n        @media screen and (max-width: 750px) {\n          display: block;\n        }\n      }\n      .southbayLogo {\n        width: 400px;\n        display: block;\n        padding-bottom: 60px;\n        @media screen and (min-width: 1500px) {\n          width: 700px;\n          padding-bottom: 80px;\n        }\n        @media screen and (max-width: 450px) {\n          width: 300px;\n        }\n      }\n      .footer-logo {\n        height: 15vh;\n        position: absolute;\n        bottom: 0;\n        .footerImg {\n          width: 100px;\n          @media screen and (min-width: 2500px) {\n            width: 120px;\n          }\n        }\n        .line {\n          border-right: 1px solid white;\n        }\n        @media screen and (min-width: 2500px) {\n          height: 10vh;\n        }\n      }\n      .lg-screen-text {\n        @media screen and (min-width: 1500px) {\n          font-size: 1.66667vw;\n          line-height: 0.4125;\n        }\n        @media screen and (min-width: 2500px) {\n          font-size: 2rem;\n          line-height: 1rem;\n          padding-bottom: 20px;\n        }\n      }\n      .pt-lg-screens {\n        @media screen and (min-width: 1500px) {\n          padding-top: 20px;\n        }\n      }\n    }\n  }\n}\n</style>\n","import { render, staticRenderFns } from \"./HeroNew.vue?vue&type=template&id=0194f6f2&scoped=true&\"\nimport script from \"./HeroNew.vue?vue&type=script&lang=js&\"\nexport * from \"./HeroNew.vue?vue&type=script&lang=js&\"\nimport style0 from \"./HeroNew.vue?vue&type=style&index=0&id=0194f6f2&lang=scss&scoped=true&\"\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  \"0194f6f2\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}