diff --git a/license/statements_lfs.json b/license/statements_lfs.json
index 33ddfd6..1238f0d 100644
--- a/license/statements_lfs.json
+++ b/license/statements_lfs.json
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:77e3acd3a75198155f17fabc05869e9da3d6dc0f0499eb0a68f203e893ba50c3
-size 1878025
+oid sha256:582d4fc249abc7d9078fa93aca7dca072fe6aa9d1ada04631f11fa5b066760c3
+size 1949364
diff --git a/package-lock.json b/package-lock.json
index 5983cf5..190fa6d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -962,6 +962,23 @@
       "integrity": "sha512-14ZVlsB9akwvydAdaEnVnvqu6J2P6ySv39hYyl/aoB6w/V+bXX0tay8cF6paqbgZsN2n5Xh15uF4pE+GvE+itw==",
       "dev": true
     },
+    "@emotion/is-prop-valid": {
+      "version": "0.8.4",
+      "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-0.8.4.tgz",
+      "integrity": "sha512-QBW8h6wVQgeQ55F52rNaprEJxtVR+/ScOP8/V1ScSpPzKqHdFB9QVqby0Z50sqS8mcaeIl5vR1vQpKwJbIS6NQ==",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "@emotion/memoize": "0.7.3"
+      }
+    },
+    "@emotion/memoize": {
+      "version": "0.7.3",
+      "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.7.3.tgz",
+      "integrity": "sha512-2Md9mH6mvo+ygq1trTeVp2uzAKwE2P7In0cRpD/M9Q70aH8L+rxMLbb3JCN2JoSWsV2O+DdFjfbbXoMoLBczow==",
+      "dev": true,
+      "optional": true
+    },
     "@google/maps": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/@google/maps/-/maps-1.0.2.tgz",
@@ -1093,6 +1110,24 @@
         "fastq": "^1.6.0"
       }
     },
+    "@popmotion/easing": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@popmotion/easing/-/easing-1.0.2.tgz",
+      "integrity": "sha512-IkdW0TNmRnWTeWI7aGQIVDbKXPWHVEYdGgd5ZR4SH/Ty/61p63jCjrPxX1XrR7IGkl08bjhJROStD7j+RKgoIw==",
+      "dev": true
+    },
+    "@popmotion/popcorn": {
+      "version": "0.4.2",
+      "resolved": "https://registry.npmjs.org/@popmotion/popcorn/-/popcorn-0.4.2.tgz",
+      "integrity": "sha512-wu0tEwK3KUZ9BoqfcqC3DfdfRDws/oHXwZKJMVtuhXSrF/PtqvilsPjAk93nh8M+orAnbe8ZyxQmop9+4oJs2g==",
+      "dev": true,
+      "requires": {
+        "@popmotion/easing": "^1.0.1",
+        "framesync": "^4.0.1",
+        "hey-listen": "^1.0.8",
+        "style-value-types": "^3.1.6"
+      }
+    },
     "@react-google-maps/api": {
       "version": "1.7.7",
       "resolved": "https://registry.npmjs.org/@react-google-maps/api/-/api-1.7.7.tgz",
@@ -1959,6 +1994,12 @@
       "integrity": "sha1-aN/1++YMUes3cl6p4+0xDcwed24=",
       "dev": true
     },
+    "bowser": {
+      "version": "1.9.4",
+      "resolved": "https://registry.npmjs.org/bowser/-/bowser-1.9.4.tgz",
+      "integrity": "sha512-9IdMmj2KjigRq6oWhmwv1W36pDuA4STQZ8q6YO9um+x07xgYNCD3Oou+WP/3L1HNz7iqythGet3/p4wvc8AAwQ==",
+      "dev": true
+    },
     "brace-expansion": {
       "version": "1.1.11",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
@@ -2744,6 +2785,15 @@
       "integrity": "sha1-Z29us8OZl8LuGsOpJP1hJHSPV40=",
       "dev": true
     },
