diff --git a/package-lock.json b/package-lock.json
index b5ff134..2081e04 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -13,6 +13,7 @@
         "bootstrap": "^4.0.0",
         "bootstrap-notify": "^3.1.3",
         "jquery": "^3.3.1",
+        "v-smooth-scroll": "^2.0.0-beta.2",
         "vue": "^3.3.4"
       },
       "devDependencies": {
@@ -25,9 +26,9 @@
       }
     },
     "node_modules/@babel/parser": {
-      "version": "7.23.0",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.23.0.tgz",
-      "integrity": "sha512-vvPKKdMemU85V9WE/l5wZEmImpCtLqbnTvqDS2U1fJ96KrxoW7KrXhNsNCblQlg8Ck4b85yxdTyelsMUgFUXiw==",
+      "version": "7.23.5",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.23.5.tgz",
+      "integrity": "sha512-hOOqoiNXrmGdFbhgCzu6GiURxUgM27Xwd/aPuu8RfHEZPBzL1Z54okAHAQjXfcQNwvrlkAmAp4SlRTZ45vlthQ==",
       "bin": {
         "parser": "bin/babel-parser.js"
       },
@@ -393,92 +394,92 @@
       "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg=="
     },
     "node_modules/@types/jquery": {
-      "version": "3.5.25",
-      "resolved": "https://registry.npmjs.org/@types/jquery/-/jquery-3.5.25.tgz",
-      "integrity": "sha512-gykx2c+OZf5nx2tv/5fDQqmvGgTiXshELy5jf9IgXPtVfSBl57IUYByN4osbwMXwJijWGOEYQABzGaFZE79A0Q==",
+      "version": "3.5.29",
+      "resolved": "https://registry.npmjs.org/@types/jquery/-/jquery-3.5.29.tgz",
+      "integrity": "sha512-oXQQC9X9MOPRrMhPHHOsXqeQDnWeCDT3PelUIg/Oy8FAbzSZtFHRjc7IpbfFVmpLtJ+UOoywpRsuO5Jxjybyeg==",
       "dev": true,
       "dependencies": {
         "@types/sizzle": "*"
       }
     },
     "node_modules/@types/sizzle": {
-      "version": "2.3.5",
-      "resolved": "https://registry.npmjs.org/@types/sizzle/-/sizzle-2.3.5.tgz",
-      "integrity": "sha512-tAe4Q+OLFOA/AMD+0lq8ovp8t3ysxAOeaScnfNdZpUxaGl51ZMDEITxkvFl1STudQ58mz6gzVGl9VhMKhwRnZQ==",
+      "version": "2.3.8",
+      "resolved": "https://registry.npmjs.org/@types/sizzle/-/sizzle-2.3.8.tgz",
+      "integrity": "sha512-0vWLNK2D5MT9dg0iOo8GlKguPAU02QjmZitPEsXRuJXU/OGIOt9vT9Fc26wtYuavLxtO45v9PGleoL9Z0k1LHg==",
       "dev": true
     },
     "node_modules/@vitejs/plugin-vue": {
-      "version": "4.4.0",
-      "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-4.4.0.tgz",
-      "integrity": "sha512-xdguqb+VUwiRpSg+nsc2HtbAUSGak25DXYvpQQi4RVU1Xq1uworyoH/md9Rfd8zMmPR/pSghr309QNcftUVseg==",
+      "version": "4.5.1",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-4.5.1.tgz",
+      "integrity": "sha512-DaUzYFr+2UGDG7VSSdShKa9sIWYBa1LL8KC0MNOf2H5LjcTPjob0x8LbkqXWmAtbANJCkpiQTj66UVcQkN2s3g==",
       "dev": true,
       "engines": {
         "node": "^14.18.0 || >=16.0.0"
       },
       "peerDependencies": {
-        "vite": "^4.0.0",
+        "vite": "^4.0.0 || ^5.0.0",
         "vue": "^3.2.25"
       }
     },
     "node_modules/@volar/language-core": {
-      "version": "1.10.10",
-      "resolved": "https://registry.npmjs.org/@volar/language-core/-/language-core-1.10.10.tgz",
-      "integrity": "sha512-nsV1o3AZ5n5jaEAObrS3MWLBWaGwUj/vAsc15FVNIv+DbpizQRISg9wzygsHBr56ELRH8r4K75vkYNMtsSNNWw==",
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@volar/language-core/-/language-core-1.11.1.tgz",
+      "integrity": "sha512-dOcNn3i9GgZAcJt43wuaEykSluAuOkQgzni1cuxLxTV0nJKanQztp7FxyswdRILaKH+P2XZMPRp2S4MV/pElCw==",
       "dev": true,
       "dependencies": {
-        "@volar/source-map": "1.10.10"
+        "@volar/source-map": "1.11.1"
       }
     },
     "node_modules/@volar/source-map": {
-      "version": "1.10.10",
-      "resolved": "https://registry.npmjs.org/@volar/source-map/-/source-map-1.10.10.tgz",
-      "integrity": "sha512-GVKjLnifV4voJ9F0vhP56p4+F3WGf+gXlRtjFZsv6v3WxBTWU3ZVeaRaEHJmWrcv5LXmoYYpk/SC25BKemPRkg==",
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@volar/source-map/-/source-map-1.11.1.tgz",
+      "integrity": "sha512-hJnOnwZ4+WT5iupLRnuzbULZ42L7BWWPMmruzwtLhJfpDVoZLjNBxHDi2sY2bgZXCKlpU5XcsMFoYrsQmPhfZg==",
       "dev": true,
       "dependencies": {
         "muggle-string": "^0.3.1"
       }
     },
     "node_modules/@volar/typescript": {
-      "version": "1.10.10",
-      "resolved": "https://registry.npmjs.org/@volar/typescript/-/typescript-1.10.10.tgz",
-      "integrity": "sha512-4a2r5bdUub2m+mYVnLu2wt59fuoYWe7nf0uXtGHU8QQ5LDNfzAR0wK7NgDiQ9rcl2WT3fxT2AA9AylAwFtj50A==",
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@volar/typescript/-/typescript-1.11.1.tgz",
+      "integrity": "sha512-iU+t2mas/4lYierSnoFOeRFQUhAEMgsFuQxoxvwn5EdQopw43j+J27a4lt9LMInx1gLJBC6qL14WYGlgymaSMQ==",
       "dev": true,
       "dependencies": {
-        "@volar/language-core": "1.10.10",
+        "@volar/language-core": "1.11.1",
         "path-browserify": "^1.0.1"
       }
     },
     "node_modules/@vue/compiler-core": {
-      "version": "3.3.7",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.3.7.tgz",
-      "integrity": "sha512-pACdY6YnTNVLXsB86YD8OF9ihwpolzhhtdLVHhBL6do/ykr6kKXNYABRtNMGrsQXpEXXyAdwvWWkuTbs4MFtPQ==",
+      "version": "3.3.9",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.3.9.tgz",
+      "integrity": "sha512-+/Lf68Vr/nFBA6ol4xOtJrW+BQWv3QWKfRwGSm70jtXwfhZNF4R/eRgyVJYoxFRhdCTk/F6g99BP0ffPgZihfQ==",
       "dependencies": {
-        "@babel/parser": "^7.23.0",
-        "@vue/shared": "3.3.7",
+        "@babel/parser": "^7.23.3",
+        "@vue/shared": "3.3.9",
         "estree-walker": "^2.0.2",
         "source-map-js": "^1.0.2"
       }
     },
     "node_modules/@vue/compiler-dom": {
-      "version": "3.3.7",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.3.7.tgz",
-      "integrity": "sha512-0LwkyJjnUPssXv/d1vNJ0PKfBlDoQs7n81CbO6Q0zdL7H1EzqYRrTVXDqdBVqro0aJjo/FOa1qBAPVI4PGSHBw==",
+      "version": "3.3.9",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.3.9.tgz",
+      "integrity": "sha512-nfWubTtLXuT4iBeDSZ5J3m218MjOy42Vp2pmKVuBKo2/BLcrFUX8nCSr/bKRFiJ32R8qbdnnnBgRn9AdU5v0Sg==",
       "dependencies": {
-        "@vue/compiler-core": "3.3.7",
-        "@vue/shared": "3.3.7"
+        "@vue/compiler-core": "3.3.9",
+        "@vue/shared": "3.3.9"
       }
     },
     "node_modules/@vue/compiler-sfc": {
-      "version": "3.3.7",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.3.7.tgz",
-      "integrity": "sha512-7pfldWy/J75U/ZyYIXRVqvLRw3vmfxDo2YLMwVtWVNew8Sm8d6wodM+OYFq4ll/UxfqVr0XKiVwti32PCrruAw==",
+      "version": "3.3.9",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.3.9.tgz",
+      "integrity": "sha512-wy0CNc8z4ihoDzjASCOCsQuzW0A/HP27+0MDSSICMjVIFzk/rFViezkR3dzH+miS2NDEz8ywMdbjO5ylhOLI2A==",
       "dependencies": {
-        "@babel/parser": "^7.23.0",
-        "@vue/compiler-core": "3.3.7",
-        "@vue/compiler-dom": "3.3.7",
-        "@vue/compiler-ssr": "3.3.7",
-        "@vue/reactivity-transform": "3.3.7",
-        "@vue/shared": "3.3.7",
+        "@babel/parser": "^7.23.3",
+        "@vue/compiler-core": "3.3.9",
+        "@vue/compiler-dom": "3.3.9",
+        "@vue/compiler-ssr": "3.3.9",
+        "@vue/reactivity-transform": "3.3.9",
+        "@vue/shared": "3.3.9",
         "estree-walker": "^2.0.2",
         "magic-string": "^0.30.5",
         "postcss": "^8.4.31",
@@ -486,27 +487,28 @@
       }
     },
     "node_modules/@vue/compiler-ssr": {
-      "version": "3.3.7",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.3.7.tgz",
-      "integrity": "sha512-TxOfNVVeH3zgBc82kcUv+emNHo+vKnlRrkv8YvQU5+Y5LJGJwSNzcmLUoxD/dNzv0bhQ/F0s+InlgV0NrApJZg==",
+      "version": "3.3.9",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.3.9.tgz",
+      "integrity": "sha512-NO5oobAw78R0G4SODY5A502MGnDNiDjf6qvhn7zD7TJGc8XDeIEw4fg6JU705jZ/YhuokBKz0A5a/FL/XZU73g==",
       "dependencies": {
-        "@vue/compiler-dom": "3.3.7",
-        "@vue/shared": "3.3.7"
+        "@vue/compiler-dom": "3.3.9",
+        "@vue/shared": "3.3.9"
       }
     },
     "node_modules/@vue/language-core": {
-      "version": "1.8.22",
-      "resolved": "https://registry.npmjs.org/@vue/language-core/-/language-core-1.8.22.tgz",
-      "integrity": "sha512-bsMoJzCrXZqGsxawtUea1cLjUT9dZnDsy5TuZ+l1fxRMzUGQUG9+Ypq4w//CqpWmrx7nIAJpw2JVF/t258miRw==",
+      "version": "1.8.24",
+      "resolved": "https://registry.npmjs.org/@vue/language-core/-/language-core-1.8.24.tgz",
+      "integrity": "sha512-2ClHvij0WlsDWryPzXJCSpPc6rusZFNoVtRZGgGGkKCmKuIREDDKmH8j+1tYyxPYyH0qL6pZ6+IHD8KIm5nWAw==",
       "dev": true,
       "dependencies": {
-        "@volar/language-core": "~1.10.5",
-        "@volar/source-map": "~1.10.5",
+        "@volar/language-core": "~1.11.1",
+        "@volar/source-map": "~1.11.1",
         "@vue/compiler-dom": "^3.3.0",
         "@vue/shared": "^3.3.0",
         "computeds": "^0.0.1",
         "minimatch": "^9.0.3",
         "muggle-string": "^0.3.1",
+        "path-browserify": "^1.0.1",
         "vue-template-compiler": "^2.7.14"
       },
       "peerDependencies": {
@@ -519,60 +521,60 @@
       }
     },
     "node_modules/@vue/reactivity": {
-      "version": "3.3.7",
-      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.3.7.tgz",
-      "integrity": "sha512-cZNVjWiw00708WqT0zRpyAgduG79dScKEPYJXq2xj/aMtk3SKvL3FBt2QKUlh6EHBJ1m8RhBY+ikBUzwc7/khg==",
+      "version": "3.3.9",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.3.9.tgz",
+      "integrity": "sha512-VmpIqlNp+aYDg2X0xQhJqHx9YguOmz2UxuUJDckBdQCNkipJvfk9yA75woLWElCa0Jtyec3lAAt49GO0izsphw==",
       "dependencies": {
-        "@vue/shared": "3.3.7"
+        "@vue/shared": "3.3.9"
       }
     },
     "node_modules/@vue/reactivity-transform": {
-      "version": "3.3.7",
-      "resolved": "https://registry.npmjs.org/@vue/reactivity-transform/-/reactivity-transform-3.3.7.tgz",
-      "integrity": "sha512-APhRmLVbgE1VPGtoLQoWBJEaQk4V8JUsqrQihImVqKT+8U6Qi3t5ATcg4Y9wGAPb3kIhetpufyZ1RhwbZCIdDA==",
+      "version": "3.3.9",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity-transform/-/reactivity-transform-3.3.9.tgz",
+      "integrity": "sha512-HnUFm7Ry6dFa4Lp63DAxTixUp8opMtQr6RxQCpDI1vlh12rkGIeYqMvJtK+IKyEfEOa2I9oCkD1mmsPdaGpdVg==",
       "dependencies": {
-        "@babel/parser": "^7.23.0",
-        "@vue/compiler-core": "3.3.7",
-        "@vue/shared": "3.3.7",
+        "@babel/parser": "^7.23.3",
+        "@vue/compiler-core": "3.3.9",
+        "@vue/shared": "3.3.9",
         "estree-walker": "^2.0.2",
         "magic-string": "^0.30.5"
       }
     },
     "node_modules/@vue/runtime-core": {
-      "version": "3.3.7",
-      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.3.7.tgz",
-      "integrity": "sha512-LHq9du3ubLZFdK/BP0Ysy3zhHqRfBn80Uc+T5Hz3maFJBGhci1MafccnL3rpd5/3wVfRHAe6c+PnlO2PAavPTQ==",
+      "version": "3.3.9",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.3.9.tgz",
+      "integrity": "sha512-xxaG9KvPm3GTRuM4ZyU8Tc+pMVzcu6eeoSRQJ9IE7NmCcClW6z4B3Ij6L4EDl80sxe/arTtQ6YmgiO4UZqRc+w==",
       "dependencies": {
-        "@vue/reactivity": "3.3.7",
-        "@vue/shared": "3.3.7"
+        "@vue/reactivity": "3.3.9",
+        "@vue/shared": "3.3.9"
       }
     },
     "node_modules/@vue/runtime-dom": {
-      "version": "3.3.7",
-      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.3.7.tgz",
-      "integrity": "sha512-PFQU1oeJxikdDmrfoNQay5nD4tcPNYixUBruZzVX/l0eyZvFKElZUjW4KctCcs52nnpMGO6UDK+jF5oV4GT5Lw==",
+      "version": "3.3.9",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.3.9.tgz",
+      "integrity": "sha512-e7LIfcxYSWbV6BK1wQv9qJyxprC75EvSqF/kQKe6bdZEDNValzeRXEVgiX7AHI6hZ59HA4h7WT5CGvm69vzJTQ==",
       "dependencies": {
-        "@vue/runtime-core": "3.3.7",
-        "@vue/shared": "3.3.7",
+        "@vue/runtime-core": "3.3.9",
+        "@vue/shared": "3.3.9",
         "csstype": "^3.1.2"
       }
     },
     "node_modules/@vue/server-renderer": {
-      "version": "3.3.7",
-      "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.3.7.tgz",
-      "integrity": "sha512-UlpKDInd1hIZiNuVVVvLgxpfnSouxKQOSE2bOfQpBuGwxRV/JqqTCyyjXUWiwtVMyeRaZhOYYqntxElk8FhBhw==",
+      "version": "3.3.9",
+      "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.3.9.tgz",
+      "integrity": "sha512-w0zT/s5l3Oa3ZjtLW88eO4uV6AQFqU8X5GOgzq7SkQQu6vVr+8tfm+OI2kDBplS/W/XgCBuFXiPw6T5EdwXP0A==",
       "dependencies": {
-        "@vue/compiler-ssr": "3.3.7",
-        "@vue/shared": "3.3.7"
+        "@vue/compiler-ssr": "3.3.9",
+        "@vue/shared": "3.3.9"
       },
       "peerDependencies": {
-        "vue": "3.3.7"
+        "vue": "3.3.9"
       }
     },
     "node_modules/@vue/shared": {
-      "version": "3.3.7",
-      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.3.7.tgz",
-      "integrity": "sha512-N/tbkINRUDExgcPTBvxNkvHGu504k8lzlNQRITVnm6YjOjwa4r0nnbd4Jb01sNpur5hAllyRJzSK5PvB9PPwRg=="
+      "version": "3.3.9",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.3.9.tgz",
+      "integrity": "sha512-ZE0VTIR0LmYgeyhurPTpy4KzKsuDyQbMSdM49eKkMnT5X4VfFBLysMzjIZhLEFQYjjOVVfbvUDHckwjDFiO2eA=="
     },
     "node_modules/animate.css": {
       "version": "3.7.2",
@@ -598,9 +600,9 @@
       "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
     },
     "node_modules/axios": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/axios/-/axios-1.6.0.tgz",
