(window.webpackJsonp=window.webpackJsonp||[]).push([[3],{245:function(e,t,n){var content=n(252);content.__esModule&&(content=content.default),"string"==typeof content&&(content=[[e.i,content,""]]),content.locals&&(e.exports=content.locals);(0,n(40).default)("b6be43da",content,!0,{sourceMap:!1})},248:function(e,t,n){var content=n(260);content.__esModule&&(content=content.default),"string"==typeof content&&(content=[[e.i,content,""]]),content.locals&&(e.exports=content.locals);(0,n(40).default)("79a4a3c3",content,!0,{sourceMap:!1})},249:function(e,t,n){var content=n(262);content.__esModule&&(content=content.default),"string"==typeof content&&(content=[[e.i,content,""]]),content.locals&&(e.exports=content.locals);(0,n(40).default)("7b2dd2e2",content,!0,{sourceMap:!1})},250:function(e,t,n){var content=n(265);content.__esModule&&(content=content.default),"string"==typeof content&&(content=[[e.i,content,""]]),content.locals&&(e.exports=content.locals);(0,n(40).default)("5b1aa63c",content,!0,{sourceMap:!1})},251:function(e,t,n){"use strict";n(245)},252:function(e,t,n){var o=n(39)(!1);o.push([e.i,".jumbotron[data-v-4954e1b9]{position:relative;overflow:hidden;background-color:#000;margin-bottom:0}.jumbotron video[data-v-4954e1b9]{position:absolute;z-index:1;top:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:.3}.jumbotron .container[data-v-4954e1b9]{z-index:2;position:relative}.row[data-v-4954e1b9]{min-height:60vh}@media only screen and (max-width:575px){h1[data-v-4954e1b9]{font-size:4.5rem}}",""]),e.exports=o},259:function(e,t,n){"use strict";n(248)},260:function(e,t,n){var o=n(39)(!1);o.push([e.i,".scrolling-particles-container[data-v-9e1103bc]{width:100%;height:100%}.scrolling-particles-container canvas[data-v-9e1103bc]{width:100%;height:100%;position:absolute}.scrolling-particles-section[data-v-9e1103bc]{min-height:500px}",""]),e.exports=o},261:function(e,t,n){"use strict";n(249)},262:function(e,t,n){var o=n(39)(!1);o.push([e.i,".img[data-v-070c6734]{display:none}",""]),e.exports=o},264:function(e,t,n){"use strict";n(250)},265:function(e,t,n){var o=n(39)(!1);o.push([e.i,".contact-container{background-color:#000;color:#fff;min-height:300px}.contact-header{margin-top:75px}.submit-button{width:100%;border:none;margin-top:2rem;height:50px}.close-button,.submit-button,.submit-button:hover{background:#00a5a5}.close-button{width:100%;height:50px;color:#fff;display:inline-block;border-radius:.25rem;text-transform:uppercase;text-align:center;vertical-align:middle;border:none;font-size:14px;font-weight:500;letter-spacing:2px;margin-top:1rem}.close-button:hover{color:#fff}.contact-form .form-control{border-radius:0}.contact-form .form-control:focus{box-shadow:none}.contact-form .form-group label{font-size:11px;color:#a1a2a3;pointer-events:none;position:relative;z-index:5;margin:0;transition:transform .3s;transform-origin:0 0;transform:scale(1.5) translateY(10px);top:10px;max-width:0}.contact-form .form-group.not-empty label{color:#00a5a5;transform:none}.contact-form .form-control{padding:0;border:0;border-bottom:2px solid #a1a2a3;position:relative;z-index:2}.contact-form .form-control,.contact-form .form-control:focus,.contact-form .form-control:focus:hover{color:#00a5a5;background:none;outline:none}.contact-form .form-control:focus,.contact-form .form-control:focus:hover{border-bottom:2px solid transparent}.contact-form textarea{margin-top:5px}.underline-box{background:#00e664;background:linear-gradient(90deg,#00e664,#0064e6);height:2px;top:-2px;position:relative;z-index:1}.face-container{margin-top:75px;perspective:1000px;display:inline-block}@media only screen and (max-width:575px){.face-container{margin-top:33px}}.face{transform-style:preserve-3d;transition:.75s;position:absolute;z-index:999}.face:hover{transform:rotateY(25deg)}.face:hover.flipped{transform:rotateY(0deg)}.face__content{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;top:0;left:0;box-shadow:10px 10px 34px -3px rgba(0,0,0,.5);transition:.75s;transform-origin:center}.face__content--front{background:#00e664;background:linear-gradient(90deg,#00e664,#0064e6);color:#fff;display:inline-block;border-radius:.25rem;text-transform:uppercase;text-align:center;vertical-align:middle;border:none;font-size:14px;font-weight:500;letter-spacing:2px;z-index:2;transform:rotateY(0deg);position:relative;width:175px;height:50px}.face__content--front:hover{color:#fff}.face__content--back{transform:rotateY(-180deg);background:#fff;border:1px solid rgba(0,0,0,.125);border-radius:.25rem;overflow:hidden;height:0;width:0}.face.flipped .face__content--front{transform:rotateY(180deg)}.face.flipped .face__content--back{transform:rotateY(0deg)}.face__content--body{padding:3rem}",""]),e.exports=o},266:function(e,t,n){"use strict";n.r(t);var o={name:"videoHero",mounted:function(){}},r=(n(251),n(28)),l=Object(r.a)(o,(function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"jumbotron jumbotron-fluid",attrs:{id:"video-hero"}},[n("video",{attrs:{autoplay:"",muted:"",loop:"",playsInline:"",poster:"/images/video-screenshot.png"},domProps:{muted:!0}},[n("source",{attrs:{src:"/videos/Iphone - 736.mp4","data-src":"/videos/Iphone - 736.mp4",type:"video/mp4"}})]),e._v(" "),n("b-container",{staticClass:"text-white"},[n("b-row",{attrs:{"align-v":"center","align-h":"center"}},[n("div",[n("h1",{staticClass:"display-2 text-center",staticStyle:{"line-height":"1.5"}},[n("strong",[e._v("\n            We Build Quality\n            "),n("br"),e._v("\n            Custom Web Applications\n          ")])])])])],1)],1)}),[],!1,null,"4954e1b9",null).exports;function c(e,t){var n=t.fov*Math.PI/180;return 2*Math.tan(n/2)*Math.abs(e)}var f=n(244);n(253),n(8);var d=n(101),h=(n(255),{vertexShader:function(){return"\n            varying float vOpacity;\n            varying vec3 vUv;\n            varying vec2 vUv2;\n            attribute float spherePosX;\n            attribute float spherePosY;\n            attribute float spherePosZ;\n\n            attribute float sphereColourR;\n            attribute float sphereColourG;\n            attribute float sphereColourB;\n            varying float fsphereColourR;\n            varying float fsphereColourG;\n            varying float fsphereColourB;\n            uniform float delta;\n\n            attribute float deltaOffset;\n\n            attribute float deltaOffsetX;\n            attribute float deltaOffsetY;\n            varying float fdeltaOffsetX;\n            varying float fdeltaOffsetY;\n            \n            attribute float positionOffsetX;\n            attribute float positionOffsetY;\n            attribute float positionOffsetZ;\n\n            varying float fdeltaOffset;\n\n            float cubicInOut(float t) {\n              return t < 0.5\n                ? 4.0 * t * t * t\n                : 0.5 * pow(2.0 * t - 2.0, 3.0) + 1.0;\n            }\n\n            float exponentialIn(float t) {\n              return t == 0.0 ? t : pow(2.0, 10.0 * (t - 1.0));\n            }\n\n            float quarticOut(float t) {\n              return pow(t - 1.0, 3.0) * (1.0 - t) + 1.0;\n            }\n\n            float getOffsetTime(float t){\n\n              float offsetTime = t + deltaOffset;\n\n              if (offsetTime > 1.0){\n                offsetTime = 1.0 - mod(offsetTime, 1.0);\n              }\n              else if (offsetTime < 0.0){\n                offsetTime = mod(offsetTime, 1.0);\n              }\n\n              return offsetTime;\n            }\n\n            vec3 cubicBezier(vec3 p0, vec3 c0, vec3 c1, vec3 p1, float t) {\n                float tn = 1.0 - t;\n                return tn * tn * tn * p0 + 3.0 * tn * tn * t * c0 + 3.0 * tn * t * t * c1 + t * t * t * p1;\n            }\n\n            vec2 cubicBezier(vec2 p0, vec2 c0, vec2 c1, vec2 p1, float t) {\n                float tn = 1.0 - t;\n                return tn * tn * tn * p0 + 3.0 * tn * tn * t * c0 + 3.0 * tn * t * t * c1 + t * t * t * p1;\n            }\n\n\n            void main() {\n              fsphereColourR = sphereColourR;\n              fsphereColourG = sphereColourG;\n              fsphereColourB = sphereColourB;\n\n              fdeltaOffset = deltaOffset;\n\n\n              vUv = position;\n              vUv2 = uv;\n              vOpacity = 1.0;\n\n              vec3 p = position;\n\n\n              fdeltaOffsetX = deltaOffsetX;\n              fdeltaOffsetY = deltaOffsetY;\n              float tProgress = clamp(delta - deltaOffsetX, 0.0, deltaOffsetY) / deltaOffsetY;\n\n              float easedDelta = cubicInOut(tProgress);\n\n              p.x = mix(p.x + positionOffsetX , spherePosX, tProgress);\n              p.y = mix(p.y + positionOffsetY, spherePosY, tProgress);\n              p.z = mix(p.z, spherePosZ, tProgress);\n\n              vec4 modelViewPosition = modelViewMatrix * vec4(p, 1.0);\n\n              gl_PointSize = 1.0;\n              gl_Position = projectionMatrix * modelViewPosition;\n            }\n          "},fragmentShader:function(){return"\n              uniform float delta;\n              varying vec3 vUv;\n              varying float vOpacity;\n\n              uniform int textureIndex;\n              uniform sampler2D texture0;\n              uniform sampler2D texture1;\n              uniform sampler2D texture2;\n\n              varying vec2 vUv2;\n              varying float fsphereColourR;\n              varying float fsphereColourG;\n              varying float fsphereColourB;\n              varying float fdeltaOffset;\n\n              varying float fdeltaOffsetX;\n              varying float fdeltaOffsetY;\n\n              float getOffsetTime(float t){\n\n                float offsetTime = t + fdeltaOffset;\n\n                if (offsetTime > 1.0){\n                  offsetTime = 1.0 - mod(offsetTime, 1.0);\n                }\n                else if (offsetTime < 0.0){\n                  offsetTime = mod(offsetTime, 1.0);\n                }\n\n                return offsetTime;\n              }\n\n\n              void main() {\n                vec4 color = vec4(fsphereColourR, fsphereColourG, fsphereColourB, 1.0);\n\n                float tProgress = clamp(delta - fdeltaOffsetX, 0.0, fdeltaOffsetY) / fdeltaOffsetY;\n\n                if(textureIndex == 0){\n                   gl_FragColor = mix(texture2D(texture0, vUv2), color, tProgress);\n                } else if (textureIndex == 1){\n                   gl_FragColor = mix(texture2D(texture1, vUv2), color, tProgress);\n                } else if (textureIndex == 2){\n                   gl_FragColor = mix(texture2D(texture2, vUv2), color, tProgress);\n                }\n\n            }\n          "},initShaderAttributes:function(e){var t=3*e.geometry.vertexCount;e.attributes.deltaOffsetX=new Float32Array(t),e.attributes.deltaOffsetY=new Float32Array(t),e.attributes.spherePosX=new Float32Array(t),e.attributes.spherePosY=new Float32Array(t),e.attributes.spherePosZ=new Float32Array(t),e.attributes.sphereColourR=new Float32Array(t),e.attributes.sphereColourG=new Float32Array(t),e.attributes.sphereColourB=new Float32Array(t),e.attributes.positionOffsetX=new Float32Array(t),e.attributes.positionOffsetY=new Float32Array(t),e.attributes.positionOffsetZ=new Float32Array(t),e.geometry.addAttribute("deltaOffsetX",new THREE.BufferAttribute(e.attributes.deltaOffsetX,1)),e.geometry.addAttribute("deltaOffsetY",new THREE.BufferAttribute(e.attributes.deltaOffsetY,1)),e.geometry.addAttribute("spherePosX",new THREE.BufferAttribute(e.attributes.spherePosX,1)),e.geometry.addAttribute("spherePosY",new THREE.BufferAttribute(e.attributes.spherePosY,1)),e.geometry.addAttribute("spherePosZ",new THREE.BufferAttribute(e.attributes.spherePosZ,1)),e.geometry.addAttribute("sphereColourR",new THREE.BufferAttribute(e.attributes.sphereColourR,1)),e.geometry.addAttribute("sphereColourG",new THREE.BufferAttribute(e.attributes.sphereColourG,1)),e.geometry.addAttribute("sphereColourB",new THREE.BufferAttribute(e.attributes.sphereColourB,1)),e.geometry.addAttribute("positionOffsetX",new THREE.BufferAttribute(e.attributes.positionOffsetX,1)),e.geometry.addAttribute("positionOffsetY",new THREE.BufferAttribute(e.attributes.positionOffsetY,1)),e.geometry.addAttribute("positionOffsetZ",new THREE.BufferAttribute(e.attributes.positionOffsetZ,1))},updatePositionOffsetAttribute:function(e){for(var i=0;i<3*e.geometry.vertexCount;i++)e.attributes.positionOffsetX[i]=e.scaledPosition.x/e.scaledFactor,e.attributes.positionOffsetY[i]=e.scaledPosition.y/e.scaledFactor,e.attributes.positionOffsetZ[i]=e.scaledPosition.z;e.geometry.attributes.positionOffsetX.needsUpdate=!0,e.geometry.attributes.positionOffsetY.needsUpdate=!0,e.geometry.attributes.positionOffsetZ.needsUpdate=!0},shaderConfig:{sphereRadius:1e3,particleSizeVariance:10,timingVariance:0,gradientFactorMax:0,color1:"#0064e6",color2:"#00e664"},setShaderConfig:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.shaderConfig.sphereRadius=e.sphereRadius||this.shaderConfig.sphereRadius,this.shaderConfig.particleSizeVariance=e.particleSizeVariance||this.shaderConfig.particleSizeVariance,this.shaderConfig.timingVariance=e.timingVariance||this.shaderConfig.timingVariance,this.shaderConfig.gradientFactorMax=e.gradientFactorMax||this.shaderConfig.gradientFactorMax,this.shaderConfig.color1=e.color1||this.shaderConfig.color1,this.shaderConfig.color2=e.color2||this.shaderConfig.color2},generateShaderAttributes:function(e){for(var t=this.shaderConfig.sphereRadius,n=this.shaderConfig.particleSizeVariance,o=this.shaderConfig.timingVariance,r=this.shaderConfig.gradientFactorMax,l=this.shaderConfig.color1,c=this.shaderConfig.color2,i=0;i<e.geometry.vertexCount;i+=3){var f=THREE.Math.mapLinear(e.geometry.centroids[i/3].x,.5*-e.planeParams.width,.5*e.planeParams.width,0,r);e.attributes.deltaOffsetX[i]=Math.random()*o+f,e.attributes.deltaOffsetX[i+1]=e.attributes.deltaOffsetX[i],e.attributes.deltaOffsetX[i+2]=e.attributes.deltaOffsetX[i],e.attributes.deltaOffsetY[i]=1-(Math.random()*o+f),e.attributes.deltaOffsetY[i+1]=e.attributes.deltaOffsetY[i],e.attributes.deltaOffsetY[i+2]=e.attributes.deltaOffsetY[i];var d=this.getRandomPointOnSphere(t);e.attributes.spherePosX[i]=d.x+Math.random()*n/e.scaledFactor,e.attributes.spherePosY[i]=d.y+Math.random()*n/e.scaledFactor,e.attributes.spherePosZ[i]=d.z+Math.random()*n/e.scaledFactor,e.attributes.spherePosX[i+1]=d.x+Math.random()*n/e.scaledFactor,e.attributes.spherePosY[i+1]=d.y+Math.random()*n/e.scaledFactor,e.attributes.spherePosZ[i+1]=d.z+Math.random()*n/e.scaledFactor,e.attributes.spherePosX[i+2]=d.x+Math.random()*n/e.scaledFactor,e.attributes.spherePosY[i+2]=d.y+Math.random()*n/e.scaledFactor,e.attributes.spherePosZ[i+2]=d.z+Math.random()*n/e.scaledFactor;var h=new THREE.Color(l).lerp(new THREE.Color(c),i/e.geometry.vertexCount);e.attributes.sphereColourR[i]=h.r,e.attributes.sphereColourG[i]=h.g,e.attributes.sphereColourB[i]=h.b,e.attributes.sphereColourR[i+1]=h.r,e.attributes.sphereColourG[i+1]=h.g,e.attributes.sphereColourB[i+1]=h.b,e.attributes.sphereColourR[i+2]=h.r,e.attributes.sphereColourG[i+2]=h.g,e.attributes.sphereColourB[i+2]=h.b}e.geometry.attributes.deltaOffsetX.needsUpdate=!0,e.geometry.attributes.deltaOffsetY.needsUpdate=!0,e.geometry.attributes.spherePosX.needsUpdate=!0,e.geometry.attributes.spherePosY.needsUpdate=!0,e.geometry.attributes.spherePosZ.needsUpdate=!0,e.geometry.attributes.sphereColourR.needsUpdate=!0,e.geometry.attributes.sphereColourG.needsUpdate=!0,e.geometry.attributes.sphereColourB.needsUpdate=!0},getRandomPointOnSphere:function(e){for(var t=!1;!t;){var n={x:-e+Math.random()*e*2,y:-e+Math.random()*e*2,z:-e+Math.random()*e*2};Math.sqrt(n.x*n.x+n.y*n.y+n.z*n.z)<e&&(t=!0)}return n}}),m=h,v={name:"scrollingParticlesThree",head:function(){return{script:[{src:"https://cdnjs.cloudflare.com/ajax/libs/three.js/109/three.min.js"},{src:"https://cdnjs.cloudflare.com/ajax/libs/gsap/1.20.3/TweenMax.min.js"},{src:"https://s3-us-west-2.amazonaws.com/s.cdpn.io/605067/OrbitControls.js"},{src:"https://s3-us-west-2.amazonaws.com/s.cdpn.io/605067/GeometryUtils.js"},{src:" https://cdn.jsdelivr.net/npm/@hughsk/fulltilt@0.7.1/dist/fulltilt.min.js"}]}},data:function(){return{renderer:null,container:null,camera:null,scene:null,cameraZ:100,controls:null,screenDepth:null,widthAtScreenDepth:null,heightAtScreenDepth:null,cameraMoveFactor:1100,animation:null,locations:null,picIndex:1,plane:null,uniforms:null,attributes:{},vertexDisplacement:null,scrollTracker:{},geometry:null,planeParams:{width:500,height:500,widthSegments:30,heightSegments:30},particleSectionElements:null,targetParticleSection:null,scaledPosition:null,scaledFactor:null,explodeAnimationDuration:1,materializeAnimationDuration:1,devicePixelRatio:null,pause3dRendering:!1,cameraTween:null,initialOrientation:null}},methods:{init:function(){this.initWorld(),this.initPlane(),this.initShaders(),this.scene.add(this.plane),this.explodeImage(0,Circ.easeInOut),this.tryImageMaterialize()},initPlane:function(){this.plane=new THREE.Mesh(this.initGeometry(),this.initMaterial()),this.targetParticleSection=this.particleSectionElements[0],this.alignPlaneToDocument()},alignPlaneToDocument:function(e){this.scaledPosition=this.getElCenter(this.targetParticleSection),e=e||0,TweenMax.to(this.plane.position,e,{z:this.scaledPosition.z}),this.scaledFactor=this.targetParticleSection.offsetWidth/this.planeParams.width,TweenMax.to(this.plane.scale,e,{x:this.scaledFactor,y:this.scaledFactor})},initShaders:function(){m.initShaderAttributes(this);var e=Math.sqrt(Math.pow(this.container.offsetWidth,2)+Math.pow(this.container.offsetHeight,2));m.setShaderConfig({sphereRadius:e/2}),m.generateShaderAttributes(this),m.updatePositionOffsetAttribute(this)},initWorld:function(){this.container=this.$el,this.particleSectionElements=this.$el.querySelectorAll(".scrolling-particles-section"),this.renderer=new THREE.WebGLRenderer({alpha:!0,antialias:!0}),this.devicePixelRatio=Math.min(1.5,window.devicePixelRatio||1),this.renderer.setPixelRatio(this.devicePixelRatio),this.renderer.setSize(this.container.getBoundingClientRect().width,this.container.getBoundingClientRect().height),this.renderer.domElement.style.position="absolute",this.container.insertBefore(this.renderer.domElement,this.$el.querySelector(".scrolling-particles-content")),this.scene=new THREE.Scene,this.camera=new THREE.PerspectiveCamera(40,this.container.getBoundingClientRect().width/this.container.getBoundingClientRect().height,1,1e4),this.camera.position.x=0,this.camera.position.y=0,this.camera.position.z=this.cameraZ,this.camera.updateProjectionMatrix();var e=new THREE.AmbientLight(16777215,1);this.scene.add(e),this.controls=new THREE.OrbitControls(this.camera),this.controls.dispose(),this.controls.update(),this.updateScreenDimensions(),this.controls.target=new THREE.Vector3(0,0,this.zPlaneDepth)},initGeometry:function(){var e=new THREE.PlaneGeometry(this.planeParams.width,this.planeParams.height,this.planeParams.widthSegments,this.planeParams.heightSegments);return f.e.separateFaces(e),this.geometry=new f.a(e,{computeCentroids:!0}),this.geometry.bufferUvs(),this.geometry},initMaterial:function(){var e=(new THREE.TextureLoader).load("/images/blueprint@3x.png");e.minFilter=THREE.NearestFilter,e.anisotropy=this.renderer.getMaxAnisotropy();var t=(new THREE.TextureLoader).load("/images/responsive@3x.png");t.minFilter=THREE.NearestFilter,t.anisotropy=this.renderer.getMaxAnisotropy();var n=(new THREE.TextureLoader).load("/images/innovate@3x.png");n.minFilter=THREE.NearestFilter,n.anisotropy=this.renderer.getMaxAnisotropy(),this.uniforms={delta:{type:"float",value:0},textureIndex:{type:"int",value:0},texture0:{type:"t",value:e},texture1:{type:"t",value:t},texture2:{type:"t",value:n}};var o=new THREE.ShaderMaterial({uniforms:this.uniforms,fragmentShader:m.fragmentShader(),vertexShader:m.vertexShader()});return o.side=THREE.DoubleSide,o},explodeImage:function(e,t){return t||(t=Quad.easeInOut),(new TimelineMax).to(this.uniforms.delta,e,{value:1,ease:t})},materializeImage:function(e,t,n){n||(n=Quad.easeInOut),this.targetParticleSection=this.particleSectionElements[e],this.scaledPosition=this.getElCenter(this.targetParticleSection);var o=new TimelineMax;return o.call((function(n){n.uniforms.textureIndex.value=e,n.alignPlaneToDocument(t),m.updatePositionOffsetAttribute(n)}),[this]),o.to(this.uniforms.delta,t,{value:0,ease:n})},updateScreenDimensions:function(){var e,t,n,o,r,l;this.screenDepth=(e=this.camera,t=this.renderer,n=e.near,o=e.far,r=t.getDrawingBufferSize().height/t.getPixelRatio(),l=0,function t(n,o){l++;var f=(o-n)/2+n,d=c(-f,e);return Math.abs(r/d-1)<=.001||l>30?f:r<d?t(n,f):r>d?t(f,o):d==r?f:void 0}(n,o)),this.widthAtScreenDepth=function(e,t){return c(e,t)*t.aspect}(this.screenDepth,this.camera),this.heightAtScreenDepth=c(this.screenDepth,this.camera),this.zPlaneDepth=-this.screenDepth+this.cameraZ},handleOrientation:function(e){if(window._deviceOrientation){window._deviceOrientation.getScreenAdjustedQuaternion(),window._deviceOrientation.getScreenAdjustedMatrix();var t=window._deviceOrientation.getScreenAdjustedEuler();null==this.initialOrientation&&(this.initialOrientation={},this.initialOrientation.alpha=t.alpha,this.initialOrientation.beta=t.beta,this.initialOrientation.gamma=t.gamma),console.log(" alpha: "+t.alpha+" beta  : "+t.beta+" gamma : "+t.gamma),console.log(this.initialOrientation);var n=this.initialOrientation.gamma-t.gamma,o=this.initialOrientation.beta-t.beta;console.log("ox: "+n+" oy: "+o),n/=45,o/=45;var r=Math.min(1,Math.max(-1,n)),l=Math.min(1,Math.max(-1,o)),c=r*this.cameraMoveFactor,f=-l*this.cameraMoveFactor;this.cameraTween=TweenMax.to(this.camera.position,.2,{x:c,y:f})}},onDocumentMouseMove:function(e){this.cameraTween&&this.cameraTween.kill();var t=e.clientX/window.innerWidth*2-1,n=-e.clientY/window.innerHeight*2+1,o=-t*this.cameraMoveFactor,r=-n*this.cameraMoveFactor;this.cameraTween=TweenMax.to(this.camera.position,.1,{x:o,y:r})},tryImageMaterialize:function(){for(var e=window.innerHeight/2,t=-1,i=0;i<this.particleSectionElements.length;i++){var n=this.particleSectionElements[i];if(n.parentElement.getBoundingClientRect().top<e&&e<n.parentElement.getBoundingClientRect().top+n.parentElement.getBoundingClientRect().height){t=i;break}}if(this.scrollTracker.prevHitIndex!==t&&!this.scrollTracker.animating){if(this.scrollTracker.animating=!0,-1===t)m.generateShaderAttributes(this),this.explodeImage(this.explodeAnimationDuration,Expo.easeInOut).call(this.animationComplete);else if(-1!==this.scrollTracker.prevHitIndex){m.generateShaderAttributes(this);var o=this.explodeImage(this.explodeAnimationDuration,Expo.easeInOut);o.add(this.materializeImage(t,this.materializeAnimationDuration,Expo.easeInOut)),o.call(this.animationComplete)}else this.materializeImage(t,this.materializeAnimationDuration,Expo.easeInOut).call(this.animationComplete);this.scrollTracker.prevHitIndex=t}},animationComplete:function(){this.scrollTracker.animating=!1,this.tryImageMaterialize()},getElCenter:function(e){var t=e.getBoundingClientRect().left+e.getBoundingClientRect().width/2-this.$el.getBoundingClientRect().left,n=e.getBoundingClientRect().top+e.getBoundingClientRect().height/2-this.$el.getBoundingClientRect().top,o=new THREE.Vector2(t/this.$el.getBoundingClientRect().width*2-1,-n/this.$el.getBoundingClientRect().height*2+1);return new THREE.Vector3(o.x*this.widthAtScreenDepth/2,o.y*this.heightAtScreenDepth/2,this.zPlaneDepth)},resize:function(){this.camera.aspect=this.container.getBoundingClientRect().width/this.container.getBoundingClientRect().height,this.camera.updateProjectionMatrix(),this.renderer.setSize(this.container.getBoundingClientRect().width,this.container.getBoundingClientRect().height),this.updateScreenDimensions(),this.controls.target=new THREE.Vector3(0,0,this.zPlaneDepth),this.alignPlaneToDocument(),m.updatePositionOffsetAttribute(this),this.tryImageMaterialize()},animate:function(){window.requestAnimationFrame(this.animate),this.pause3dRendering||(this.controls.update(),this.renderer.render(this.scene,this.camera))}},mounted:function(){var e=this;this.init(),this.animate(),this.$root.$on("pause3dRendering",(function(){e.pause3dRendering=!0})),this.$root.$on("unpause3dRendering",(function(){e.pause3dRendering=!1}));var t=new FULLTILT.getDeviceOrientation({type:"world"});window._deviceOrientation,t.then((function(e){window._deviceOrientation=e})).catch((function(e){console.error(e)}))},beforeMount:function(){window.addEventListener("scroll",Object(d.a)(this.tryImageMaterialize,50)),window.addEventListener("deviceorientation",Object(d.a)(this.handleOrientation,10)),window.addEventListener("resize",Object(d.a)(this.resize,10)),window.addEventListener("mousemove",Object(d.a)(this.onDocumentMouseMove,10))},beforeDestroy:function(){this.animate=function(){},window.removeEventListener("scroll",Object(d.a)(this.tryImageMaterialize,50)),window.removeEventListener("deviceorientation",Object(d.a)(this.handleOrientation,10)),window.removeEventListener("resize",Object(d.a)(this.resize,10)),window.removeEventListener("mousemove",Object(d.a)(this.onDocumentMouseMove,10))}},x=(n(259),{name:"aboutUs",components:{ScrollingParticlesThree:Object(r.a)(v,(function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"scrolling-particles-container"},[n("div",{staticClass:"scrolling-particles-content"},[e._t("default")],2)])}),[],!1,null,"9e1103bc",null).exports}}),w=(n(261),Object(r.a)(x,(function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("scrolling-particles-three",[n("b-container",[n("b-row",{staticStyle:{"min-height":"800px"},attrs:{"align-v":"center"}},[n("b-col",{attrs:{md:"6"}},[n("h2",[e._v("Bespoke Digital Solutions.")]),e._v(" "),n("p",[e._v("\n          Experience Driven is a digital agency that provides technical\n          solutions for businesses and brands. We help our clients craft\n          unique and compelling digital experiences for their customers.\n        ")])]),e._v(" "),n("b-col",{attrs:{md:"6"}},[n("div",{staticClass:"scrolling-particles-section"})])],1),e._v(" "),n("b-row",{staticStyle:{"min-height":"800px"},attrs:{"align-v":"center"}},[n("b-col",{attrs:{md:"6",order:"2","order-md":"1"}},[n("div",{staticClass:"scrolling-particles-section"})]),e._v(" "),n("b-col",{attrs:{md:"6",order:"1","order-md":"2"}},[n("h2",[e._v("Live on the Homescreen.")]),e._v(" "),n("p",[e._v("\n          Utilizing cutting-edge Progressive Web Application (PWA) technology\n          we can deliver a native application experience without the high cost\n          of native app development. PWAs blur the line between websites and\n          apps; using advanced browser technology and barrierless\n          installation, users can access and use PWAs directly from their\n          homescreen, even while offline.\n        ")])])],1),e._v(" "),n("b-row",{staticStyle:{"min-height":"800px"},attrs:{"align-v":"center"}},[n("b-col",{attrs:{md:"6"}},[n("h2",[e._v("Well Integrated Solutions.")]),e._v(" "),n("p",[e._v("\n          To complement our front-end web development, we also architect\n          sophisticated backend systems to handle business logic. We build\n          powerful interactive tools, portals, and content management systems\n          for our clients. Explore the potential for game-changing solutions\n          and capitalize on business opportunity.\n\n          ")])]),e._v(" "),n("b-col",{attrs:{md:"6"}},[n("div",{staticClass:"scrolling-particles-section"})])],1)],1)],1)}),[],!1,null,"070c6734",null).exports);n(13),n(263);function y(e){return"function"==typeof e.value||(console.warn("[Vue-click-outside:] provided expression",e.expression,"is not a function."),!1)}function _(e){return void 0!==e.componentInstance&&e.componentInstance.$isServer}var C={bind:function(e,t,n){function o(t){if(n.context){var o=t.path||t.composedPath&&t.composedPath();o&&o.length>0&&o.unshift(t.target),e.contains(t.target)||function(e,t){if(!e||!t)return!1;for(var n=!1,i=0,o=t.length;i<o;i++)for(var r=0;r<e.length;r++)try{e[r].contains(t[i])&&(n=!0)}catch(e){}return n}(n.context.popupItems,o)||e.__vueClickOutside__.callback(t)}}y(t)&&(e.__vueClickOutside__={handler:o,callback:t.value},!_(n)&&document.addEventListener("click",o))},update:function(e,t){y(t)&&(e.__vueClickOutside__.callback=t.value)},unbind:function(e,t,n){!_(n)&&document.removeEventListener("click",e.__vueClickOutside__.handler),delete e.__vueClickOutside__}},O=n(68).default,E={name:"contactForm",data:function(){return{form:{email:"",name:"",company:"",phone:"",message:""},name_focused:!1,email_focused:!1,company_focused:!1,phone_focused:!1,message_focused:!1,show:!0,faceFlipped:!1,popupItem:null,popupForm:null,faceTop:0,faceLeft:0,faceHeightForm:450,faceWidthForm:600,faceHeightButton:50,faceWidthButton:175,faceHeight:this.faceHeightButton,faceWidth:this.faceWidthButton,invisibleFormWidth:this.faceWidthForm,faceInitialLeft:null,faceInitialTop:null,formComplete:!1}},methods:{openFace:function(){this.faceFlipped=!0,this.formComplete=!1,window.setTimeout(this.setConnectFormPosition,1)},start:function(){this.$root.$emit("unpause3dRendering")},closeFace:function(){this.faceFlipped=!1,this.setConnectFormPosition()},onSubmit:function(e){e.preventDefault();var t=this;O.post("https://xd-api.appspot.com/contact-us",{name:t.form.name,email:t.form.email,phone:t.form.phone,company:t.form.company,message:t.form.message}).then((function(e){t.form.name="",t.form.email="",t.form.phone="",t.form.company="",t.form.message="",console.log(e),t.formComplete=!0})).catch((function(e){console.log(e),t.form.name="",t.form.email="",t.form.phone="",t.form.company="",t.form.message="",console.log(response),t.formComplete=!0}))},setConnectFormPosition:function(){if(this.faceFlipped){this.faceHeightForm=this.$el.querySelector(".invisible-form").getBoundingClientRect().height+2,this.faceWidthForm=630<window.window.innerWidth?600:window.window.innerWidth-30,this.faceWidth=this.faceWidthForm,this.faceHeight=this.faceHeightForm,this.faceInitialTop=window.scrollY+this.$el.querySelector(".face-container").getBoundingClientRect().top,this.faceInitialLeft=window.scrollX+this.$el.querySelector(".face-container").getBoundingClientRect().left;var e=Math.max(65,window.scrollY);this.faceTop=-this.faceInitialTop+e+window.innerHeight/2-this.faceHeight/2,this.faceLeft=-this.faceInitialLeft+window.innerWidth/2-this.faceWidth/2-0;var body=document.body,html=document.documentElement;Math.max(body.scrollHeight,body.offsetHeight,html.clientHeight,html.scrollHeight,html.offsetHeight);window.scrollY,window.innerHeight,this.faceTop,this.faceHeight,this.faceInitialTop}else this.faceTop=0,this.faceLeft=0,this.faceWidth=this.faceWidthButton,this.faceHeight=this.faceHeightButton},getFormSize:function(){this.faceWidthForm=630<window.window.innerWidth?600:window.window.innerWidth-30,this.invisibleFormWidth=this.faceWidthForm,this.setConnectFormPosition()}},mounted:function(){var e=this;this.popupItems=[this.$el.querySelector(".face"),document.getElementById("nav-contact-button")],this.popupForm=this.$el.querySelector(".face").querySelector("form"),this.getFormSize(),this.setConnectFormPosition(),this.$root.$on("openContactForm",(function(){e.openFace()}))},beforeMount:function(){window.addEventListener("deviceorientation",Object(d.a)(this.setConnectFormPosition,50,{leading:!1})),window.addEventListener("resize",Object(d.a)(this.getFormSize,50,{leading:!1}))},beforeDestroy:function(){window.removeEventListener("deviceorientation",Object(d.a)(this.setConnectFormPosition,50,{leading:!1})),window.removeEventListener("resize",Object(d.a)(this.getFormSize,50,{leading:!1}))},directives:{clickOutside:C}},P=(n(264),Object(r.a)(E,(function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"contact-container",nativeOn:{scroll:function(t){return e.onScroll.apply(null,arguments)}}},[n("b-container",[n("b-row",[n("b-col",{attrs:{cols:"12",sm:"6"}},[n("h2",{staticClass:"contact-header"},[e._v("How Can We help?")]),e._v(" "),n("p",[e._v("Let's work together to transform your digital strategy.")])]),e._v(" "),n("b-col",{staticStyle:{"z-index":"999","text-align":"center","min-height":"130px"},attrs:{col:"",cols:"12",sm:"6"}},[n("div",{directives:[{name:"click-outside",rawName:"v-click-outside",value:e.closeFace,expression:"closeFace"}],staticClass:"face-container",style:{width:e.faceWidthButton+"px"}},[n("div",{staticClass:"face",class:{flipped:e.faceFlipped},style:{top:e.faceTop+"px",left:e.faceLeft+"px"}},[n("button",{staticClass:"face__content face__content--front ",style:{width:e.faceWidth+"px",height:e.faceHeight+"px"},on:{click:e.openFace}},[e._v("Contact Us")]),e._v(" "),n("div",{staticClass:"face__content face__content--back",style:{width:e.faceWidth+"px",height:e.faceHeight+"px"}},[n("div",{staticClass:"face__content--body",style:{width:e.faceWidthForm+"px"}},[e.formComplete?e._e():n("div",{staticClass:"form-container"},[n("h2",{staticStyle:{color:"#546672"}},[e._v("Contact Us")]),e._v(" "),e.show?n("b-form",{staticClass:"contact-form",on:{submit:e.onSubmit}},[n("b-row",[n("b-col",{attrs:{cols:"12",md:"6"}},[n("b-form-group",{class:e.name_focused||""!=e.form.name?"not-empty":"",attrs:{id:"input-group-2",label:"Name","label-for":"input-2"}},[n("b-form-input",{attrs:{id:"input-2",type:"text",required:""},on:{focus:function(t){e.name_focused=!0},blur:function(t){e.name_focused=!1}},model:{value:e.form.name,callback:function(t){e.$set(e.form,"name",t)},expression:"form.name"}}),e._v(" "),n("div",{staticClass:"underline-box"})],1),e._v(" "),n("b-form-group",{class:e.email_focused||""!=e.form.email?"not-empty":"",attrs:{id:"input-group-1",label:"Email","label-for":"input-1"}},[n("b-form-input",{attrs:{id:"input-1",type:"email",required:""},on:{focus:function(t){e.email_focused=!0},blur:function(t){e.email_focused=!1}},model:{value:e.form.email,callback:function(t){e.$set(e.form,"email",t)},expression:"form.email"}}),e._v(" "),n("div",{staticClass:"underline-box"})],1)],1),e._v(" "),n("b-col",{attrs:{cols:"12",md:"6"}},[n("b-form-group",{class:e.company_focused||""!=e.form.company?"not-empty":"",attrs:{id:"input-group-3",label:"Company","label-for":"input-3"}},[n("b-form-input",{attrs:{id:"input-3",type:"text"},on:{focus:function(t){e.company_focused=!0},blur:function(t){e.company_focused=!1}},model:{value:e.form.company,callback:function(t){e.$set(e.form,"company",t)},expression:"form.company"}}),e._v(" "),n("div",{staticClass:"underline-box"})],1),e._v(" "),n("b-form-group",{class:e.phone_focused||""!=e.form.phone?"not-empty":"",attrs:{id:"input-group-4",label:"Phone","label-for":"input-4"}},[n("b-form-input",{attrs:{id:"input-4",type:"tel"},on:{focus:function(t){e.phone_focused=!0},blur:function(t){e.phone_focused=!1}},model:{value:e.form.phone,callback:function(t){e.$set(e.form,"phone",t)},expression:"form.phone"}}),e._v(" "),n("div",{staticClass:"underline-box"})],1)],1)],1),e._v(" "),n("b-row",[n("b-col",{attrs:{cols:"12"}},[n("b-form-group",{class:e.message_focused||""!=e.form.message?"not-empty":"",attrs:{id:"input-group-5",label:"Message","label-for":"input-5"}},[n("b-form-textarea",{staticStyle:{overflow:"auto"},attrs:{id:"input-5",type:"text",rows:"3","max-rows":"20"},on:{focus:function(t){e.message_focused=!0},blur:function(t){e.message_focused=!1}},nativeOn:{keyup:function(t){return e.setConnectFormPosition.apply(null,arguments)}},model:{value:e.form.message,callback:function(t){e.$set(e.form,"message",t)},expression:"form.message"}}),e._v(" "),n("div",{staticClass:"underline-box"})],1),e._v(" "),n("b-button",{staticClass:"submit-button",attrs:{type:"submit",variant:"primary"}},[e._v("Send")])],1)],1)],1):e._e()],1),e._v(" "),e.formComplete?n("div",{staticClass:"form-complete-container",staticStyle:{color:"#546672"}},[n("h2",[e._v("Thank you!")]),e._v(" "),n("p",{attrs:{stlye:"margin-top: 1rem"}},[e._v("We have received your message and will get back to you soon.")]),e._v(" "),n("button",{staticClass:"btn close-button",on:{click:e.closeFace}},[e._v("Close")])]):e._e()])])])])])],1)],1),e._v(" "),n("div",{staticClass:"invisible-form",staticStyle:{padding:"3em",position:"absolute",top:"-9999px"},style:{width:e.invisibleFormWidth+"px"}},[e.formComplete?e._e():n("div",{staticClass:"form-container"},[n("h2",{staticStyle:{color:"#546672"}},[e._v("Contact Us")]),e._v(" "),e.show?n("b-form",{staticClass:"contact-form",on:{submit:e.onSubmit}},[n("b-row",[n("b-col",{attrs:{cols:"12",md:"6"}},[n("b-form-group",{class:e.name_focused||""!=e.form.name?"not-empty":"",attrs:{label:"Name","label-for":"input-2"}},[n("b-form-input",{attrs:{type:"text",required:""},on:{focus:function(t){e.name_focused=!0},blur:function(t){e.name_focused=!1}},model:{value:e.form.name,callback:function(t){e.$set(e.form,"name",t)},expression:"form.name"}}),e._v(" "),n("div",{staticClass:"underline-box"})],1),e._v(" "),n("b-form-group",{class:e.email_focused||""!=e.form.email?"not-empty":"",attrs:{label:"Email","label-for":"input-1"}},[n("b-form-input",{attrs:{type:"email",required:""},on:{focus:function(t){e.email_focused=!0},blur:function(t){e.email_focused=!1}},model:{value:e.form.email,callback:function(t){e.$set(e.form,"email",t)},expression:"form.email"}}),e._v(" "),n("div",{staticClass:"underline-box"})],1)],1),e._v(" "),n("b-col",{attrs:{cols:"12",md:"6"}},[n("b-form-group",{class:e.company_focused||""!=e.form.company?"not-empty":"",attrs:{label:"Company","label-for":"input-3"}},[n("b-form-input",{attrs:{type:"text"},on:{focus:function(t){e.company_focused=!0},blur:function(t){e.company_focused=!1}},model:{value:e.form.company,callback:function(t){e.$set(e.form,"company",t)},expression:"form.company"}}),e._v(" "),n("div",{staticClass:"underline-box"})],1),e._v(" "),n("b-form-group",{class:e.phone_focused||""!=e.form.phone?"not-empty":"",attrs:{label:"Phone","label-for":"input-4"}},[n("b-form-input",{attrs:{type:"tel"},on:{focus:function(t){e.phone_focused=!0},blur:function(t){e.phone_focused=!1}},model:{value:e.form.phone,callback:function(t){e.$set(e.form,"phone",t)},expression:"form.phone"}}),e._v(" "),n("div",{staticClass:"underline-box"})],1)],1)],1),e._v(" "),n("b-row",[n("b-col",{attrs:{cols:"12"}},[n("b-form-group",{class:e.message_focused||""!=e.form.message?"not-empty":"",attrs:{label:"Message","label-for":"input-5"}},[n("b-form-textarea",{staticStyle:{overflow:"auto"},attrs:{type:"text",rows:"3","max-rows":"20"},on:{focus:function(t){e.message_focused=!0},blur:function(t){e.message_focused=!1}},nativeOn:{keyup:function(t){return e.setConnectFormPosition.apply(null,arguments)}},model:{value:e.form.message,callback:function(t){e.$set(e.form,"message",t)},expression:"form.message"}}),e._v(" "),n("div",{staticClass:"underline-box"})],1),e._v(" "),n("b-button",{staticClass:"submit-button",attrs:{type:"submit",variant:"primary"}},[e._v("Send")])],1)],1)],1):e._e()],1),e._v(" "),e.formComplete?n("div",{staticClass:"form-complete-container",staticStyle:{color:"#546672"}},[n("h2",[e._v("Thank you!")]),e._v(" "),n("p",{attrs:{stlye:"margin-top: 1rem"}},[e._v("We have received your message and will get back to you soon.")]),e._v(" "),n("button",{staticClass:"btn close-button",on:{click:e.closeFace}},[e._v("Close")])]):e._e()])],1)}),[],!1,null,null,null)),T={components:{videoHero:l,aboutUs:w,contactForm:P.exports}},F=Object(r.a)(T,(function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",[n("video-hero"),e._v(" "),n("about-us"),e._v(" "),n("contact-form")],1)}),[],!1,null,null,null);t.default=F.exports}}]);