{"version":3,"sources":["webpack:///./src/assets/services/grid/retail-onboarding-grid-tile.jpg","webpack:///./src/views/ServiceMarketing.vue","webpack:///src/views/ServiceMarketing.vue","webpack:///./src/views/ServiceMarketing.vue?006b","webpack:///./src/views/ServiceMarketing.vue?7e8f","webpack:///./src/assets/services/grid/app-services-grid-tile.jpg","webpack:///./node_modules/in-view/dist/in-view.min.js","webpack:///./src/assets/top/marketing-anim.gif","webpack:///./src/assets/services/grid/data-migration-grid-tile.jpg","webpack:///./src/views/ServiceMarketing.vue?a723","webpack:///./src/assets/services/grid/web-grid-tile.jpg"],"names":["module","exports","render","_vm","this","_c","_self","on","mouseWheel","ref","staticClass","_m","attrs","$event","preventDefault","scrollTo","apply","arguments","_l","marketingStore","info","block","index","key","_v","_s","smtitle","title","text","image","info2","style","backgroundImage","require","$emit","name","class","fadeInDown","$store","state","section","fadeOutDown","modalOpened","staticRenderFns","data","sectionState","scrollAnimation","infoAnimation","infoAnimation2","components","Footer","metaInfo","meta","content","watch","methods","infoInView","top","e","onDone","elementInViewport","computed","mounted","document","window","paused","set","autoAlpha","from","y","InView","once","beforeDestroy","component","t","r","n","i","id","loaded","call","m","c","p","__esModule","o","Object","defineProperty","value","u","f","s","history","offset","threshold","test","inViewport","forEach","check","addEventListener","MutationObserver","observe","body","attributes","childList","subtree","slice","querySelectorAll","indexOf","elements","push","is","TypeError","length","enumerable","configurable","writable","prototype","options","current","handlers","enter","exit","singles","emit","splice","unshift","pop","getBoundingClientRect","right","bottom","left","width","height","innerWidth","b","innerHeight","l","a","x","self","Function","E","w","j","setTimeout","h","M","O","_","g","d","T","v","clearTimeout","leading","maxWait","trailing","cancel","flush","Math","max","min","Date","now"],"mappings":"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","file":"js/chunk-65542f43.16485c9d.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/retail-onboarding-grid-tile.f72c3e27.jpg\";","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{on:{\"wheel\":_vm.mouseWheel}},[_c('div',{ref:\"top\",staticClass:\"section top\"},[_c('div',{staticClass:\"top__container\"},[_c('div',{staticClass:\"top__info\"},[_vm._m(0),_vm._m(1),_c('div',{staticClass:\"top__line\"},[_c('svg',{attrs:{\"viewBox\":\"0 0 149 13\"}},[_c('g',{attrs:{\"transform\":\"translate(1 1)\",\"fill\":\"#00558d\"}},[_c('path',{attrs:{\"id\":\"green-scales-a\",\"d\":\"M22 0a1 1 0 1 0-2 0h2zM1 0a1 1 0 1 0-2 0h2zm19 0c0 5.567-4.296 10-9.5 10v2C16.895 12 22 6.583 22 0h-2zm-9.5 10C5.296 10 1 5.567 1 0h-2c0 6.583 5.105 12 11.5 12v-2z\"}})]),_c('g',{attrs:{\"transform\":\"translate(22 1)\",\"fill\":\"#00558d\"}},[_c('path',{attrs:{\"id\":\"green-scales-a\",\"d\":\"M22 0a1 1 0 1 0-2 0h2zM1 0a1 1 0 1 0-2 0h2zm19 0c0 5.567-4.296 10-9.5 10v2C16.895 12 22 6.583 22 0h-2zm-9.5 10C5.296 10 1 5.567 1 0h-2c0 6.583 5.105 12 11.5 12v-2z\"}})]),_c('g',{attrs:{\"transform\":\"translate(43 1)\",\"fill\":\"#00558d\"}},[_c('path',{attrs:{\"id\":\"green-scales-a\",\"d\":\"M22 0a1 1 0 1 0-2 0h2zM1 0a1 1 0 1 0-2 0h2zm19 0c0 5.567-4.296 10-9.5 10v2C16.895 12 22 6.583 22 0h-2zm-9.5 10C5.296 10 1 5.567 1 0h-2c0 6.583 5.105 12 11.5 12v-2z\"}})]),_c('g',{attrs:{\"transform\":\"translate(64 1)\",\"fill\":\"#00558d\"}},[_c('path',{attrs:{\"id\":\"green-scales-b\",\"d\":\"M22 0a1 1 0 1 0-2 0h2zM1 0a1 1 0 1 0-2 0h2zm19 0c0 5.567-4.297 10-9.5 10v2C16.894 12 22 6.583 22 0h-2zm-9.5 10C5.297 10 1 5.567 1 0h-2c0 6.583 5.106 12 11.5 12v-2z\"}})]),_c('g',{attrs:{\"transform\":\"translate(85 1)\",\"fill\":\"#00558d\"}},[_c('path',{attrs:{\"id\":\"green-scales-b\",\"d\":\"M22 0a1 1 0 1 0-2 0h2zM1 0a1 1 0 1 0-2 0h2zm19 0c0 5.567-4.297 10-9.5 10v2C16.894 12 22 6.583 22 0h-2zm-9.5 10C5.297 10 1 5.567 1 0h-2c0 6.583 5.106 12 11.5 12v-2z\"}})]),_c('g',{attrs:{\"transform\":\"translate(106 1)\",\"fill\":\"#00558d\"}},[_c('path',{attrs:{\"id\":\"green-scales-b\",\"d\":\"M22 0a1 1 0 1 0-2 0h2zM1 0a1 1 0 1 0-2 0h2zm19 0c0 5.567-4.297 10-9.5 10v2C16.894 12 22 6.583 22 0h-2zm-9.5 10C5.297 10 1 5.567 1 0h-2c0 6.583 5.106 12 11.5 12v-2z\"}})]),_c('g',{attrs:{\"transform\":\"translate(127 1)\",\"fill\":\"#00558d\"}},[_c('path',{attrs:{\"id\":\"green-scales-b\",\"d\":\"M22 0a1 1 0 1 0-2 0h2zM1 0a1 1 0 1 0-2 0h2zm19 0c0 5.567-4.297 10-9.5 10v2C16.894 12 22 6.583 22 0h-2zm-9.5 10C5.297 10 1 5.567 1 0h-2c0 6.583 5.106 12 11.5 12v-2z\"}})])])]),_vm._m(2),_c('a',{attrs:{\"href\":\"#\"},on:{\"click\":function($event){$event.preventDefault();return _vm.scrollTo.apply(null, arguments)}}})]),_vm._m(3)])]),_c('div',{ref:\"info\",staticClass:\"section info\"},[_c('div',{staticClass:\"info__container info__container--animation\"},_vm._l((_vm.marketingStore.info),function(block,index){return _c('div',{key:index,staticClass:\"info__line\"},[_c('div',{staticClass:\"info__block\"},[_c('div',{staticClass:\"info__block-text\"},[_c('div',{staticClass:\"info__smtitle\"},[_c('p',[_vm._v(_vm._s(block.smtitle))])]),_c('div',{staticClass:\"info__title\"},[_c('p',[_vm._v(_vm._s(block.title))])]),_c('div',{staticClass:\"info__text\"},[_c('p',[_vm._v(_vm._s(block.text))])])])]),_c('div',{staticClass:\"info__image\"},[_c('img',{attrs:{\"src\":block.image,\"alt\":block.smtitle}})])])}),0)]),_c('div',{staticClass:\"section info\"},[_c('div',{staticClass:\"info__container info__container--animation2\"},_vm._l((_vm.marketingStore.info2),function(block,index){return _c('div',{key:index,staticClass:\"info__line\"},[_c('div',{staticClass:\"info__block\"},[_c('div',{staticClass:\"info__block-text\"},[_c('div',{staticClass:\"info__smtitle\"},[_c('p',[_vm._v(_vm._s(block.smtitle))])]),_c('div',{staticClass:\"info__title\"},[_c('p',[_vm._v(_vm._s(block.title))])]),_c('div',{staticClass:\"info__text\"},[_c('p',[_vm._v(_vm._s(block.text))])])])]),_c('div',{staticClass:\"info__image\"},[_c('img',{attrs:{\"src\":block.image,\"alt\":block.smtitle}})])])}),0)]),_c('div',{staticClass:\"section portfolio\"},[_c('div',{staticClass:\"portfolio__container\"},[_c('div',{staticClass:\"portfolio__line portfolio__line--once\"},[_c('div',{staticClass:\"portfolio__block\",style:({backgroundImage: 'url(' + require('@/assets/services/grid/retail-onboarding-grid-tile.jpg') + ')'}),on:{\"click\":function($event){return _vm.$emit('changeRoute', {name: 'ServiceShopifyRetailOnboarding'})}}},[_c('div',{staticClass:\"portfolio__info\"},[_vm._m(4),_vm._m(5),_c('div',{staticClass:\"portfolio__arrow\"},[_c('svg',{attrs:{\"id\":\"icon-long-arrow\",\"viewBox\":\"0 0 51 15\"}},[_c('title',[_vm._v(\"Arrow Right\")]),_c('desc',[_vm._v(\"Retail Onboarding\")]),_c('g',{attrs:{\"transform\":\"rotate(-90 29.23 -13.17)\"}},[_c('path',{attrs:{\"id\":\"long-arrow-a\",\"fill-rule\":\"evenodd\",\"d\":\"M2.394 0c-.888 0-1.335 1.071-.711 1.703L7.838 7.93a1 1 0 0 0 1.423 0l6.155-6.228c.625-.632.177-1.703-.71-1.703H2.393z\"}})]),_c('g',{attrs:{\"transform\":\"translate(2 6)\"}},[_c('path',{attrs:{\"id\":\"long-arrow-b\",\"d\":\"M41.85 3a1.5 1.5 0 0 0 0-3v3zM0 0a1.5 1.5 0 0 0 0 3V0zm41.85 0H0v3h41.85V0z\"}})])])])])])]),_c('div',{staticClass:\"portfolio__line portfolio__line--double\"},[_c('div',{staticClass:\"portfolio__block\",style:({backgroundImage: 'url(' + require('@/assets/services/grid/web-grid-tile.jpg') + ')'}),on:{\"click\":function($event){return _vm.$emit('changeRoute', {name: 'ServiceShopifyOnlineServices'})}}},[_c('div',{staticClass:\"portfolio__info\"},[_vm._m(6),_vm._m(7),_c('div',{staticClass:\"portfolio__arrow\"},[_c('svg',{attrs:{\"id\":\"icon-long-arrow\",\"viewBox\":\"0 0 51 15\"}},[_c('title',[_vm._v(\"Arrow Right\")]),_c('desc',[_vm._v(\"Web Design Services\")]),_c('g',{attrs:{\"transform\":\"rotate(-90 29.23 -13.17)\"}},[_c('path',{attrs:{\"id\":\"long-arrow-a\",\"fill-rule\":\"evenodd\",\"d\":\"M2.394 0c-.888 0-1.335 1.071-.711 1.703L7.838 7.93a1 1 0 0 0 1.423 0l6.155-6.228c.625-.632.177-1.703-.71-1.703H2.393z\"}})]),_c('g',{attrs:{\"transform\":\"translate(2 6)\"}},[_c('path',{attrs:{\"id\":\"long-arrow-b\",\"d\":\"M41.85 3a1.5 1.5 0 0 0 0-3v3zM0 0a1.5 1.5 0 0 0 0 3V0zm41.85 0H0v3h41.85V0z\"}})])])])])]),_c('div',{staticClass:\"portfolio__block\",style:({backgroundImage: 'url(' + require('@/assets/services/grid/app-services-grid-tile.jpg') + ')'}),on:{\"click\":function($event){return _vm.$emit('changeRoute', {name: 'ServiceAppDevelopment'})}}},[_c('div',{staticClass:\"portfolio__info\"},[_vm._m(8),_vm._m(9),_c('div',{staticClass:\"portfolio__arrow\"},[_c('svg',{attrs:{\"id\":\"icon-long-arrow\",\"viewBox\":\"0 0 51 15\"}},[_c('title',[_vm._v(\"Arrow Right\")]),_c('desc',[_vm._v(\"Mobile Apps\")]),_c('g',{attrs:{\"transform\":\"rotate(-90 29.23 -13.17)\"}},[_c('path',{attrs:{\"id\":\"long-arrow-a\",\"fill-rule\":\"evenodd\",\"d\":\"M2.394 0c-.888 0-1.335 1.071-.711 1.703L7.838 7.93a1 1 0 0 0 1.423 0l6.155-6.228c.625-.632.177-1.703-.71-1.703H2.393z\"}})]),_c('g',{attrs:{\"transform\":\"translate(2 6)\"}},[_c('path',{attrs:{\"id\":\"long-arrow-b\",\"d\":\"M41.85 3a1.5 1.5 0 0 0 0-3v3zM0 0a1.5 1.5 0 0 0 0 3V0zm41.85 0H0v3h41.85V0z\"}})])])])])])]),_c('div',{staticClass:\"portfolio__line portfolio__line--once\"},[_c('div',{staticClass:\"portfolio__block\",style:({backgroundImage: 'url(' + require('@/assets/services/grid/data-migration-grid-tile.jpg') + ')'}),on:{\"click\":function($event){return _vm.$emit('changeRoute', {name: 'ServiceDataMigration'})}}},[_c('div',{staticClass:\"portfolio__info\"},[_vm._m(10),_vm._m(11),_c('div',{staticClass:\"portfolio__arrow\"},[_c('svg',{attrs:{\"id\":\"icon-long-arrow\",\"viewBox\":\"0 0 51 15\"}},[_c('title',[_vm._v(\"Arrow Right\")]),_c('desc',[_vm._v(\"Data Migration\")]),_c('g',{attrs:{\"transform\":\"rotate(-90 29.23 -13.17)\"}},[_c('path',{attrs:{\"id\":\"long-arrow-a\",\"fill-rule\":\"evenodd\",\"d\":\"M2.394 0c-.888 0-1.335 1.071-.711 1.703L7.838 7.93a1 1 0 0 0 1.423 0l6.155-6.228c.625-.632.177-1.703-.71-1.703H2.393z\"}})]),_c('g',{attrs:{\"transform\":\"translate(2 6)\"}},[_c('path',{attrs:{\"id\":\"long-arrow-b\",\"d\":\"M41.85 3a1.5 1.5 0 0 0 0-3v3zM0 0a1.5 1.5 0 0 0 0 3V0zm41.85 0H0v3h41.85V0z\"}})])])])])])])])]),_c('div',{staticClass:\"section contact\"},[_c('div',{staticClass:\"contact__container\"},[_c('div',{staticClass:\"contact__link\",class:{fadeInDown: (_vm.$store.state.section == 3), fadeOutDown: (_vm.$store.state.section != 3)},on:{\"click\":function($event){return _vm.$emit('changeRoute', {name: 'services'})}}},[_c('div',{staticClass:\"contact__arrow contact__arrow--back\"},[_c('svg',{attrs:{\"id\":\"icon-long-arrow\",\"viewBox\":\"0 0 51 15\"}},[_c('title',[_vm._v(\"Arrow Right\")]),_c('desc',[_vm._v(\"Created using Figma\")]),_c('g',{attrs:{\"transform\":\"rotate(-90 29.23 -13.17)\"}},[_c('path',{attrs:{\"id\":\"long-arrow-a\",\"fill-rule\":\"evenodd\",\"d\":\"M2.394 0c-.888 0-1.335 1.071-.711 1.703L7.838 7.93a1 1 0 0 0 1.423 0l6.155-6.228c.625-.632.177-1.703-.71-1.703H2.393z\"}})]),_c('g',{attrs:{\"transform\":\"translate(2 6)\"}},[_c('path',{attrs:{\"id\":\"long-arrow-b\",\"d\":\"M41.85 3a1.5 1.5 0 0 0 0-3v3zM0 0a1.5 1.5 0 0 0 0 3V0zm41.85 0H0v3h41.85V0z\"}})])])]),_vm._m(12)]),_c('a',{staticClass:\"contact__link\",attrs:{\"href\":\"#\"},on:{\"click\":function($event){$event.preventDefault();_vm.$store.state.modalOpened = true}}},[_vm._m(13),_c('div',{staticClass:\"contact__arrow contact__arrow--next\"},[_c('svg',{attrs:{\"id\":\"icon-long-arrow\",\"viewBox\":\"0 0 51 15\"}},[_c('title',[_vm._v(\"Arrow Right\")]),_c('desc',[_vm._v(\"Created using Figma\")]),_c('g',{attrs:{\"transform\":\"rotate(-90 29.23 -13.17)\"}},[_c('path',{attrs:{\"id\":\"long-arrow-a\",\"fill-rule\":\"evenodd\",\"d\":\"M2.394 0c-.888 0-1.335 1.071-.711 1.703L7.838 7.93a1 1 0 0 0 1.423 0l6.155-6.228c.625-.632.177-1.703-.71-1.703H2.393z\"}})]),_c('g',{attrs:{\"transform\":\"translate(2 6)\"}},[_c('path',{attrs:{\"id\":\"long-arrow-b\",\"d\":\"M41.85 3a1.5 1.5 0 0 0 0-3v3zM0 0a1.5 1.5 0 0 0 0 3V0zm41.85 0H0v3h41.85V0z\"}})])])])])])]),_c('Footer',{staticClass:\"footerdm\"})],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"top__title\"},[_c('p',[_vm._v(\"Growing Your Market\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"top__subtitle\"},[_c('p',[_vm._v(\"The Trilogy in Six Parts\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"top__description\"},[_c('p',[_vm._v(\"It is said to be physically impossible to lick one's elbow. We assert it is also impossible for your business to flourish if no one hears about it. Consulting, marketing, business devleopment, advertising, videography, SEO, email, print, social advertising beckons within.\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"top__image\"},[_c('img',{attrs:{\"src\":require(\"@/assets/top/marketing-anim.gif\"),\"alt\":\"animation\"}})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"portfolio__info-title\"},[_c('p',[_vm._v(\"Retail Onboarding - The True Story\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"portfolio__info-subtitle\"},[_c('p',[_vm._v(\"The Retail POS Trilogy in 5 Parts\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"portfolio__info-title\"},[_c('p',[_vm._v(\"Stand Out like Clement's Steed\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"portfolio__info-subtitle\"},[_c('p',[_vm._v(\"Web Design Services\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"portfolio__info-title\"},[_c('p',[_vm._v(\"Apps Ap-plenty\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"portfolio__info-subtitle\"},[_c('p',[_vm._v(\"Mobile App Designs & Development\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"portfolio__info-title\"},[_c('p',[_vm._v(\"eCommerce Migration\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"portfolio__info-subtitle\"},[_c('p',[_vm._v(\"Move Your Data!\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"contact__title\"},[_c('p',[_vm._v(\"Back\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"contact__title\"},[_c('p',[_vm._v(\"Get in Touch\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div @wheel=\"mouseWheel\">\n\n    <!-- Top Section -->\n    <div ref=\"top\" class=\"section top\">\n      <div class=\"top__container\">\n        <div class=\"top__info\">\n          <div class=\"top__title\">\n            <p>Growing Your Market</p>\n          </div>\n          <div class=\"top__subtitle\">\n            <p>The Trilogy in Six Parts</p>\n          </div>\n          <div class=\"top__line\">\n            <svg viewBox=\"0 0 149 13\">\n              <g transform=\"translate(1 1)\" fill=\"#00558d\">\n                <path id=\"green-scales-a\"\n                      d=\"M22 0a1 1 0 1 0-2 0h2zM1 0a1 1 0 1 0-2 0h2zm19 0c0 5.567-4.296 10-9.5 10v2C16.895 12 22 6.583 22 0h-2zm-9.5 10C5.296 10 1 5.567 1 0h-2c0 6.583 5.105 12 11.5 12v-2z\"></path>\n              </g>\n              <g transform=\"translate(22 1)\" fill=\"#00558d\">\n                <path id=\"green-scales-a\"\n                      d=\"M22 0a1 1 0 1 0-2 0h2zM1 0a1 1 0 1 0-2 0h2zm19 0c0 5.567-4.296 10-9.5 10v2C16.895 12 22 6.583 22 0h-2zm-9.5 10C5.296 10 1 5.567 1 0h-2c0 6.583 5.105 12 11.5 12v-2z\"></path>\n              </g>\n              <g transform=\"translate(43 1)\" fill=\"#00558d\">\n                <path id=\"green-scales-a\"\n                      d=\"M22 0a1 1 0 1 0-2 0h2zM1 0a1 1 0 1 0-2 0h2zm19 0c0 5.567-4.296 10-9.5 10v2C16.895 12 22 6.583 22 0h-2zm-9.5 10C5.296 10 1 5.567 1 0h-2c0 6.583 5.105 12 11.5 12v-2z\"></path>\n              </g>\n              <g transform=\"translate(64 1)\" fill=\"#00558d\">\n                <path id=\"green-scales-b\"\n                      d=\"M22 0a1 1 0 1 0-2 0h2zM1 0a1 1 0 1 0-2 0h2zm19 0c0 5.567-4.297 10-9.5 10v2C16.894 12 22 6.583 22 0h-2zm-9.5 10C5.297 10 1 5.567 1 0h-2c0 6.583 5.106 12 11.5 12v-2z\"></path>\n              </g>\n              <g transform=\"translate(85 1)\" fill=\"#00558d\">\n                <path id=\"green-scales-b\"\n                      d=\"M22 0a1 1 0 1 0-2 0h2zM1 0a1 1 0 1 0-2 0h2zm19 0c0 5.567-4.297 10-9.5 10v2C16.894 12 22 6.583 22 0h-2zm-9.5 10C5.297 10 1 5.567 1 0h-2c0 6.583 5.106 12 11.5 12v-2z\"></path>\n              </g>\n              <g transform=\"translate(106 1)\" fill=\"#00558d\">\n                <path id=\"green-scales-b\"\n                      d=\"M22 0a1 1 0 1 0-2 0h2zM1 0a1 1 0 1 0-2 0h2zm19 0c0 5.567-4.297 10-9.5 10v2C16.894 12 22 6.583 22 0h-2zm-9.5 10C5.297 10 1 5.567 1 0h-2c0 6.583 5.106 12 11.5 12v-2z\"></path>\n              </g>\n              <g transform=\"translate(127 1)\" fill=\"#00558d\">\n                <path id=\"green-scales-b\"\n                      d=\"M22 0a1 1 0 1 0-2 0h2zM1 0a1 1 0 1 0-2 0h2zm19 0c0 5.567-4.297 10-9.5 10v2C16.894 12 22 6.583 22 0h-2zm-9.5 10C5.297 10 1 5.567 1 0h-2c0 6.583 5.106 12 11.5 12v-2z\"></path>\n              </g>\n            </svg>\n          </div>\n          <div class=\"top__description\">\n            <p>It is said to be physically impossible to lick one's elbow. We assert it is\n              also impossible for your business to flourish if no one hears about it.\n              Consulting,\n              marketing,\n              business devleopment, advertising, videography, SEO, email, print, social advertising beckons within.</p>\n          </div>\n          <!--          <a href=\"#info\" v-smooth-scroll>Info</a>-->\n          <a href=\"#\" @click.prevent=\"scrollTo\"></a>\n        </div>\n        <div class=\"top__image\">\n          <img src=\"@/assets/top/marketing-anim.gif\" alt=\"animation\">\n        </div>\n      </div>\n    </div>\n\n    <!-- Info Section -->\n    <div ref=\"info\" class=\"section info\">\n      <div class=\"info__container info__container--animation\">\n        <div v-for=\"(block, index) in marketingStore.info\"\n             class=\"info__line\" :key=\"index\">\n          <div class=\"info__block\">\n            <div class=\"info__block-text\">\n              <div class=\"info__smtitle\">\n                <p>{{block.smtitle}}</p>\n              </div>\n              <div class=\"info__title\">\n                <p>{{block.title}}</p>\n              </div>\n              <div class=\"info__text\">\n                <p>{{block.text}}</p>\n              </div>\n            </div>\n          </div>\n          <div class=\"info__image\">\n            <img :src=\"block.image\" :alt=\"block.smtitle\">\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <!-- Repeat Info Section -->\n    <div class=\"section info\">\n      <div class=\"info__container info__container--animation2\">\n        <div v-for=\"(block, index) in marketingStore.info2\"\n             class=\"info__line\" :key=\"index\">\n          <div class=\"info__block\">\n            <div class=\"info__block-text\">\n              <div class=\"info__smtitle\">\n                <p>{{block.smtitle}}</p>\n              </div>\n              <div class=\"info__title\">\n                <p>{{block.title}}</p>\n              </div>\n              <div class=\"info__text\">\n                <p>{{block.text}}</p>\n              </div>\n            </div>\n          </div>\n          <div class=\"info__image\">\n            <img :src=\"block.image\" :alt=\"block.smtitle\">\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <!-- Portfolio Section -->\n    <div class=\"section portfolio\">\n      <div class=\"portfolio__container\">\n        <div class=\"portfolio__line portfolio__line--once\">\n          <div class=\"portfolio__block\" @click=\"$emit('changeRoute', {name: 'ServiceShopifyRetailOnboarding'})\"\n               :style=\"{backgroundImage: 'url(' + require('@/assets/services/grid/retail-onboarding-grid-tile.jpg') + ')'}\" >\n            <div class=\"portfolio__info\">\n              <div class=\"portfolio__info-title\">\n                <p>Retail Onboarding - The True Story</p>\n              </div>\n              <div class=\"portfolio__info-subtitle\">\n                <p>The Retail POS Trilogy in 5 Parts</p>\n              </div>\n              <div class=\"portfolio__arrow\">\n                <svg id=\"icon-long-arrow\" viewBox=\"0 0 51 15\"><title>Arrow Right</title>\n                  <desc>Retail Onboarding</desc>\n                  <g transform=\"rotate(-90 29.23 -13.17)\">\n                    <path id=\"long-arrow-a\" fill-rule=\"evenodd\"\n                          d=\"M2.394 0c-.888 0-1.335 1.071-.711 1.703L7.838 7.93a1 1 0 0 0 1.423 0l6.155-6.228c.625-.632.177-1.703-.71-1.703H2.393z\"></path>\n                  </g>\n                  <g transform=\"translate(2 6)\">\n                    <path id=\"long-arrow-b\"\n                          d=\"M41.85 3a1.5 1.5 0 0 0 0-3v3zM0 0a1.5 1.5 0 0 0 0 3V0zm41.85 0H0v3h41.85V0z\"></path>\n                  </g>\n                </svg>\n              </div>\n            </div>\n          </div>\n        </div>\n        <div class=\"portfolio__line portfolio__line--double\">\n          <div class=\"portfolio__block\" @click=\"$emit('changeRoute', {name: 'ServiceShopifyOnlineServices'})\"\n               :style=\"{backgroundImage: 'url(' + require('@/assets/services/grid/web-grid-tile.jpg') + ')'}\">\n            <div class=\"portfolio__info\">\n              <div class=\"portfolio__info-title\">\n                <p>Stand Out like Clement's Steed</p>\n              </div>\n              <div class=\"portfolio__info-subtitle\">\n                <p>Web Design Services</p>\n              </div>\n              <div class=\"portfolio__arrow\">\n                <svg id=\"icon-long-arrow\" viewBox=\"0 0 51 15\"><title>Arrow Right</title>\n                  <desc>Web Design Services</desc>\n                  <g transform=\"rotate(-90 29.23 -13.17)\">\n                    <path id=\"long-arrow-a\" fill-rule=\"evenodd\"\n                          d=\"M2.394 0c-.888 0-1.335 1.071-.711 1.703L7.838 7.93a1 1 0 0 0 1.423 0l6.155-6.228c.625-.632.177-1.703-.71-1.703H2.393z\"></path>\n                  </g>\n                  <g transform=\"translate(2 6)\">\n                    <path id=\"long-arrow-b\"\n                          d=\"M41.85 3a1.5 1.5 0 0 0 0-3v3zM0 0a1.5 1.5 0 0 0 0 3V0zm41.85 0H0v3h41.85V0z\"></path>\n                  </g>\n                </svg>\n              </div>\n            </div>\n          </div>\n          <div class=\"portfolio__block\" @click=\"$emit('changeRoute', {name: 'ServiceAppDevelopment'})\"\n               :style=\"{backgroundImage: 'url(' + require('@/assets/services/grid/app-services-grid-tile.jpg') + ')'}\">\n            <div class=\"portfolio__info\">\n              <div class=\"portfolio__info-title\">\n                <p>Apps Ap-plenty</p>\n              </div>\n              <div class=\"portfolio__info-subtitle\">\n                <p>Mobile App Designs & Development</p>\n              </div>\n              <div class=\"portfolio__arrow\">\n                <svg id=\"icon-long-arrow\" viewBox=\"0 0 51 15\"><title>Arrow Right</title>\n                  <desc>Mobile Apps</desc>\n                  <g transform=\"rotate(-90 29.23 -13.17)\">\n                    <path id=\"long-arrow-a\" fill-rule=\"evenodd\"\n                          d=\"M2.394 0c-.888 0-1.335 1.071-.711 1.703L7.838 7.93a1 1 0 0 0 1.423 0l6.155-6.228c.625-.632.177-1.703-.71-1.703H2.393z\"></path>\n                  </g>\n                  <g transform=\"translate(2 6)\">\n                    <path id=\"long-arrow-b\"\n                          d=\"M41.85 3a1.5 1.5 0 0 0 0-3v3zM0 0a1.5 1.5 0 0 0 0 3V0zm41.85 0H0v3h41.85V0z\"></path>\n                  </g>\n                </svg>\n              </div>\n            </div>\n          </div>\n\n        </div>\n        <div class=\"portfolio__line portfolio__line--once\">\n          <div class=\"portfolio__block\" @click=\"$emit('changeRoute', {name: 'ServiceDataMigration'})\"\n               :style=\"{backgroundImage: 'url(' + require('@/assets/services/grid/data-migration-grid-tile.jpg') + ')'}\">\n            <div class=\"portfolio__info\">\n              <div class=\"portfolio__info-title\">\n                <p>eCommerce Migration</p>\n              </div>\n              <div class=\"portfolio__info-subtitle\">\n                <p>Move Your Data!</p>\n              </div>\n              <div class=\"portfolio__arrow\">\n                <svg id=\"icon-long-arrow\" viewBox=\"0 0 51 15\"><title>Arrow Right</title>\n                  <desc>Data Migration</desc>\n                  <g transform=\"rotate(-90 29.23 -13.17)\">\n                    <path id=\"long-arrow-a\" fill-rule=\"evenodd\"\n                          d=\"M2.394 0c-.888 0-1.335 1.071-.711 1.703L7.838 7.93a1 1 0 0 0 1.423 0l6.155-6.228c.625-.632.177-1.703-.71-1.703H2.393z\"></path>\n                  </g>\n                  <g transform=\"translate(2 6)\">\n                    <path id=\"long-arrow-b\"\n                          d=\"M41.85 3a1.5 1.5 0 0 0 0-3v3zM0 0a1.5 1.5 0 0 0 0 3V0zm41.85 0H0v3h41.85V0z\"></path>\n                  </g>\n                </svg>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <!-- Contact Section-->\n    <div class=\"section contact\">\n      <div class=\"contact__container\">\n        <!-- <router-link to=\"/services\" class=\"contact__link\">-->\n        <div class=\"contact__link\" @click=\"$emit('changeRoute', {name: 'services'})\" :class=\"{fadeInDown: ($store.state.section == 3), fadeOutDown: ($store.state.section != 3)}\">\n          <div class=\"contact__arrow contact__arrow--back\">\n            <svg id=\"icon-long-arrow\" viewBox=\"0 0 51 15\"><title>Arrow Right</title>\n              <desc>Created using Figma</desc>\n              <g transform=\"rotate(-90 29.23 -13.17)\">\n                <path id=\"long-arrow-a\" fill-rule=\"evenodd\"\n                      d=\"M2.394 0c-.888 0-1.335 1.071-.711 1.703L7.838 7.93a1 1 0 0 0 1.423 0l6.155-6.228c.625-.632.177-1.703-.71-1.703H2.393z\"></path>\n              </g>\n              <g transform=\"translate(2 6)\">\n                <path id=\"long-arrow-b\"\n                      d=\"M41.85 3a1.5 1.5 0 0 0 0-3v3zM0 0a1.5 1.5 0 0 0 0 3V0zm41.85 0H0v3h41.85V0z\"></path>\n              </g>\n            </svg>\n          </div>\n          <div class=\"contact__title\">\n            <p>Back</p>\n          </div>\n        </div>\n        <!--</router-link>-->\n        <a href=\"#\" @click.prevent=\"$store.state.modalOpened = true\" class=\"contact__link\">\n          <div class=\"contact__title\">\n            <p>Get in Touch</p>\n          </div>\n          <div class=\"contact__arrow contact__arrow--next\">\n            <svg id=\"icon-long-arrow\" viewBox=\"0 0 51 15\"><title>Arrow Right</title>\n              <desc>Created using Figma</desc>\n              <g transform=\"rotate(-90 29.23 -13.17)\">\n                <path id=\"long-arrow-a\" fill-rule=\"evenodd\"\n                      d=\"M2.394 0c-.888 0-1.335 1.071-.711 1.703L7.838 7.93a1 1 0 0 0 1.423 0l6.155-6.228c.625-.632.177-1.703-.71-1.703H2.393z\"></path>\n              </g>\n              <g transform=\"translate(2 6)\">\n                <path id=\"long-arrow-b\"\n                      d=\"M41.85 3a1.5 1.5 0 0 0 0-3v3zM0 0a1.5 1.5 0 0 0 0 3V0zm41.85 0H0v3h41.85V0z\"></path>\n              </g>\n            </svg>\n          </div>\n        </a>\n\n      </div>\n    </div>\n\n    <Footer class=\"footerdm\"></Footer>\n  </div>\n</template>\n\n<script>\n  import {TimelineMax} from 'gsap';\n  import InView from 'in-view';\n\n  import Footer from '../components/footer';\n\n  export default {\n\n    data() {\n      return {\n        sectionState: 0,\n        scrollAnimation: false,\n        infoAnimation: null,\n        infoAnimation2: null,\n      }\n    },\n\n    components: {\n      Footer\n    },\n\n    metaInfo: {\n      title: 'Shopify Marketing, Advertising and SEO',\n      meta: [\n        {\n          //vmid: 'description',\n          name: 'description',\n          content:\n                  'All good stores need to be found. We can create a marketing plan to grow your Shopify store. SEO Optimization to ensure your store products and services rank higher than your competition. We can craft social, media and print campaigns to bring more visitors to you and increase sales.'\n        }\n      ]\n    },\n    watch: {\n      section() {\n        this.$store.state.serviceParticularFirstSlide = this.service == 0 ? true : false\n      }\n    },\n\n    methods: {\n      infoInView() {\n        // console.log(1);\n      },\n\n      mouseWheel(e) {\n        const {info, top} = this.$refs;\n        // Check run animation status\n\n        if (!this.scrollAnimation) {\n          e = e || window.event;\n          const delta = e.deltaY || e.detail || e.wheelDelta;\n          if (delta > 0) {\n            // If Section Top in viewport run scrollTo animation\n            if (this.sectionState === 0 && this.elementInViewport(top)) {\n              // Change animation status\n              this.scrollAnimation = true;\n              // Scroll to info block 1.5 second\n              this.$scrollTo(info, 1500, {\n                onDone: () => {\n                  this.scrollAnimation = false;\n                  // this.sectionState = 1;\n                  //console.log('done'); Nik\n                }\n              });\n            }\n          } else {\n            // console.log('up');\n          }\n          return false;\n        }\n\n      },\n\n      // Check element in viewport\n      elementInViewport(el) {\n        let rect = el.getBoundingClientRect();\n        let elemTop = rect.top;\n        let elemBottom = rect.bottom;\n\n        return (elemTop >= 0) && (elemBottom <= window.innerHeight);\n\n      },\n\n    },\n\n    computed: {\n      marketingStore() {\n        return this.$store.state.marketing\n      },\n\n      section() {\n        return this.$store.state.section\n      },\n    },\n\n    mounted() {\n      // Add class to BODY for controlling overflow and height\n      document.body.classList.add('body-data');\n      window.scrollTo(0, 0);\n\n      // if is Mobile we not add timeline animation for blocks images\n      if (!this.$root.isMobile) {\n        let images = document.querySelectorAll('.info__image img');\n\n        this.infoAnimation = new TimelineMax({paused:true});\n        this.infoAnimation\n                .set([images[0], images[1], images[2]], {autoAlpha: 0});\n        this.infoAnimation\n                .from(images[0], .8, {autoAlpha: 0, y: -500})\n                .from(images[1], .8, {autoAlpha: 0, y: 500}, \"-=.8\")\n                .from(images[2], .8, {autoAlpha: 0, y: -500}, \"-=.8\");\n\n        // this.infoAnimation.stop();\n\n        let images2 = document.querySelectorAll('.info__container--animation2 img');\n        this.infoAnimation2 = new TimelineMax({paused:true});\n        this.infoAnimation2\n                .set([images2[0], images2[1], images2[2]], {autoAlpha: 0});\n        this.infoAnimation2\n                .from(images2[0], .8, {autoAlpha: 0, y: -500})\n                .from(images2[1], .8, {autoAlpha: 0, y: 500}, \"-=.8\")\n                .from(images2[2], .8, {autoAlpha: 0, y: -500}, \"-=.8\");\n        // this.infoAnimation2.stop();\n\n\n        InView.offset(window.innerHeight / 2);\n        InView('.info__container--animation')\n                .once('enter', () => {\n                  //console.log(this);\n                  this.infoAnimation.play();\n                });\n        InView('.info__container--animation2')\n                .once('enter', () => {\n                  this.infoAnimation2.play();\n                });\n      }\n\n\n    },\n\n    beforeDestroy() {\n      // Remove BODY class for controlling overflow and height\n      document.body.classList.remove('body-data');\n    }\n  }\n</script>\n\n<style lang=\"sass\" scoped>\n\n  // Variables\n  $infoBackground: #15a9de\n\n  // Media\n  @mixin mobile()\n    @media (min-width: 320px) and (max-width: 480px)\n      @content\n\n  @mixin mobile-landscape()\n    @media (min-width: 481px) and (max-width: 768px)\n      @content\n\n  @mixin tablet()\n    @media (min-width: 768px) and (max-width: 1024px)\n      @content\n\n  @mixin tablet-landscape()\n    @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape)\n      @content\n\n  @mixin laptop()\n    @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape)\n      @content\n\n  // Styles\n  .btn\n    &:hover\n      span\n        color: #333 !important\n\n  .footerdm\n    background-color: $infoBackground !important\n\n    .ftop\n      .btn\n        &:hover\n          span\n            color: #333 !important\n\n  .top\n    background: $infoBackground\n    height: 100vh\n    //font-family: neue-kabel, sans-serif\n\n    p\n      margin: 0\n\n    &__container\n      display: flex\n      max-width: 1200px\n      width: 100%\n      margin: 0 auto\n      height: 100%\n      align-items: center\n      justify-content: space-between\n      padding: 25px\n      box-sizing: border-box\n\n    &__info\n      width: 400px\n      text-align: left\n\n    &__image\n      width: 800px\n\n      img\n        width: 100%\n\n    &__title\n\n      p\n        font-size: 60px\n        font-weight: 700\n\n    &__subtitle\n      margin-top: 15px\n\n      p\n        font-size: 26px\n        font-weight: 500\n\n    &__line\n      margin: 25px 0\n\n      svg\n        width: 150px\n\n    &__description\n\n      p\n        //font-family: goudy-old-style, serif\n        font-size: 1.4rem\n        line-height: 1.2\n        margin: 0\n\n  .info\n    background: $infoBackground\n    height: 100vh\n    //font-family: neue-kabel, sans-serif\n\n    &__container\n      display: flex\n      max-width: 1440px\n      width: 100%\n      margin: 0 auto\n      height: 100%\n      align-items: center\n      padding: 25px\n      box-sizing: border-box\n\n    &__line\n      display: flex\n      flex-flow: column wrap\n      width: calc(100% / 3)\n\n      &:nth-child(2)\n        .info__image\n          order: 1\n\n        .info__block\n          order: 2\n\n    &__block\n      min-height: 320px\n      display: flex\n      justify-content: center\n\n    &__block-text\n      max-width: 350px\n      width: 100%\n      padding: 25px\n      display: flex\n      flex-flow: column wrap\n      margin: auto\n      box-sizing: border-box\n\n    &__smtitle\n      margin-bottom: 15px\n\n      p\n        font-weight: bold\n        text-transform: uppercase\n        font-size: 16px\n        margin: 0\n\n    &__title\n\n      p\n        margin: 0\n        font-size: 40px\n\n    &__text\n      margin-top: 20px\n\n      p\n        //font-family: goudy-old-style, serif\n        font-size: 18px\n        margin: 0\n\n    &__image\n      max-width: 400px\n      min-height: 320px\n      width: 100%\n      display: flex\n      justify-content: center\n      align-items: center\n      margin: 0 auto\n      padding: 25px\n      box-sizing: border-box\n      overflow: hidden\n\n      img\n        width: 100%\n\n  .portfolio\n    height: 700px\n    width: 100%\n    background: #000\n\n    p\n      margin: 0\n\n    &__container\n      display: flex\n      height: 100%\n\n    &__line\n      width: 33.333%\n      height: 100%\n      display: flex\n      flex-flow: column wrap\n\n      &--once\n        .portfolio__block\n          height: 100%\n\n      &--double\n        .portfolio__block\n          height: 50%\n\n    &__block\n      background-size: cover\n      background-position: center center\n      background-repeat: no-repeat\n      display: flex\n      align-items: center\n      justify-content: center\n      height: 100%\n      position: relative\n\n      &:hover\n        &:after\n          opacity: 1\n\n        .portfolio__info\n          opacity: 1\n          transform: translateY(0)\n\n      &:after\n        content: ''\n        position: absolute\n        width: 100%\n        height: 100%\n        left: 0\n        top: 0\n        background: $infoBackground\n        opacity: 0\n        z-index: 1\n        transition: .2s ease-in-out opacity\n\n    &__info\n      position: relative\n      opacity: 0\n      z-index: 2\n      transform: translateY(25px)\n      transition: .35s ease-in-out transform, .35s ease-in-out opacity\n\n    &__info-title\n\n      p\n        //font-family: neue-kabel, sans-serif\n        font-size: 26px\n\n    &__info-subtitle\n\n      p\n        //font-family: goudy-old-style, serif\n        font-size: 18px\n\n    &__arrow\n      max-width: 40px\n      margin: 25px auto\n      position: relative\n      left: -5px\n      width: 100%\n      animation: arrowMoveNext .75s linear alternate-reverse infinite\n\n      svg path\n        fill: #fff\n\n  .contact\n    height: 300px\n    background: #000\n\n    &__container\n      display: flex\n      align-items: center\n      justify-content: center\n      height: 100%\n\n    &__link\n      display: flex\n      flex-flow: row nowrap\n      align-items: center\n      margin: 0 60px\n\n    &__arrow\n      width: 100px\n      transition: .25s ease-in-out transform\n\n      &--next\n        animation: arrowMoveNext .75s linear alternate-reverse infinite\n\n      &--back\n        transform: rotate(180deg)\n        animation: arrowMoveBack .75s linear alternate-reverse infinite\n\n      svg\n\n        path\n          fill: #f9b233\n\n    &__title\n      margin: 0 50px\n\n      p\n        //font-family: neue-kabel, sans-serif\n        font-size: 50px\n        font-weight: 900\n        white-space: nowrap\n\n  @keyframes arrowMoveBack\n    from\n      transform: rotate(180deg)\n    to\n      transform: rotate(180deg) translateX(20px)\n\n  @keyframes arrowMoveNext\n    from\n      transform: translateX(0)\n    to\n      transform: translateX(20px)\n\n  @include laptop\n    .info\n\n      &__image\n        height: auto\n        min-height: auto\n\n      &__block\n        min-height: auto\n\n      &__block-text\n        margin: 0\n        padding: 0\n        height: auto\n\n      &__smtitle\n        p\n          font-size: 14px\n\n      &__title\n        p\n          font-size: 24px\n\n      &__text\n        padding: 10px\n\n        p\n          font-size: 16px\n\n    .contact\n\n      &__title\n        margin: 0 10px\n\n      &__link\n        margin: 0 10px\n\n\n  @include mobile-landscape\n    .info\n\n      &__image\n        height: auto\n        min-height: auto\n\n      &__block\n        min-height: auto\n\n      &__block-text\n        margin: 0\n        padding: 0\n        height: auto\n\n      &__smtitle\n        p\n          font-size: 14px\n\n      &__title\n        p\n          font-size: 24px\n\n      &__text\n        padding: 10px\n\n        p\n          font-size: 16px\n\n    .top\n      height: auto\n\n      &__container\n        flex-flow: row wrap\n\n      &__info\n        width: 100%\n        order: 2\n\n      &__image\n        width: 100%\n        order: 1\n\n    .portfolio\n      height: 300px\n\n    .contact\n      padding: 25px 0\n      height: auto\n\n      &__title\n        margin: 0\n\n        p\n          font-size: 20px\n\n      &__arrow\n        width: 50px\n\n      &__link\n        margin: 0 10px\n\n  @include mobile\n\n    .info\n      height: auto\n\n      &__image\n        height: auto\n        min-height: auto\n\n      &__block\n        min-height: auto\n\n      &__block-text\n        margin: 0\n        padding: 0\n        height: auto\n\n      &__container\n        flex-flow: row wrap\n\n      &__smtitle\n        p\n          font-size: 14px\n\n      &__title\n        p\n          font-size: 24px\n\n      &__text\n        padding: 10px\n\n        p\n          font-size: 16px\n\n      &__line\n        width: 100%\n\n        &:nth-child(2n-1)\n          .info__image\n            order: 1\n\n          .info__block\n            order: 2\n\n    .top\n      height: auto\n\n      &__container\n        flex-flow: row wrap\n\n      &__info\n        width: 100%\n        order: 2\n\n      &__image\n        width: 100%\n        order: 1\n\n    .portfolio\n      height: auto\n\n      &__container\n        flex-flow: column wrap\n\n      &__line\n        width: 100%\n\n        &--once\n          .portfolio__block\n            height: 200px\n\n        &--double\n          .portfolio__block\n            height: 200px\n\n      &__block\n        height: 100px\n\n    .contact\n      padding: 25px 0\n      height: auto\n\n      &__title\n        margin: 0 5px\n\n        p\n          font-size: 20px\n\n      &__arrow\n        width: 25px\n        animation: none !important\n        height: 25px\n        display: flex\n        justify-content: center\n        align-items: center\n\n        svg\n          width: 100%\n\n      &__container\n        flex-flow:  column wrap\n\n      &__link\n        width: 100%\n        margin: 0 10px\n        display: flex\n        justify-content: center\n        align-items: center\n        margin: 0\n\n        &:nth-child(1)\n          order: 2\n\n        &:nth-child(2)\n          order: 1\n\n</style>\n\n<!--\n<template>\n  <div>\n    <div class=\"navbarServices\" :style=\"{backgroundColor: $store.state.services[4].backgroundColor}\"></div>\n    <transition name=\"serviceFadeUp\">\n      <div v-show=\"section === 0\" class=\"serviceParticularS1\" :style=\"{backgroundColor: $store.state.services[4].backgroundColor}\">\n        <img src=\"https://res.cloudinary.com/dsnrfqt9s/image/upload/v1575327443/clementlabs-web/marketing_hzatql.png\" alt=\"Shopify Marketing Icon\" class=\"serviceIcon\">\n        <h1>{{marketing.title}}</h1>\n        <img src=\"./../assets/downbtnDark.png\" class=\"downBtn\" @click=\"$store.state.section = 1\">\n      </div>\n    </transition>\n    <div class=\"container serviceParticular\" :style=\"{backgroundColor: $store.state.services[4].backgroundColor}\">\n      <div class=\"section\"></div>\n      <div class=\"mgFeatures section\">\n        <h1>{{marketing.title2}}</h1>\n        <div class=\"mgFeaturesContent makeColumns marketingModifier animated delay-1s\" :class=\"{fadeInUp: ($store.state.section == 1), fadeOutUp: ($store.state.section != 1)}\">\n          <div v-for=\"migrationFeature in marketing.features\" :key=\"migrationFeature\">\n            <h2>{{migrationFeature}}</h2>\n          </div>\n        </div>\n      </div>\n      <div class=\"section lastServicePartSection\">\n        <div class=\"tellusaboutyourprojectbtn\">\n          <div class=\"btn animated delay-1s\" @click=\"$store.state.modalOpened = true\" :class=\"{fadeInDown: ($store.state.section == 2), fadeOutDown: ($store.state.section != 2)}\">\n            <div></div>\n            <span>> {{$store.state.service.contactBtn}} ></span>\n          </div>\n          <p>{{$store.state.service.contactPar}}</p>\n        </div>\n          <div class=\"btn animated delay-1s\" style=\"position: relative; top: 100px\" @click=\"$emit('changeRoute', {name: 'services'})\" :class=\"{fadeInDown: ($store.state.section == 2), fadeOutDown: ($store.state.section != 2)}\">\n            <div></div>\n            <span>&lt; Back to services &lt;</span>\n          </div>\n        <footerComp class=\"footerServiceParticular footermarketing\"/>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"sass\" scoped>\n.marketingModifier\n    div\n        margin: 0 !important\n        h2\n            margin: 10px auto !important\n            @media (max-width: 1100px)\n              margin: 5px !important\n            font-size: 20px\n            width: 320px !important\n\n*\n  color: #333\n\n.btn\n  box-shadow: inset 0px 0px 0px 2px #333 !important\n  div\n    background-color: #333 !important\n  &:hover\n    span\n      color: #fff !important\n</style>\n\n<style lang=\"sass\">\n.footermarketing\n  background-color: #333 !important\n  .ftop\n    .btn\n      &:hover\n        span\n          color: #333 !important\n</style>\n\n<script>\nexport default {\n  //VueMeta\n  metaInfo: {\n    title: 'Shopify Marketing, Advertising and SEO',\n    meta: [\n      {\n        //vmid: 'description',\n        name: 'description',\n        content:\n                'All good stores need to be found. We can create a marketing plan to grow your Shopify store. SEO Optimization to ensure your store products and services rank higher than your competition. We can craft social, media and print campaigns to bring more visitors to you and increase sales.'\n      }\n    ]\n  },\n  computed: {\n    marketing() {\n      return this.$store.state.marketing\n    },\n    \n    section() {\n      return this.$store.state.section\n    },\n  },\n}\n</script>\n-->\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ServiceMarketing.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ServiceMarketing.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ServiceMarketing.vue?vue&type=template&id=5423f271&scoped=true&\"\nimport script from \"./ServiceMarketing.vue?vue&type=script&lang=js&\"\nexport * from \"./ServiceMarketing.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ServiceMarketing.vue?vue&type=style&index=0&id=5423f271&prod&lang=sass&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  \"5423f271\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/app-services-grid-tile.b473ea6d.jpg\";","/*!\n * in-view 0.6.1 - Get notified when a DOM element enters or exits the viewport.\n * Copyright (c) 2016 Cam Wiegert <cam@camwiegert.com> - https://camwiegert.github.io/in-view\n * License: MIT\n */\n!function(t,e){\"object\"==typeof exports&&\"object\"==typeof module?module.exports=e():\"function\"==typeof define&&define.amd?define([],e):\"object\"==typeof exports?exports.inView=e():t.inView=e()}(this,function(){return function(t){function e(r){if(n[r])return n[r].exports;var i=n[r]={exports:{},id:r,loaded:!1};return t[r].call(i.exports,i,i.exports,e),i.loaded=!0,i.exports}var n={};return e.m=t,e.c=n,e.p=\"\",e(0)}([function(t,e,n){\"use strict\";function r(t){return t&&t.__esModule?t:{\"default\":t}}var i=n(2),o=r(i);t.exports=o[\"default\"]},function(t,e){function n(t){var e=typeof t;return null!=t&&(\"object\"==e||\"function\"==e)}t.exports=n},function(t,e,n){\"use strict\";function r(t){return t&&t.__esModule?t:{\"default\":t}}Object.defineProperty(e,\"__esModule\",{value:!0});var i=n(9),o=r(i),u=n(3),f=r(u),s=n(4),c=function(){if(\"undefined\"!=typeof window){var t=100,e=[\"scroll\",\"resize\",\"load\"],n={history:[]},r={offset:{},threshold:0,test:s.inViewport},i=(0,o[\"default\"])(function(){n.history.forEach(function(t){n[t].check()})},t);e.forEach(function(t){return addEventListener(t,i)}),window.MutationObserver&&addEventListener(\"DOMContentLoaded\",function(){new MutationObserver(i).observe(document.body,{attributes:!0,childList:!0,subtree:!0})});var u=function(t){if(\"string\"==typeof t){var e=[].slice.call(document.querySelectorAll(t));return n.history.indexOf(t)>-1?n[t].elements=e:(n[t]=(0,f[\"default\"])(e,r),n.history.push(t)),n[t]}};return u.offset=function(t){if(void 0===t)return r.offset;var e=function(t){return\"number\"==typeof t};return[\"top\",\"right\",\"bottom\",\"left\"].forEach(e(t)?function(e){return r.offset[e]=t}:function(n){return e(t[n])?r.offset[n]=t[n]:null}),r.offset},u.threshold=function(t){return\"number\"==typeof t&&t>=0&&t<=1?r.threshold=t:r.threshold},u.test=function(t){return\"function\"==typeof t?r.test=t:r.test},u.is=function(t){return r.test(t,r)},u.offset(0),u}};e[\"default\"]=c()},function(t,e){\"use strict\";function n(t,e){if(!(t instanceof e))throw new TypeError(\"Cannot call a class as a function\")}Object.defineProperty(e,\"__esModule\",{value:!0});var r=function(){function t(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,\"value\"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}return function(e,n,r){return n&&t(e.prototype,n),r&&t(e,r),e}}(),i=function(){function t(e,r){n(this,t),this.options=r,this.elements=e,this.current=[],this.handlers={enter:[],exit:[]},this.singles={enter:[],exit:[]}}return r(t,[{key:\"check\",value:function(){var t=this;return this.elements.forEach(function(e){var n=t.options.test(e,t.options),r=t.current.indexOf(e),i=r>-1,o=n&&!i,u=!n&&i;o&&(t.current.push(e),t.emit(\"enter\",e)),u&&(t.current.splice(r,1),t.emit(\"exit\",e))}),this}},{key:\"on\",value:function(t,e){return this.handlers[t].push(e),this}},{key:\"once\",value:function(t,e){return this.singles[t].unshift(e),this}},{key:\"emit\",value:function(t,e){for(;this.singles[t].length;)this.singles[t].pop()(e);for(var n=this.handlers[t].length;--n>-1;)this.handlers[t][n](e);return this}}]),t}();e[\"default\"]=function(t,e){return new i(t,e)}},function(t,e){\"use strict\";function n(t,e){var n=t.getBoundingClientRect(),r=n.top,i=n.right,o=n.bottom,u=n.left,f=n.width,s=n.height,c={t:o,r:window.innerWidth-u,b:window.innerHeight-r,l:i},a={x:e.threshold*f,y:e.threshold*s};return c.t>e.offset.top+a.y&&c.r>e.offset.right+a.x&&c.b>e.offset.bottom+a.y&&c.l>e.offset.left+a.x}Object.defineProperty(e,\"__esModule\",{value:!0}),e.inViewport=n},function(t,e){(function(e){var n=\"object\"==typeof e&&e&&e.Object===Object&&e;t.exports=n}).call(e,function(){return this}())},function(t,e,n){var r=n(5),i=\"object\"==typeof self&&self&&self.Object===Object&&self,o=r||i||Function(\"return this\")();t.exports=o},function(t,e,n){function r(t,e,n){function r(e){var n=x,r=m;return x=m=void 0,E=e,w=t.apply(r,n)}function a(t){return E=t,j=setTimeout(h,e),M?r(t):w}function l(t){var n=t-O,r=t-E,i=e-n;return _?c(i,g-r):i}function d(t){var n=t-O,r=t-E;return void 0===O||n>=e||n<0||_&&r>=g}function h(){var t=o();return d(t)?p(t):void(j=setTimeout(h,l(t)))}function p(t){return j=void 0,T&&x?r(t):(x=m=void 0,w)}function v(){void 0!==j&&clearTimeout(j),E=0,x=O=m=j=void 0}function y(){return void 0===j?w:p(o())}function b(){var t=o(),n=d(t);if(x=arguments,m=this,O=t,n){if(void 0===j)return a(O);if(_)return j=setTimeout(h,e),r(O)}return void 0===j&&(j=setTimeout(h,e)),w}var x,m,g,w,j,O,E=0,M=!1,_=!1,T=!0;if(\"function\"!=typeof t)throw new TypeError(f);return e=u(e)||0,i(n)&&(M=!!n.leading,_=\"maxWait\"in n,g=_?s(u(n.maxWait)||0,e):g,T=\"trailing\"in n?!!n.trailing:T),b.cancel=v,b.flush=y,b}var i=n(1),o=n(8),u=n(10),f=\"Expected a function\",s=Math.max,c=Math.min;t.exports=r},function(t,e,n){var r=n(6),i=function(){return r.Date.now()};t.exports=i},function(t,e,n){function r(t,e,n){var r=!0,f=!0;if(\"function\"!=typeof t)throw new TypeError(u);return o(n)&&(r=\"leading\"in n?!!n.leading:r,f=\"trailing\"in n?!!n.trailing:f),i(t,e,{leading:r,maxWait:e,trailing:f})}var i=n(7),o=n(1),u=\"Expected a function\";t.exports=r},function(t,e){function n(t){return t}t.exports=n}])});","module.exports = __webpack_public_path__ + \"img/marketing-anim.69aea4fd.gif\";","module.exports = __webpack_public_path__ + \"img/data-migration-grid-tile.e7629622.jpg\";","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ServiceMarketing.vue?vue&type=style&index=0&id=5423f271&prod&lang=sass&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/web-grid-tile.7fdf8ace.jpg\";"],"sourceRoot":""}