-      "integrity": "sha512-EZ1DYihju9pwVB+jg67ogm+Tmqc6JmhamRN6I4Zt8DfZu5lbcQGw3ozH9lFejSJgs/ibaef3A9PMXPLeefFGJg==",
+      "version": "1.6.2",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.6.2.tgz",
+      "integrity": "sha512-7i24Ri4pmDRfJTR7LDBhsOTtcm+9kjX5WiY1X3wIisx6G9So3pfMkEiU7emUBe46oceVImccTEM3k6C5dbVW8A==",
       "dependencies": {
         "follow-redirects": "^1.15.0",
         "form-data": "^4.0.0",
@@ -968,9 +970,9 @@
       "dev": true
     },
     "node_modules/nanoid": {
-      "version": "3.3.6",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz",
-      "integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==",
+      "version": "3.3.7",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz",
+      "integrity": "sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==",
       "funding": [
         {
           "type": "github",
@@ -1140,9 +1142,9 @@
       }
     },
     "node_modules/typescript": {
-      "version": "5.2.2",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.2.2.tgz",
-      "integrity": "sha512-mI4WrpHsbCIcwT9cF4FZvr80QUeKvsUsUvKDoR+X/7XHQH98xYD8YHZg7ANtz2GtZt/CBq2QJ0thkGJMHfqc1w==",
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.3.2.tgz",
+      "integrity": "sha512-6l+RyNy7oAHDfxC4FzSJcz9vnjTKxrLpDG5M2Vu4SHRVNg6xzqZp6LYSR9zjqQTu8DU/f5xwxUdADOkbrIX2gQ==",
       "devOptional": true,
       "bin": {
         "tsc": "bin/tsc",
@@ -1152,6 +1154,14 @@
         "node": ">=14.17"
       }
     },
+    "node_modules/v-smooth-scroll": {
+      "version": "2.0.0-beta.2",
+      "resolved": "https://registry.npmjs.org/v-smooth-scroll/-/v-smooth-scroll-2.0.0-beta.2.tgz",
+      "integrity": "sha512-uGWjayzx3mY1QAlDFe+JVCyYPpUqec3NE3tBXq8leIkS23zPcuXmmF2R2MY1UT7uP5gEgEo/Y5blXq37fnXYJw==",
+      "peerDependencies": {
+        "vue": "^3.0.1"
+      }
+    },
     "node_modules/vite": {
       "version": "4.5.0",
       "resolved": "https://registry.npmjs.org/vite/-/vite-4.5.0.tgz",
@@ -1208,15 +1218,15 @@
       }
     },
     "node_modules/vue": {
-      "version": "3.3.7",
-      "resolved": "https://registry.npmjs.org/vue/-/vue-3.3.7.tgz",
-      "integrity": "sha512-YEMDia1ZTv1TeBbnu6VybatmSteGOS3A3YgfINOfraCbf85wdKHzscD6HSS/vB4GAtI7sa1XPX7HcQaJ1l24zA==",
+      "version": "3.3.9",
+      "resolved": "https://registry.npmjs.org/vue/-/vue-3.3.9.tgz",
+      "integrity": "sha512-sy5sLCTR8m6tvUk1/ijri3Yqzgpdsmxgj6n6yl7GXXCXqVbmW2RCXe9atE4cEI6Iv7L89v5f35fZRRr5dChP9w==",
       "dependencies": {
-        "@vue/compiler-dom": "3.3.7",
-        "@vue/compiler-sfc": "3.3.7",
-        "@vue/runtime-dom": "3.3.7",
-        "@vue/server-renderer": "3.3.7",
-        "@vue/shared": "3.3.7"
+        "@vue/compiler-dom": "3.3.9",
+        "@vue/compiler-sfc": "3.3.9",
+        "@vue/runtime-dom": "3.3.9",
+        "@vue/server-renderer": "3.3.9",
+        "@vue/shared": "3.3.9"
       },
       "peerDependencies": {
         "typescript": "*"
@@ -1238,13 +1248,13 @@
       }
     },
     "node_modules/vue-tsc": {
-      "version": "1.8.22",
-      "resolved": "https://registry.npmjs.org/vue-tsc/-/vue-tsc-1.8.22.tgz",
-      "integrity": "sha512-j9P4kHtW6eEE08aS5McFZE/ivmipXy0JzrnTgbomfABMaVKx37kNBw//irL3+LlE3kOo63XpnRigyPC3w7+z+A==",
+      "version": "1.8.24",
+      "resolved": "https://registry.npmjs.org/vue-tsc/-/vue-tsc-1.8.24.tgz",
+      "integrity": "sha512-eH1CSj231OzVEY5Hi7wS6ubzyOEwgr5jCptR0Ddf2SitGcaXIsPVDvrprm3eolCdyhDt3WS1Eb2F4fGX9BsUUw==",
       "dev": true,
       "dependencies": {
-        "@volar/typescript": "~1.10.5",
-        "@vue/language-core": "1.8.22",
+        "@volar/typescript": "~1.11.1",
+        "@vue/language-core": "1.8.24",
         "semver": "^7.5.4"
       },
       "bin": {
diff --git a/package.json b/package.json
index e891c13..7002dbf 100644
--- a/package.json
+++ b/package.json
@@ -14,6 +14,7 @@
     "bootstrap": "^4.0.0",
     "bootstrap-notify": "^3.1.3",
     "jquery": "^3.3.1",
+    "v-smooth-scroll": "^2.0.0-beta.2",
     "vue": "^3.3.4"
   },
   "devDependencies": {
diff --git a/src/App.vue b/src/App.vue
index d837b00..92ca14a 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -19,7 +19,7 @@ export default defineComponent({
   components: {Footer, Membership, Airplane, About, Video, Navbar},
   mounted() {
     setTimeout(() => {
-      window.$('#preloader').hide()
+      window.$('#preloader').fadeOut()
       window.$('.page-wrapper').show()
 
     }, 1000)
diff --git a/src/components/About.vue b/src/components/About.vue
index 3cc70f1..0e6b8ad 100644
--- a/src/components/About.vue
+++ b/src/components/About.vue
@@ -39,7 +39,7 @@
       </div>
       <div class='row'>
         <div class='col-md-4 mb40'>
-          <img src='https://i.siteworxpro.com/MgGDS08hwJxBR783-LU33bpCIn_-AGQgdhjYKQP19b8/rs:fill:600:390/czM6Ly9pbWFnZXMuc2l0ZXdvcnhwcm8uY29tL0dYc1ZZLnBuZw' alt=''
+          <img src='https://i.siteworxpro.com/rAePibzY_GbZDSIhi8PVIRCdLZFDcwdB4qlffRpF6uE/rs:force:600:390/sm:1/enc/aoDLmulBAmnrvWQyFNciQYP9XJDf7l7tyuCzrqNw2HRhYYXjb2rF6ujaSVUlofXTg0s2deA2ccr1rBD04J3OVg' alt=''
                class='img-fluid center-img shadow-card mb30'>
           <h5 class='text-uppercase'>LED Lighting</h5>
           <p>
@@ -48,7 +48,7 @@
           </p>
         </div>
         <div class='col-md-4 mb40'>
-          <img src='https://i.siteworxpro.com/9EUkRWShsUQ4lEc-jAbWY_AQGRPyjvRbh-1aao8J9Jk/rs:fill:600:390/czM6Ly9pbWFnZXMuc2l0ZXdvcnhwcm8uY29tLzBhQkJzLmpwZw' alt=''
+          <img src='https://i.siteworxpro.com/DPBjh6ZxR9tJQklSsacX8i-pP8CCyY6fsvceWFnu778/rs:fill:600:390/sm:1/enc/8-pbpl3TnHL-bT49jzAlAOJ__8McoJOxOe3vwbTKVBO7T66taZEpVWYzTCABgxmYLsvPHwpYJokPC-zOA3Qazw' alt=''
                class='img-fluid center-img shadow-card mb30'>
           <h5 class='text-uppercase'>upgraded avionics</h5>
           <p>
@@ -57,7 +57,7 @@
           </p>
         </div>
         <div class='col-md-4 mb40'>
-          <img src='https://i.siteworxpro.com/5oc6HNDtE_-b8Lj6VdgjSEfMlCx6hucPlyn3vMhOQpI/rs:fill:600:390/czM6Ly9pbWFnZXMuc2l0ZXdvcnhwcm8uY29tL2o5WnNqLnBuZw' alt=''
+          <img src='https://i.siteworxpro.com/to5319aktku---ir6_mgNZD-RbHYcOgvjv7MsiWlPaI/rs:fill:600:390/sm:1/enc/zkaOnrcz-UuAVe4ni-xXIdOeoBA1Odr0S78v8XKf3QfgQmawjL_tmWDMxC5uO_aEQNWE4jMHWJ0zg6U3iUIgRQ' alt=''
                class='img-fluid center-img shadow-card mb30'>
           <h5 class='text-uppercase'>New Interior and Exterior</h5>
           <p>
diff --git a/src/components/Airplane.vue b/src/components/Airplane.vue
index 189115e..d447fd9 100644
--- a/src/components/Airplane.vue
+++ b/src/components/Airplane.vue
@@ -4,10 +4,10 @@
       <div class="row align-items-center">
         <div class="col-md-6">
           <div class="wow fadeInLeft mb30" data-wow-delay=".1s">
-            <img src="https://i.siteworxpro.com/9PH661tMSb7cJvJBnzZkpEI9xxX6jwuc-jE-Rznt6Dw/rs:fill:600:390/czM6Ly9pbWFnZXMuc2l0ZXdvcnhwcm8uY29tL3UxQTdYLnBuZw" alt="" class="img-fluid">
+            <img src="https://i.siteworxpro.com/8xNv99uDwZYwS2P-R3fyysSR7HPGdNb1Q5FNPxMHMh8/rs:fill:600:390/sm:1/enc/gSpwKu7D0w1NE6dCNOY4lmg4E0m-eAPfoQMhsbvmQ1BlpFm-a9B0sKLXhtpk03vRQAphIkk5Ax5_EaxkGAqLrA" alt="" class="img-fluid">
           </div>
           <div class="wow fadeInLeft mb30" data-wow-delay=".2s">
-            <img src="https://i.siteworxpro.com/o62a1kvzhRhsRk9_MrWe_C-VVtDbZFUYHgz_GbW5e1s/rs:fill:600:390/czM6Ly9pbWFnZXMuc2l0ZXdvcnhwcm8uY29tL3BiT1lvLnBuZw" alt="" class="img-fluid">
+            <img src="https://i.siteworxpro.com/E_5j5HATyJ99Yh9PkILRU1oRgy0Sy4GFcJ8j6ZWm6bI/rs:fill:600:390/sm:1/enc/EcjNUhB09U9Wo1Eg-CNrj4Dt1jz07DESuzj-9lkZvBDwotN00WT2yY_UupoDsQobsuodpKIlQWtfEGfzmQCf-A" alt="" class="img-fluid">
           </div>
         </div>
         <div class="col-md-6 pb40">
diff --git a/src/components/Navbar.vue b/src/components/Navbar.vue
index 5ac8877..404c53a 100644
--- a/src/components/Navbar.vue
+++ b/src/components/Navbar.vue
@@ -7,14 +7,14 @@
         <span class="navbar-toggler-icon"></span>
       </button>
       <a class="navbar-brand" data-scroll href="#home">
-        <img class="img-fluid" src="https://i.siteworxpro.com/VnRbpfvE4AodnHHrq0-DmmbDJwxUwrl9cJZIIdUv8uk/h:50/czM6Ly9pbWFnZXMuc2l0ZXdvcnhwcm8uY29tL0xVQm0wLnBuZw" alt=""></a>
+        <img class="img-fluid" src="https://i.siteworxpro.com/IUE4jjDPFGuPIcUcUFR3IV1hYRYuoYB6nfWZD2RPSGA/h:50/sm:1/enc/050ncKJmlYpMTBE_nfJ3Z_n_byw3Kmtp0aIq-xRes4Z4StyEieHEB3hWWFygryenspbmebej7KmZgMbztCdypw" alt=""></a>
 
       <div class="collapse navbar-collapse" id="navbarsspy">
         <ul class="navbar-nav ml-auto">
-          <li class="nav-item"><a data-scroll class="nav-link active" href="#home">home</a></li>
-          <li class="nav-item"><a data-scroll class="nav-link" href="#about">About</a></li>
-          <li class="nav-item"><a data-scroll class="nav-link" href="#airplane">The Airplane</a></li>
-          <li class="nav-item"><a data-scroll class="nav-link" href="#membership">Membership</a></li>
+          <li class="nav-item"><a v-smooth-scroll="{offset: -100}" class="nav-link active" href="#home">home</a></li>
+          <li class="nav-item"><a v-smooth-scroll="{offset: -100}" class="nav-link" href="#about">About</a></li>
+          <li class="nav-item"><a v-smooth-scroll class="nav-link" href="#airplane">The Airplane</a></li>
+          <li class="nav-item"><a v-smooth-scroll class="nav-link" href="#membership">Membership</a></li>
         </ul>
       </div>
     </div>
diff --git a/src/components/Video.vue b/src/components/Video.vue
index f4b79fe..d350d12 100644
--- a/src/components/Video.vue
+++ b/src/components/Video.vue
@@ -33,7 +33,7 @@
         </div>
       </div>
     </div>
-    <div class="mouse-down"><a data-scroll href="#about"><i class="fa fa-angle-down fa-3x"></i></a></div>
+    <div class="mouse-down"><a v-smooth-scroll="{offset: -100}" href="#about"><i class="fa fa-angle-down fa-3x"></i></a></div>
   </section>
 </template>
 <script lang="ts">
diff --git a/src/main.ts b/src/main.ts
index 6218275..5545467 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,6 +1,7 @@
 import { createApp } from 'vue'
 import './styles/style.scss'
 import App from './App.vue'
+import VueSmoothScroll from 'v-smooth-scroll'
 
 import $ from 'jquery';
 //@ts-ignore
@@ -10,4 +11,6 @@ window.$ = $;
 
 let app = createApp(App)
 
+app.use(VueSmoothScroll)
+
 app.mount('#app')
\ No newline at end of file