+    "copy-to-clipboard": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/copy-to-clipboard/-/copy-to-clipboard-3.2.0.tgz",
+      "integrity": "sha512-eOZERzvCmxS8HWzugj4Uxl8OJxa7T2k1Gi0X5qavwydHIfuSHq2dTD09LOg/XyGq4Zpb5IsR/2OJ5lbOegz78w==",
+      "dev": true,
+      "requires": {
+        "toggle-selection": "^1.0.6"
+      }
+    },
     "core-js": {
       "version": "3.2.1",
       "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.2.1.tgz",
@@ -2855,6 +2905,16 @@
         "randomfill": "^1.0.3"
       }
     },
+    "css-in-js-utils": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/css-in-js-utils/-/css-in-js-utils-2.0.1.tgz",
+      "integrity": "sha512-PJF0SpJT+WdbVVt0AOYp9C8GnuruRlL/UFW7932nLWmFLQTaWEzTBQEx7/hn4BuV+WON75iAViSUJLiU3PKbpA==",
+      "dev": true,
+      "requires": {
+        "hyphenate-style-name": "^1.0.2",
+        "isobject": "^3.0.1"
+      }
+    },
     "css-loader": {
       "version": "3.2.0",
       "resolved": "https://registry.npmjs.org/css-loader/-/css-loader-3.2.0.tgz",
@@ -2899,6 +2959,24 @@
         "nth-check": "~1.0.1"
       }
     },
+    "css-tree": {
+      "version": "1.0.0-alpha.37",
+      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.0.0-alpha.37.tgz",
+      "integrity": "sha512-DMxWJg0rnz7UgxKT0Q1HU/L9BeJI0M6ksor0OgqOnF+aRCDWg/N2641HmVyU9KVIu0OVVWOb2IpC9A+BJRnejg==",
+      "dev": true,
+      "requires": {
+        "mdn-data": "2.0.4",
+        "source-map": "^0.6.1"
+      },
+      "dependencies": {
+        "source-map": {
+          "version": "0.6.1",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+          "dev": true
+        }
+      }
+    },
     "css-vendor": {
       "version": "2.0.7",
       "resolved": "https://registry.npmjs.org/css-vendor/-/css-vendor-2.0.7.tgz",
@@ -3379,6 +3457,15 @@
         "is-arrayish": "^0.2.1"
       }
     },
+    "error-stack-parser": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/error-stack-parser/-/error-stack-parser-2.0.4.tgz",
+      "integrity": "sha512-fZ0KkoxSjLFmhW5lHbUT3tLwy3nX1qEzMYo8koY1vrsAco53CMT1djnBSeC/wUjTEZRhZl9iRw7PaMaxfJ4wzQ==",
+      "dev": true,
+      "requires": {
+        "stackframe": "^1.1.0"
+      }
+    },
     "es-abstract": {
       "version": "1.15.0",
       "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.15.0.tgz",
@@ -4149,6 +4236,12 @@
       "integrity": "sha1-PYpcZog6FqMMqGQ+hR8Zuqd5eRc=",
       "dev": true
     },
+    "fastest-stable-stringify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/fastest-stable-stringify/-/fastest-stable-stringify-1.0.1.tgz",
+      "integrity": "sha1-kSLUBtTJ2YvqZEpraFPVh0uHsCg=",
+      "dev": true
+    },
     "fastq": {
       "version": "1.6.0",
       "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.6.0.tgz",
@@ -4353,6 +4446,33 @@
         "map-cache": "^0.2.2"
       }
     },
+    "framer-motion": {
+      "version": "1.6.15",
+      "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-1.6.15.tgz",
+      "integrity": "sha512-PEnw903cJoOsUcbHgP9V+9uaZMVswCOZu2AVtwgjldjC5aS71/ZDtyi9MLAvNIKp5OV4We9x50Gl6QF3qo2zPg==",
+      "dev": true,
+      "requires": {
+        "@emotion/is-prop-valid": "^0.8.2",
+        "@popmotion/easing": "^1.0.2",
+        "@popmotion/popcorn": "^0.4.2",
+        "framesync": "^4.0.4",
+        "hey-listen": "^1.0.8",
+        "popmotion": "9.0.0-beta-8",
+        "style-value-types": "^3.1.6",
+        "stylefire": "^7.0.0",
+        "tslib": "^1.10.0"
+      }
+    },
+    "framesync": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/framesync/-/framesync-4.0.4.tgz",
+      "integrity": "sha512-mdP0WvVHe0/qA62KG2LFUAOiWLng5GLpscRlwzBxu2VXOp6B8hNs5C5XlFigsMgrfDrr2YbqTsgdWZTc4RXRMQ==",
+      "dev": true,
+      "requires": {
+        "hey-listen": "^1.0.8",
+        "tslib": "^1.10.0"
+      }
+    },
     "fresh": {
       "version": "0.5.2",
       "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
@@ -5196,6 +5316,12 @@
       "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
       "dev": true
     },
