{"version":3,"sources":["webpack:///./src/assets/services/grid/marketing-grid-tile.jpg","webpack:///./src/assets/services/grid/retail-onboarding-grid-tile.jpg","webpack:///./src/views/ServiceAppDevelopment.vue","webpack:///src/views/ServiceAppDevelopment.vue","webpack:///./src/views/ServiceAppDevelopment.vue?99ad","webpack:///./src/views/ServiceAppDevelopment.vue?6f44","webpack:///./node_modules/in-view/dist/in-view.min.js","webpack:///./src/assets/services/grid/data-migration-grid-tile.jpg","webpack:///./src/views/ServiceAppDevelopment.vue?e783","webpack:///./src/assets/services/grid/web-grid-tile.jpg","webpack:///./src/assets/top/social-service.gif"],"names":["module","exports","render","_vm","this","_c","_self","on","mouseWheel","ref","staticClass","_m","attrs","$event","preventDefault","scrollTo","apply","arguments","_l","appDevelopment","info","block","index","key","_v","_s","smtitle","title","text","image","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-41a4e08b.139392a2.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/marketing-grid-tile.6a397430.jpg\";","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.appDevelopment.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 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/data-migration-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(\"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:\"portfolio__line portfolio__line--once\"},[_c('div',{staticClass:\"portfolio__block\",style:({backgroundImage: 'url(' + require('@/assets/services/grid/marketing-grid-tile.jpg') + ')'}),on:{\"click\":function($event){return _vm.$emit('changeRoute', {name: 'ServiceMarketing'})}}},[_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(\"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('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(\"Back to 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\"}})])])]),_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(\"Get in Touch\")]),_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(\"Apps\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"top__subtitle\"},[_c('p',[_vm._v(\"Fish 'em out\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"top__description\"},[_c('p',[_vm._v(\"App fishing is a sport Clement championed at an early age. Having conquered the Straits of Gibraltar and Great Lakes we believe we're equipped to bring your next App Fishing Expedition to fruition. Whether you're after a custom Shopify Private or Public App, Google Android or Apple iOS we can help you reel in the biggest and juiciest ones. \")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"top__image\"},[_c('img',{attrs:{\"src\":require(\"@/assets/top/social-service.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(\"Data 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:\"portfolio__info-title\"},[_c('p',[_vm._v(\"Where are you?\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"portfolio__info-subtitle\"},[_c('p',[_vm._v(\"Marketing, Ads, SEO. All the things!\")])])\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>Apps</p>\n          </div>\n          <div class=\"top__subtitle\">\n            <p>Fish 'em out</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>App fishing is a sport Clement championed at an early age. Having\n            conquered the Straits of Gibraltar and Great Lakes we believe we're equipped to bring your next\n              App Fishing Expedition to fruition. Whether you're after a custom Shopify Private or Public App, Google\n              Android or Apple\n              iOS we can help you reel in the biggest and juiciest ones. </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/social-service.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 appDevelopment.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&#45;&#45;animation2\">\n        <div v-for=\"(block, index) in appDevelopment.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/data-migration-grid-tile.jpg') + ')'}\">\n            <div class=\"portfolio__info\">\n              <div class=\"portfolio__info-title\">\n                <p>Data 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\n        </div>\n        <div class=\"portfolio__line portfolio__line--once\">\n          <div class=\"portfolio__block\" @click=\"$emit('changeRoute', {name: 'ServiceMarketing'})\"\n               :style=\"{backgroundImage: 'url(' + require('@/assets/services/grid/marketing-grid-tile.jpg') + ')'}\">\n            <div class=\"portfolio__info\">\n              <div class=\"portfolio__info-title\">\n                <p>Where are you?</p>\n              </div>\n              <div class=\"portfolio__info-subtitle\">\n                <p>Marketing, Ads, SEO. All the things!</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>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>\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>Back to 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 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>Get in Touch</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    //VueMeta\n    metaInfo: {\n      title: 'Mobile Apps & Integrations',\n      meta: [\n        {\n          //vmid: 'description',\n          name: 'description',\n          content:\n                  'We are experienced in building public and private Android, iOS & Shopify Apps large and small. We can help build custom integrations for your Shopify or other eCommerce store with your back office including ERP, CRM, warehousing, shipping, fulfillment or any other system. From large scale enterprise apps to small playful ones we do it all with a smile.'\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      appDevelopment() {\n        return this.$store.state.appDevelopment\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/*\n        let images2 = document.querySelectorAll('.info__container--animation2 img');\n        this.infoAnimation2 = new TimelineMax();\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\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: #0171bb\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: goudy-old-style, serif\n    //-webkit-font-smoothing: antialiased\n    //-moz-osx-font-smoothing: grayscale\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: 400px\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<!--<template>\n  <div>\n    <div class=\"navbarServices\" :style=\"{backgroundColor: $store.state.services[3].backgroundColor}\"></div>\n    <transition name=\"serviceFadeUp\">\n      <div v-show=\"section === 0\" class=\"serviceParticularS1\" :style=\"{backgroundColor: $store.state.services[3].backgroundColor}\">\n        <img src=\"https://res.cloudinary.com/dsnrfqt9s/image/upload/v1575327444/clementlabs-web/webappBg_slitml.png\" alt=\"Shopify Web App Icon\" class=\"serviceIcon\">\n        <h1>{{appDevelopment.title}}</h1>\n        <img src=\"https://ik.imagekit.io/nnol5se8mol/tr:h-50,w-50/downbtn_LWLlPOQ9nq.png\" alt=\"\" class=\"downBtn\" @click=\"$store.state.section = 1\">\n      </div>\n    </transition>\n    <div class=\"container serviceParticular\" :style=\"{backgroundColor: $store.state.services[3].backgroundColor}\">\n      <div class=\"section\"></div>\n      <div class=\"section serviceParticularS2\">\n        <h1>{{appDevelopment.title1}}</h1>\n        <div class=\"animated delay-1s\" :class=\"{fadeInUp: ($store.state.section == 1), fadeOutDown: ($store.state.section != 1)}\">\n          <span v-for=\"subtitle in appDevelopment.subtitles\" :key=\"subtitle\">{{subtitle}}</span>\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 footerapp\"/>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  //VueMeta\n  metaInfo: {\n    title: 'Shopify Apps & Integrations',\n    meta: [\n      {\n        //vmid: 'description',\n        name: 'description',\n        content:\n                'We are experienced in building public and private Shopify Apps large and small. We can help build custom integrations for your Shopify store with your back office including ERP, CRM, warehousing, shipping, fulfillment or any other system. From large scale enterprise apps to small store popups we do it all with a smile.'\n      }\n    ]\n  },\n  watch: {\n    section() {\n     this.$store.state.serviceParticularFirstSlide = this.service == 0 ? true : false\n    }\n  },\n\n  computed: {\n    appDevelopment() {\n      return this.$store.state.appDevelopment\n    },\n\n    section() {\n      return this.$store.state.section\n    },\n  },\n}\n</script>\n\n<style lang=\"sass\" scoped>\n.btn\n  &:hover\n    span\n      color: #333 !important\n\n</style>\n\n<style lang=\"sass\">\n.footerapp\n  background-color: transparent !important\n  .ftop\n    .btn\n      &:hover\n        span\n          color: #333 !important\n</style>-->","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!./ServiceAppDevelopment.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!./ServiceAppDevelopment.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ServiceAppDevelopment.vue?vue&type=template&id=937a7326&scoped=true&\"\nimport script from \"./ServiceAppDevelopment.vue?vue&type=script&lang=js&\"\nexport * from \"./ServiceAppDevelopment.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ServiceAppDevelopment.vue?vue&type=style&index=0&id=937a7326&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  \"937a7326\",\n  null\n  \n)\n\nexport default component.exports","/*!\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/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!./ServiceAppDevelopment.vue?vue&type=style&index=0&id=937a7326&prod&lang=sass&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/web-grid-tile.7fdf8ace.jpg\";","module.exports = __webpack_public_path__ + \"img/social-service.b824e96d.gif\";"],"sourceRoot":""}