+    "hey-listen": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/hey-listen/-/hey-listen-1.0.8.tgz",
+      "integrity": "sha512-COpmrF2NOg4TBWUJ5UVyaCU2A88wEMkUPK4hNqyCkqHbxT92BbvfjoSozkAIIm6XhicGlJHhFdullInrdhwU8Q==",
+      "dev": true
+    },
     "hmac-drbg": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/hmac-drbg/-/hmac-drbg-1.0.1.tgz",
@@ -5622,6 +5748,16 @@
       "integrity": "sha512-RZY5huIKCMRWDUqZlEi72f/lmXKMvuszcMBduliQ3nnWbx9X/ZBQO7DijMEYS9EhHBb2qacRUMtC7svLwe0lcw==",
       "dev": true
     },
+    "inline-style-prefixer": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/inline-style-prefixer/-/inline-style-prefixer-4.0.2.tgz",
+      "integrity": "sha512-N8nVhwfYga9MiV9jWlwfdj1UDIaZlBFu4cJSJkIr7tZX7sHpHhGR5su1qdpW+7KPL8ISTvCIkcaFi/JdBknvPg==",
+      "dev": true,
+      "requires": {
+        "bowser": "^1.7.3",
+        "css-in-js-utils": "^2.0.0"
+      }
+    },
     "inquirer": {
       "version": "6.5.2",
       "resolved": "https://registry.npmjs.org/inquirer/-/inquirer-6.5.2.tgz",
@@ -6716,6 +6852,12 @@
         "safe-buffer": "^5.1.2"
       }
     },
+    "mdn-data": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.4.tgz",
+      "integrity": "sha512-iV3XNKw06j5Q7mi6h+9vbx23Tv7JkjEVgKHW4pimwyDGWm0OIQntJJ+u1C6mg6mK1EaTv42XQ7w76yuzH7M2cA==",
+      "dev": true
+    },
     "media-typer": {
       "version": "0.3.0",
       "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
@@ -6960,6 +7102,22 @@
       "dev": true,
       "optional": true
     },
+    "nano-css": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/nano-css/-/nano-css-5.2.0.tgz",
+      "integrity": "sha512-DrkBUciWkEvrWZUIyhjQkyqiF1x2bnB4FWZZ9FCYSz1Okcq5fUs6P2e46UaHYcdljaUkQbK0aS0h1I2zObCTBg==",
+      "dev": true,
+      "requires": {
+        "css-tree": "^1.0.0-alpha.28",
+        "csstype": "^2.5.5",
+        "fastest-stable-stringify": "^1.0.1",
+        "inline-style-prefixer": "^4.0.0",
+        "rtl-css-js": "^1.9.0",
+        "sourcemap-codec": "^1.4.1",
+        "stacktrace-js": "^2.0.0",
+        "stylis": "3.5.0"
+      }
+    },
     "nanomatch": {
       "version": "1.2.13",
       "resolved": "https://registry.npmjs.org/nanomatch/-/nanomatch-1.2.13.tgz",
@@ -7653,6 +7811,20 @@
         "semver-compare": "^1.0.0"
       }
     },
+    "popmotion": {
+      "version": "9.0.0-beta-8",
+      "resolved": "https://registry.npmjs.org/popmotion/-/popmotion-9.0.0-beta-8.tgz",
+      "integrity": "sha512-6eQzqursPvnP7ePvdfPeY4wFHmS3OLzNP8rJRvmfFfEIfpFqrQgLsM50Gd9AOvGKJtYJOFknNG+dsnzCpgIdAA==",
+      "dev": true,
+      "requires": {
+        "@popmotion/easing": "^1.0.1",
+        "@popmotion/popcorn": "^0.4.2",
+        "framesync": "^4.0.4",
+        "hey-listen": "^1.0.8",
+        "style-value-types": "^3.1.6",
+        "tslib": "^1.10.0"
+      }
+    },
     "popper.js": {
       "version": "1.15.0",
       "resolved": "https://registry.npmjs.org/popper.js/-/popper.js-1.15.0.tgz",
@@ -7995,6 +8167,12 @@
         "scheduler": "^0.16.2"
       }
     },
+    "react-fast-compare": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-2.0.4.tgz",
+      "integrity": "sha512-suNP+J1VU1MWFKcyt7RtjiSWUjvidmQSlqu+eHslq+342xCbGTYmC0mEhPCOHxlW0CywylOC1u2DFAT+bv4dBw==",
+      "dev": true
+    },
     "react-hook-geolocation": {
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/react-hook-geolocation/-/react-hook-geolocation-1.0.6.tgz",
@@ -8019,6 +8197,23 @@
         "prop-types": "^15.6.2"
       }
     },
+    "react-use": {
+      "version": "13.0.1",
+      "resolved": "https://registry.npmjs.org/react-use/-/react-use-13.0.1.tgz",
+      "integrity": "sha512-GTN0UKzWsRC7+QnYxVkjX/sd52+iXsUiLAWlxmb6BNkwCYPKoDMVx+7v9VwnUlxklfSelQI+peRSLrik9pwCSg==",
+      "dev": true,
+      "requires": {
+        "copy-to-clipboard": "^3.1.0",
+        "nano-css": "^5.1.0",
+        "react-fast-compare": "^2.0.4",
+        "resize-observer-polyfill": "^1.5.1",
+        "screenfull": "^5.0.0",
+        "set-harmonic-interval": "^1.0.1",
+        "throttle-debounce": "^2.0.1",
+        "ts-easing": "^0.2.0",
+        "tslib": "^1.10.0"
+      }
+    },
     "read-installed": {
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/read-installed/-/read-installed-4.0.3.tgz",
@@ -8347,6 +8542,12 @@
       "integrity": "sha1-kl0mAdOaxIXgkc8NpcbmlNw9yv8=",
       "dev": true
     },
+    "resize-observer-polyfill": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz",
+      "integrity": "sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg==",
+      "dev": true
+    },
     "resolve": {
       "version": "1.12.0",
       "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.12.0.tgz",
@@ -8464,6 +8665,15 @@
         "inherits": "^2.0.1"
       }
     },
+    "rtl-css-js": {
+      "version": "1.13.1",
+      "resolved": "https://registry.npmjs.org/rtl-css-js/-/rtl-css-js-1.13.1.tgz",
+      "integrity": "sha512-jgkIDj6Xi25kAEm5oYM3ZMFiOQhpLEcXi2LY/6bVr91cVz73hciHKneL5AMVPxOcks/JuizSaaNsvNRkeAWe3w==",
+      "dev": true,
+      "requires": {
+        "@babel/runtime": "^7.1.2"
+      }
+    },
     "run-async": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/run-async/-/run-async-2.3.0.tgz",
@@ -8545,6 +8755,12 @@
         "ajv-keywords": "^3.1.0"
       }
     },
+    "screenfull": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/screenfull/-/screenfull-5.0.0.tgz",
+      "integrity": "sha512-yShzhaIoE9OtOhWVyBBffA6V98CDCoyHTsp8228blmqYy1Z5bddzE/4FPiJKlr8DVR4VBiiUyfPzIQPIYDkeMA==",
+      "dev": true
+    },
     "select-hose": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/select-hose/-/select-hose-2.0.0.tgz",
@@ -8666,6 +8882,12 @@
       "integrity": "sha1-BF+XgtARrppoA93TgrJDkrPYkPc=",
       "dev": true
     },
+    "set-harmonic-interval": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/set-harmonic-interval/-/set-harmonic-interval-1.0.1.tgz",
+      "integrity": "sha512-AhICkFV84tBP1aWqPwLZqFvAwqEoVA9kxNMniGEUvzOlm4vLmOFLiTT3UZ6bziJTy4bOVpzWGTfSCbmaayGx8g==",
+      "dev": true
+    },
     "set-value": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/set-value/-/set-value-2.0.1.tgz",
@@ -8956,6 +9178,12 @@
       "integrity": "sha1-PpNdfd1zYxuXZZlW1VEo6HtQhKM=",
       "dev": true
     },
+    "sourcemap-codec": {
+      "version": "1.4.6",
+      "resolved": "https://registry.npmjs.org/sourcemap-codec/-/sourcemap-codec-1.4.6.tgz",
+      "integrity": "sha512-1ZooVLYFxC448piVLBbtOxFcXwnymH9oUF8nRd3CuYDVvkRBxRl6pB4Mtas5a4drtL+E8LDgFkQNcgIw6tc8Hg==",
+      "dev": true
+    },
     "spdx-compare": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/spdx-compare/-/spdx-compare-1.0.0.tgz",
@@ -9112,6 +9340,50 @@
         "figgy-pudding": "^3.5.1"
       }
     },
+    "stack-generator": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/stack-generator/-/stack-generator-2.0.4.tgz",
+      "integrity": "sha512-ha1gosTNcgxwzo9uKTQ8zZ49aUp5FIUW58YHFxCqaAHtE0XqBg0chGFYA1MfmW//x1KWq3F4G7Ug7bJh4RiRtg==",
+      "dev": true,
+      "requires": {
+        "stackframe": "^1.1.0"
+      }
+    },
+    "stackframe": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/stackframe/-/stackframe-1.1.0.tgz",
+      "integrity": "sha512-Vx6W1Yvy+AM1R/ckVwcHQHV147pTPBKWCRLrXMuPrFVfvBUc3os7PR1QLIWCMhPpRg5eX9ojzbQIMLGBwyLjqg==",
+      "dev": true
+    },
+    "stacktrace-gps": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/stacktrace-gps/-/stacktrace-gps-3.0.3.tgz",
+      "integrity": "sha512-51Rr7dXkyFUKNmhY/vqZWK+EvdsfFSRiQVtgHTFlAdNIYaDD7bVh21yBHXaNWAvTD+w+QSjxHg7/v6Tz4veExA==",
+      "dev": true,
+      "requires": {
+        "source-map": "0.5.6",
+        "stackframe": "^1.1.0"
+      },
+      "dependencies": {
+        "source-map": {
+          "version": "0.5.6",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.6.tgz",
+          "integrity": "sha1-dc449SvwczxafwwRjYEzSiu19BI=",
+          "dev": true
+        }
+      }
+    },
+    "stacktrace-js": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/stacktrace-js/-/stacktrace-js-2.0.1.tgz",
+      "integrity": "sha512-13oDNgBSeWtdGa4/2BycNyKqe+VktCoJ8VLx4pDoJkwGGJVtiHdfMOAj3aW9xTi8oR2v34z9IcvfCvT6XNdNAw==",
+      "dev": true,
+      "requires": {
+        "error-stack-parser": "^2.0.4",
+        "stack-generator": "^2.0.4",
+        "stacktrace-gps": "^3.0.3"
+      }
+    },
     "static-extend": {
       "version": "0.1.2",
       "resolved": "https://registry.npmjs.org/static-extend/-/static-extend-0.1.2.tgz",
@@ -9290,6 +9562,33 @@
         }
       }
     },
+    "style-value-types": {
+      "version": "3.1.6",
+      "resolved": "https://registry.npmjs.org/style-value-types/-/style-value-types-3.1.6.tgz",
+      "integrity": "sha512-AxcfUr/06AHyyyxkNB1O8ypvwa8/qK+sxwelxEN5x+jxW+RXutRE2TuHEQbFq9OBY7ym83CPKvVIsGd6lvKb0Q==",
+      "dev": true,
+      "requires": {
+        "hey-listen": "^1.0.8"
+      }
+    },
+    "stylefire": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/stylefire/-/stylefire-7.0.0.tgz",
+      "integrity": "sha512-Ea1knZTN5KmbUKSilTsjFEtHcGs+Vl+cQWNnvWQwqRVG+W6J/WgkWjo620hf4II/PTH8uSIF17vGrkpHC41nAA==",
+      "dev": true,
+      "requires": {
+        "@popmotion/popcorn": "^0.4.2",
+        "framesync": "^4.0.0",
+        "hey-listen": "^1.0.8",
+        "style-value-types": "^3.1.6"
+      }
+    },
+    "stylis": {
+      "version": "3.5.0",
+      "resolved": "https://registry.npmjs.org/stylis/-/stylis-3.5.0.tgz",
+      "integrity": "sha512-pP7yXN6dwMzAR29Q0mBrabPCe0/mNO1MSr93bhay+hcZondvMMTpeGyd8nbhYJdyperNT2DRxONQuUGcJr5iPw==",
+      "dev": true
+    },
     "supports-color": {
       "version": "5.5.0",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
@@ -9418,6 +9717,12 @@
       "integrity": "sha1-f17oI66AUgfACvLfSoTsP8+lcLQ=",
       "dev": true
     },
+    "throttle-debounce": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/throttle-debounce/-/throttle-debounce-2.1.0.tgz",
+      "integrity": "sha512-AOvyNahXQuU7NN+VVvOOX+uW6FPaWdAOdRP5HfwYxAfCzXTFKRMoIMk+n+po318+ktcChx+F1Dd91G3YHeMKyg==",
+      "dev": true
+    },
     "through": {
       "version": "2.3.8",
       "resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz",
@@ -9518,6 +9823,12 @@
         "repeat-string": "^1.6.1"
       }
     },
+    "toggle-selection": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/toggle-selection/-/toggle-selection-1.0.6.tgz",
+      "integrity": "sha1-bkWxJj8gF/oKzH2J14sVuL932jI=",
+      "dev": true
+    },
     "toidentifier": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.0.tgz",
@@ -9542,6 +9853,12 @@
       "integrity": "sha512-c3zayb8/kWWpycWYg87P71E1S1ZL6b6IJxfb5fvsUgsf0S2MVGaDhDXXjDMpdCpfWXqptc+4mXwmiy1ypXqRAA==",
       "dev": true
     },
+    "ts-easing": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/ts-easing/-/ts-easing-0.2.0.tgz",
+      "integrity": "sha512-Z86EW+fFFh/IFB1fqQ3/+7Zpf9t2ebOAxNI/V6Wo7r5gqiqtxmgTlQ1qbqQcjLKYeSHPTsEmvlJUDg/EuL0uHQ==",
+      "dev": true
+    },
     "tslib": {
       "version": "1.10.0",
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.10.0.tgz",
diff --git a/package.json b/package.json
index 78b622e..12ff603 100644
--- a/package.json
+++ b/package.json
@@ -45,6 +45,7 @@
     "eslint-plugin-prettier": "^3.1.1",
     "eslint-plugin-react": "^7.16.0",
     "eslint-plugin-react-hooks": "^2.1.2",
+    "framer-motion": "^1.6.15",
     "html-webpack-plugin": "^3.2.0",
     "husky": "^3.0.9",
     "license-checker": "^25.0.1",
@@ -53,6 +54,7 @@
     "react": "^16.10.2",
     "react-dom": "^16.10.2",
     "react-hook-geolocation": "^1.0.6",
+    "react-use": "^13.0.1",
     "style-loader": "^1.0.0",
     "typescript": "3.6.3",
     "webpack": "^4.41.0",
diff --git a/src/components/Map.tsx b/src/components/Map.tsx
index 7e34416..91c9267 100644
--- a/src/components/Map.tsx
+++ b/src/components/Map.tsx
@@ -6,7 +6,7 @@ import {
   Autocomplete,
   LoadScriptNext
 } from '@react-google-maps/api';
-import useGeolocation from 'react-hook-geolocation';
+import { useGeolocation } from 'react-use';
 import geoCoder from '../utils/geocoder';
 import { makeStyles } from '@material-ui/styles';
 
@@ -78,21 +78,27 @@ const Map: React.FC<PropsBase> = (_props: PropsBase) => {
   const [autocompletes, setAutocompletes] = useState(
     Array(numPins).fill(undefined)
   );
-
   const [addresses, setAddresses] = useState(Array(numPins).fill(''));
-  const [center, setCenter] = useState({
-    lat: 38.542096,
-    lng: -121.771202
+  const [map, setMap] = useState({
+    center: {
+      lat: 38.542096,
+      lng: -121.771202
+    },
+    zoom: 6
   });
 
-  useEffect(() => {
-    if (location.latitude !== null) {
-      setCenter({
-        lat: location.latitude,
-        lng: location.longitude
+  const initializeMap = (map: any) => {
+    if (location !== null) {
+      setMap({
+        ...map,
+        center: {
+          lat: location.latitude!,
+          lng: location.longitude!
+        },
+        zoom: 13
       });
     }
-  }, [location.latitude, location.longitude]);
+  };
 
   const clickMap = (index: number | undefined, event: any) => {
     const coordinates = {
@@ -103,7 +109,7 @@ const Map: React.FC<PropsBase> = (_props: PropsBase) => {
   };
 
   const setAddress = (index: number, address: string) => {
-    setAddresses(state => {
+    setAddresses((state: any) => {
       const newState = [...state];
       newState[index] = address;
       return newState;
@@ -119,7 +125,8 @@ const Map: React.FC<PropsBase> = (_props: PropsBase) => {
     if (index < numPins && index !== -1) {
       if (coordinates) {
         inputs[index].value = JSON.stringify(coordinates);
-        setMarkers(state => {
+        setMap({ ...map, center: coordinates });
+        setMarkers((state: any) => {
           const newState = [...state];
           newState[index] = {
             position: coordinates
@@ -138,10 +145,14 @@ const Map: React.FC<PropsBase> = (_props: PropsBase) => {
             address: address
           },
           (error: any, result: any) => {
+            setMap({
+              ...map,
+              center: result.json.results[0].geometry.location
+            });
             inputs[index].value = JSON.stringify(
               result.json.results[0].geometry.location
             );
-            setMarkers(state => {
+            setMarkers((state: any) => {
               const newState = [...state];
               newState[index] = {
                 position: result.json.results[0].geometry.location
@@ -180,8 +191,8 @@ const Map: React.FC<PropsBase> = (_props: PropsBase) => {
                   {item}
                   <Box flexGrow={1} className={classes.autocompleteContainer}>
                     <Autocomplete
-                      onLoad={autocomplete => {
-                        setAutocompletes(state => {
+                      onLoad={(autocomplete: any) => {
+                        setAutocompletes((state: any) => {
                           const newState = [...state];
                           newState[index] = autocomplete;
                           return newState;
@@ -226,20 +237,31 @@ const Map: React.FC<PropsBase> = (_props: PropsBase) => {
                 width: '100%',
                 height: '60vh'
               }}
-              zoom={15}
-              center={center}
-              onClick={event => {
+              zoom={map.zoom}
+              center={map.center}
+              onClick={(event: any) => {
                 clickMap(undefined, event);
               }}
+              onLoad={(map: any) => {
+                initializeMap(map);
+              }}
             >
               {markers.map((item: Marker, index: number) => {
                 if (item) {
+                  const label =
+                    labels[index] !== ''
+                      ? {
+                          text: labels[index],
+                          fontWeight: 'bold'
+                        }
+                      : null;
                   return (
                     <MapMarker
                       draggable={true}
-                      onDragEnd={event => {
+                      onDragEnd={(event: any) => {
                         clickMap(index, event);
                       }}
+                      label={label}
                       position={item.position}
                     />
                   );
@@ -267,7 +289,7 @@ const Map: React.FC<PropsBase> = (_props: PropsBase) => {
                 onClick={() => {
                   [...inputs].map(item => (item.value = ''));
                   setMarkers(Array<Marker>(numPins).fill(undefined));
-                  addresses.map((item, index) => {
+                  addresses.map((item: any, index: number) => {
                     setAddress(index, '');
                   });
                 }}