diff --git a/Mindshift b/Mindshift
new file mode 160000
index 0000000..ca6d805
--- /dev/null
+++ b/Mindshift
@@ -0,0 +1 @@
+Subproject commit ca6d80538725972540cb733fbfb78febe8e736c7
diff --git a/package-lock.json b/package-lock.json
index fdb0d61..3ab72c0 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -3157,6 +3157,16 @@
         }
       }
     },
+    "node_modules/@popperjs/core": {
+      "version": "2.11.8",
+      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz",
+      "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==",
+      "peer": true,
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/popperjs"
+      }
+    },
     "node_modules/@react-spring/animated": {
       "version": "9.6.1",
       "resolved": "https://registry.npmjs.org/@react-spring/animated/-/animated-9.6.1.tgz",
@@ -16312,6 +16322,19 @@
         "is-typedarray": "^1.0.0"
       }
     },
+    "node_modules/typescript": {
+      "version": "4.9.5",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz",
+      "integrity": "sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==",
+      "peer": true,
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=4.2.0"
+      }
+    },
     "node_modules/unbox-primitive": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz",
@@ -18758,12 +18781,14 @@
     "@csstools/postcss-unset-value": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/@csstools/postcss-unset-value/-/postcss-unset-value-1.0.2.tgz",
-      "integrity": "sha512-c8J4roPBILnelAsdLr4XOAR/GsTm0GJi4XpcfvoWk3U6KiTCqiFYc63KhRMQQX35jYMp4Ao8Ij9+IZRgMfJp1g=="
+      "integrity": "sha512-c8J4roPBILnelAsdLr4XOAR/GsTm0GJi4XpcfvoWk3U6KiTCqiFYc63KhRMQQX35jYMp4Ao8Ij9+IZRgMfJp1g==",
+      "requires": {}
     },
     "@csstools/selector-specificity": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/@csstools/selector-specificity/-/selector-specificity-2.1.0.tgz",
-      "integrity": "sha512-zJ6hb3FDgBbO8d2e83vg6zq7tNvDqSq9RwdwfzJ8tdm9JHNvANq2fqwyRn6mlpUb7CwTs5ILdUrGwi9Gk4vY5w=="
+      "integrity": "sha512-zJ6hb3FDgBbO8d2e83vg6zq7tNvDqSq9RwdwfzJ8tdm9JHNvANq2fqwyRn6mlpUb7CwTs5ILdUrGwi9Gk4vY5w==",
+      "requires": {}
     },
     "@eslint/eslintrc": {
       "version": "1.4.1",
@@ -19474,6 +19499,12 @@
         "source-map": "^0.7.3"
       }
     },
+    "@popperjs/core": {
+      "version": "2.11.8",
+      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz",
+      "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==",
+      "peer": true
+    },
     "@react-spring/animated": {
       "version": "9.6.1",
       "resolved": "https://registry.npmjs.org/@react-spring/animated/-/animated-9.6.1.tgz",
@@ -20660,12 +20691,14 @@
     "acorn-import-assertions": {
       "version": "1.8.0",
       "resolved": "https://registry.npmjs.org/acorn-import-assertions/-/acorn-import-assertions-1.8.0.tgz",
-      "integrity": "sha512-m7VZ3jwz4eK6A4Vtt8Ew1/mNbP24u0FhdyfA7fSvnJR6LMdfOYnmuIrrJAgrYfYJ10F/otaHTtrtrtmHdMNzEw=="
+      "integrity": "sha512-m7VZ3jwz4eK6A4Vtt8Ew1/mNbP24u0FhdyfA7fSvnJR6LMdfOYnmuIrrJAgrYfYJ10F/otaHTtrtrtmHdMNzEw==",
+      "requires": {}
     },
     "acorn-jsx": {
       "version": "5.3.2",
       "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
-      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ=="
+      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
+      "requires": {}
     },
     "acorn-walk": {
       "version": "7.2.0",
@@ -20983,7 +21016,8 @@
         "ajv-keywords": {
           "version": "3.5.2",
           "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
-          "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ=="
+          "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
+          "requires": {}
         },
         "json-schema-traverse": {
           "version": "0.4.1",
@@ -21038,7 +21072,8 @@
     "babel-plugin-named-asset-import": {
       "version": "0.3.8",
       "resolved": "https://registry.npmjs.org/babel-plugin-named-asset-import/-/babel-plugin-named-asset-import-0.3.8.tgz",
-      "integrity": "sha512-WXiAc++qo7XcJ1ZnTYGtLxmBCVbddAml3CEXgWaBzNzLNoxtQ8AiGEFDMOhot9XjTCQbvP5E77Fj9Gk924f00Q=="
+      "integrity": "sha512-WXiAc++qo7XcJ1ZnTYGtLxmBCVbddAml3CEXgWaBzNzLNoxtQ8AiGEFDMOhot9XjTCQbvP5E77Fj9Gk924f00Q==",
+      "requires": {}
     },
     "babel-plugin-polyfill-corejs2": {
       "version": "0.3.3",
@@ -21232,7 +21267,8 @@
     "bootstrap": {
       "version": "5.2.3",
       "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.2.3.tgz",
-      "integrity": "sha512-cEKPM+fwb3cT8NzQZYEu4HilJ3anCrWqh3CHAok1p9jXqMPsPTBhU25fBckEJHJ/p+tTxTFTsFQGM+gaHpi3QQ=="
+      "integrity": "sha512-cEKPM+fwb3cT8NzQZYEu4HilJ3anCrWqh3CHAok1p9jXqMPsPTBhU25fBckEJHJ/p+tTxTFTsFQGM+gaHpi3QQ==",
+      "requires": {}
     },
     "brace-expansion": {
       "version": "1.1.11",
@@ -21654,7 +21690,8 @@
     "css-declaration-sorter": {
       "version": "6.3.1",
       "resolved": "https://registry.npmjs.org/css-declaration-sorter/-/css-declaration-sorter-6.3.1.tgz",
-      "integrity": "sha512-fBffmak0bPAnyqc/HO8C3n2sHrp9wcqQz6ES9koRF2/mLOVAx9zIQ3Y7R29sYCteTPqMCwns4WYQoCX91Xl3+w=="
+      "integrity": "sha512-fBffmak0bPAnyqc/HO8C3n2sHrp9wcqQz6ES9koRF2/mLOVAx9zIQ3Y7R29sYCteTPqMCwns4WYQoCX91Xl3+w==",
+      "requires": {}
     },
     "css-has-pseudo": {
       "version": "3.0.4",
@@ -21721,7 +21758,8 @@
     "css-prefers-color-scheme": {
       "version": "6.0.3",
       "resolved": "https://registry.npmjs.org/css-prefers-color-scheme/-/css-prefers-color-scheme-6.0.3.tgz",
-      "integrity": "sha512-4BqMbZksRkJQx2zAjrokiGMd07RqOa2IxIrrN10lyBe9xhn9DEvjUK79J6jkeiv9D9hQFXKb6g1jwU62jziJZA=="
+      "integrity": "sha512-4BqMbZksRkJQx2zAjrokiGMd07RqOa2IxIrrN10lyBe9xhn9DEvjUK79J6jkeiv9D9hQFXKb6g1jwU62jziJZA==",
+      "requires": {}
     },
     "css-select": {
       "version": "4.3.0",
@@ -21825,7 +21863,8 @@
     "cssnano-utils": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/cssnano-utils/-/cssnano-utils-3.1.0.tgz",
-      "integrity": "sha512-JQNR19/YZhz4psLX/rQ9M83e3z2Wf/HdJbryzte4a3NSuafyp9w/I4U+hx5C2S9g41qlstH7DEWnZaaj83OuEA=="
+      "integrity": "sha512-JQNR19/YZhz4psLX/rQ9M83e3z2Wf/HdJbryzte4a3NSuafyp9w/I4U+hx5C2S9g41qlstH7DEWnZaaj83OuEA==",
+      "requires": {}
     },
     "csso": {
       "version": "4.2.0",
@@ -22724,7 +22763,8 @@
     "eslint-plugin-react-hooks": {
       "version": "4.6.0",
       "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.0.tgz",
-      "integrity": "sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g=="
+      "integrity": "sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g==",
+      "requires": {}
     },
     "eslint-plugin-testing-library": {
       "version": "5.9.1",
@@ -23196,7 +23236,8 @@
         "ajv-keywords": {
           "version": "3.5.2",
           "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
-          "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ=="
+          "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
+          "requires": {}
         },
         "ansi-styles": {
           "version": "4.3.0",
@@ -23751,7 +23792,8 @@
     "icss-utils": {
       "version": "5.1.0",
       "resolved": "https://registry.npmjs.org/icss-utils/-/icss-utils-5.1.0.tgz",
-      "integrity": "sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA=="
+      "integrity": "sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA==",
+      "requires": {}
     },
     "idb": {
       "version": "7.1.1",
@@ -24843,7 +24885,8 @@
     "jest-pnp-resolver": {
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/jest-pnp-resolver/-/jest-pnp-resolver-1.2.3.tgz",
-      "integrity": "sha512-+3NpwQEnRoIBtx4fyhblQDPgJI0H1IEIkX7ShLUjPGA7TtUTvI1oiKi3SR4oBR0hQhQR80l4WAe5RrXBwWMA8w=="
+      "integrity": "sha512-+3NpwQEnRoIBtx4fyhblQDPgJI0H1IEIkX7ShLUjPGA7TtUTvI1oiKi3SR4oBR0hQhQR80l4WAe5RrXBwWMA8w==",
+      "requires": {}
     },
     "jest-regex-util": {
       "version": "27.5.1",
@@ -26513,7 +26556,8 @@
     "postcss-browser-comments": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/postcss-browser-comments/-/postcss-browser-comments-4.0.0.tgz",
-      "integrity": "sha512-X9X9/WN3KIvY9+hNERUqX9gncsgBA25XaeR+jshHz2j8+sYyHktHw1JdKuMjeLpGktXidqDhA7b/qm1mrBDmgg=="
+      "integrity": "sha512-X9X9/WN3KIvY9+hNERUqX9gncsgBA25XaeR+jshHz2j8+sYyHktHw1JdKuMjeLpGktXidqDhA7b/qm1mrBDmgg==",
+      "requires": {}
     },
     "postcss-calc": {
       "version": "8.2.4",
@@ -26611,22 +26655,26 @@
     "postcss-discard-comments": {
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/postcss-discard-comments/-/postcss-discard-comments-5.1.2.tgz",
-      "integrity": "sha512-+L8208OVbHVF2UQf1iDmRcbdjJkuBF6IS29yBDSiWUIzpYaAhtNl6JYnYm12FnkeCwQqF5LeklOu6rAqgfBZqQ=="
+      "integrity": "sha512-+L8208OVbHVF2UQf1iDmRcbdjJkuBF6IS29yBDSiWUIzpYaAhtNl6JYnYm12FnkeCwQqF5LeklOu6rAqgfBZqQ==",
+      "requires": {}
     },
     "postcss-discard-duplicates": {
       "version": "5.1.0",
       "resolved": "https://registry.npmjs.org/postcss-discard-duplicates/-/postcss-discard-duplicates-5.1.0.tgz",
-      "integrity": "sha512-zmX3IoSI2aoenxHV6C7plngHWWhUOV3sP1T8y2ifzxzbtnuhk1EdPwm0S1bIUNaJ2eNbWeGLEwzw8huPD67aQw=="
+      "integrity": "sha512-zmX3IoSI2aoenxHV6C7plngHWWhUOV3sP1T8y2ifzxzbtnuhk1EdPwm0S1bIUNaJ2eNbWeGLEwzw8huPD67aQw==",
+      "requires": {}
     },
     "postcss-discard-empty": {
       "version": "5.1.1",
       "resolved": "https://registry.npmjs.org/postcss-discard-empty/-/postcss-discard-empty-5.1.1.tgz",
-      "integrity": "sha512-zPz4WljiSuLWsI0ir4Mcnr4qQQ5e1Ukc3i7UfE2XcrwKK2LIPIqE5jxMRxO6GbI3cv//ztXDsXwEWT3BHOGh3A=="
+      "integrity": "sha512-zPz4WljiSuLWsI0ir4Mcnr4qQQ5e1Ukc3i7UfE2XcrwKK2LIPIqE5jxMRxO6GbI3cv//ztXDsXwEWT3BHOGh3A==",
+      "requires": {}
     },
     "postcss-discard-overridden": {
       "version": "5.1.0",
       "resolved": "https://registry.npmjs.org/postcss-discard-overridden/-/postcss-discard-overridden-5.1.0.tgz",
-      "integrity": "sha512-21nOL7RqWR1kasIVdKs8HNqQJhFxLsyRfAnUDm4Fe4t4mCWL9OJiHvlHPjcd8zc5Myu89b/7wZDnOSjFgeWRtw=="
+      "integrity": "sha512-21nOL7RqWR1kasIVdKs8HNqQJhFxLsyRfAnUDm4Fe4t4mCWL9OJiHvlHPjcd8zc5Myu89b/7wZDnOSjFgeWRtw==",
+      "requires": {}
     },
     "postcss-double-position-gradients": {
       "version": "3.1.2",
@@ -26648,7 +26696,8 @@
     "postcss-flexbugs-fixes": {
       "version": "5.0.2",
       "resolved": "https://registry.npmjs.org/postcss-flexbugs-fixes/-/postcss-flexbugs-fixes-5.0.2.tgz",
-      "integrity": "sha512-18f9voByak7bTktR2QgDveglpn9DTbBWPUzSOe9g0N4WR/2eSt6Vrcbf0hmspvMI6YWGywz6B9f7jzpFNJJgnQ=="
+      "integrity": "sha512-18f9voByak7bTktR2QgDveglpn9DTbBWPUzSOe9g0N4WR/2eSt6Vrcbf0hmspvMI6YWGywz6B9f7jzpFNJJgnQ==",
+      "requires": {}
     },
     "postcss-focus-visible": {
       "version": "6.0.4",
@@ -26669,12 +26718,14 @@
     "postcss-font-variant": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/postcss-font-variant/-/postcss-font-variant-5.0.0.tgz",
-      "integrity": "sha512-1fmkBaCALD72CK2a9i468mA/+tr9/1cBxRRMXOUaZqO43oWPR5imcyPjXwuv7PXbCid4ndlP5zWhidQVVa3hmA=="
+      "integrity": "sha512-1fmkBaCALD72CK2a9i468mA/+tr9/1cBxRRMXOUaZqO43oWPR5imcyPjXwuv7PXbCid4ndlP5zWhidQVVa3hmA==",
+      "requires": {}
     },
     "postcss-gap-properties": {
       "version": "3.0.5",
       "resolved": "https://registry.npmjs.org/postcss-gap-properties/-/postcss-gap-properties-3.0.5.tgz",
-      "integrity": "sha512-IuE6gKSdoUNcvkGIqdtjtcMtZIFyXZhmFd5RUlg97iVEvp1BZKV5ngsAjCjrVy+14uhGBQl9tzmi1Qwq4kqVOg=="
+      "integrity": "sha512-IuE6gKSdoUNcvkGIqdtjtcMtZIFyXZhmFd5RUlg97iVEvp1BZKV5ngsAjCjrVy+14uhGBQl9tzmi1Qwq4kqVOg==",
+      "requires": {}
     },
     "postcss-image-set-function": {
       "version": "4.0.7",
@@ -26697,7 +26748,8 @@
     "postcss-initial": {
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/postcss-initial/-/postcss-initial-4.0.1.tgz",
-      "integrity": "sha512-0ueD7rPqX8Pn1xJIjay0AZeIuDoF+V+VvMt/uOnn+4ezUKhZM/NokDeP6DwMNyIoYByuN/94IQnt5FEkaN59xQ=="
+      "integrity": "sha512-0ueD7rPqX8Pn1xJIjay0AZeIuDoF+V+VvMt/uOnn+4ezUKhZM/NokDeP6DwMNyIoYByuN/94IQnt5FEkaN59xQ==",
+      "requires": {}
     },
     "postcss-js": {
       "version": "4.0.1",
@@ -26745,12 +26797,14 @@
     "postcss-logical": {
       "version": "5.0.4",
       "resolved": "https://registry.npmjs.org/postcss-logical/-/postcss-logical-5.0.4.tgz",
-      "integrity": "sha512-RHXxplCeLh9VjinvMrZONq7im4wjWGlRJAqmAVLXyZaXwfDWP73/oq4NdIp+OZwhQUMj0zjqDfM5Fj7qby+B4g=="
+      "integrity": "sha512-RHXxplCeLh9VjinvMrZONq7im4wjWGlRJAqmAVLXyZaXwfDWP73/oq4NdIp+OZwhQUMj0zjqDfM5Fj7qby+B4g==",
+      "requires": {}
     },
     "postcss-media-minmax": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/postcss-media-minmax/-/postcss-media-minmax-5.0.0.tgz",
-      "integrity": "sha512-yDUvFf9QdFZTuCUg0g0uNSHVlJ5X1lSzDZjPSFaiCWvjgsvu8vEVxtahPrLMinIDEEGnx6cBe6iqdx5YWz08wQ=="
+      "integrity": "sha512-yDUvFf9QdFZTuCUg0g0uNSHVlJ5X1lSzDZjPSFaiCWvjgsvu8vEVxtahPrLMinIDEEGnx6cBe6iqdx5YWz08wQ==",
+      "requires": {}
     },
     "postcss-merge-longhand": {
       "version": "5.1.7",
@@ -26811,7 +26865,8 @@
     "postcss-modules-extract-imports": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/postcss-modules-extract-imports/-/postcss-modules-extract-imports-3.0.0.tgz",
-      "integrity": "sha512-bdHleFnP3kZ4NYDhuGlVK+CMrQ/pqUm8bx/oGL93K6gVwiclvX5x0n76fYMKuIGKzlABOy13zsvqjb0f92TEXw=="
+      "integrity": "sha512-bdHleFnP3kZ4NYDhuGlVK+CMrQ/pqUm8bx/oGL93K6gVwiclvX5x0n76fYMKuIGKzlABOy13zsvqjb0f92TEXw==",
+      "requires": {}
     },
     "postcss-modules-local-by-default": {
       "version": "4.0.0",
@@ -26869,7 +26924,8 @@
     "postcss-normalize-charset": {
       "version": "5.1.0",
       "resolved": "https://registry.npmjs.org/postcss-normalize-charset/-/postcss-normalize-charset-5.1.0.tgz",
-      "integrity": "sha512-mSgUJ+pd/ldRGVx26p2wz9dNZ7ji6Pn8VWBajMXFf8jk7vUoSrZ2lt/wZR7DtlZYKesmZI680qjr2CeFF2fbUg=="
+      "integrity": "sha512-mSgUJ+pd/ldRGVx26p2wz9dNZ7ji6Pn8VWBajMXFf8jk7vUoSrZ2lt/wZR7DtlZYKesmZI680qjr2CeFF2fbUg==",
+      "requires": {}
     },
     "postcss-normalize-display-values": {
       "version": "5.1.0",
@@ -26940,7 +26996,8 @@
     "postcss-opacity-percentage": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/postcss-opacity-percentage/-/postcss-opacity-percentage-1.1.3.tgz",
-      "integrity": "sha512-An6Ba4pHBiDtyVpSLymUUERMo2cU7s+Obz6BTrS+gxkbnSBNKSuD0AVUc+CpBMrpVPKKfoVz0WQCX+Tnst0i4A=="
+      "integrity": "sha512-An6Ba4pHBiDtyVpSLymUUERMo2cU7s+Obz6BTrS+gxkbnSBNKSuD0AVUc+CpBMrpVPKKfoVz0WQCX+Tnst0i4A==",
+      "requires": {}
     },
     "postcss-ordered-values": {
       "version": "5.1.3",
@@ -26962,7 +27019,8 @@
     "postcss-page-break": {
       "version": "3.0.4",
       "resolved": "https://registry.npmjs.org/postcss-page-break/-/postcss-page-break-3.0.4.tgz",
-      "integrity": "sha512-1JGu8oCjVXLa9q9rFTo4MbeeA5FMe00/9C7lN4va606Rdb+HkxXtXsmEDrIraQ11fGz/WvKWa8gMuCKkrXpTsQ=="
+      "integrity": "sha512-1JGu8oCjVXLa9q9rFTo4MbeeA5FMe00/9C7lN4va606Rdb+HkxXtXsmEDrIraQ11fGz/WvKWa8gMuCKkrXpTsQ==",
+      "requires": {}
     },
     "postcss-place": {
       "version": "7.0.5",
@@ -27056,7 +27114,8 @@
     "postcss-replace-overflow-wrap": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/postcss-replace-overflow-wrap/-/postcss-replace-overflow-wrap-4.0.0.tgz",
-      "integrity": "sha512-KmF7SBPphT4gPPcKZc7aDkweHiKEEO8cla/GjcBK+ckKxiZslIu3C4GCRW3DNfL0o7yW7kMQu9xlZ1kXRXLXtw=="
+      "integrity": "sha512-KmF7SBPphT4gPPcKZc7aDkweHiKEEO8cla/GjcBK+ckKxiZslIu3C4GCRW3DNfL0o7yW7kMQu9xlZ1kXRXLXtw==",
+      "requires": {}
     },
     "postcss-selector-not": {
       "version": "6.0.1",
@@ -27332,7 +27391,8 @@
     "react-chartjs-2": {
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/react-chartjs-2/-/react-chartjs-2-5.2.0.tgz",
-      "integrity": "sha512-98iN5aguJyVSxp5U3CblRLH67J8gkfyGNbiK3c+l1QI/G4irHMPQw44aEPmjVag+YKTyQ260NcF82GTQ3bdscA=="
+      "integrity": "sha512-98iN5aguJyVSxp5U3CblRLH67J8gkfyGNbiK3c+l1QI/G4irHMPQw44aEPmjVag+YKTyQ260NcF82GTQ3bdscA==",
+      "requires": {}
     },
     "react-dev-utils": {
       "version": "12.0.1",
@@ -27453,7 +27513,8 @@
     "react-icons": {
       "version": "4.7.1",
       "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-4.7.1.tgz",
-      "integrity": "sha512-yHd3oKGMgm7zxo3EA7H2n7vxSoiGmHk5t6Ou4bXsfcgWyhfDKMpyKfhHR6Bjnn63c+YXBLBPUql9H4wPJM6sXw=="
+      "integrity": "sha512-yHd3oKGMgm7zxo3EA7H2n7vxSoiGmHk5t6Ou4bXsfcgWyhfDKMpyKfhHR6Bjnn63c+YXBLBPUql9H4wPJM6sXw==",
+      "requires": {}
     },
     "react-is": {
       "version": "17.0.2",
@@ -27540,7 +27601,8 @@
     "react-side-effect": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/react-side-effect/-/react-side-effect-2.1.2.tgz",
-      "integrity": "sha512-PVjOcvVOyIILrYoyGEpDN3vmYNLdy1CajSFNt4TDsVQC5KpTijDvWVoR+/7Rz2xT978D8/ZtFceXxzsPwZEDvw=="
+      "integrity": "sha512-PVjOcvVOyIILrYoyGEpDN3vmYNLdy1CajSFNt4TDsVQC5KpTijDvWVoR+/7Rz2xT978D8/ZtFceXxzsPwZEDvw==",
+      "requires": {}
     },
     "react-tinder-card": {
       "version": "1.6.2",
@@ -27553,7 +27615,8 @@
     "reactjs-popup": {
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/reactjs-popup/-/reactjs-popup-2.0.5.tgz",
-      "integrity": "sha512-b5hv9a6aGsHEHXFAgPO5s1Jw1eSkopueyUVxQewGdLgqk2eW0IVXZrPRpHR629YcgIpC2oxtX8OOZ8a7bQJbxA=="
+      "integrity": "sha512-b5hv9a6aGsHEHXFAgPO5s1Jw1eSkopueyUVxQewGdLgqk2eW0IVXZrPRpHR629YcgIpC2oxtX8OOZ8a7bQJbxA==",
+      "requires": {}
     },
     "read-cache": {
       "version": "1.0.0",
@@ -27927,7 +27990,8 @@
         "ajv-keywords": {
           "version": "3.5.2",
           "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
-          "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ=="
+          "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
+          "requires": {}
         },
         "json-schema-traverse": {
           "version": "0.4.1",
@@ -28388,7 +28452,8 @@
     "style-loader": {
       "version": "3.3.1",
       "resolved": "https://registry.npmjs.org/style-loader/-/style-loader-3.3.1.tgz",
-      "integrity": "sha512-GPcQ+LDJbrcxHORTRes6Jy2sfvK2kS6hpSfI/fXhPt+spVzxF6LJ1dHLN9zIGmVaaP044YKaIatFaufENRiDoQ=="
+      "integrity": "sha512-GPcQ+LDJbrcxHORTRes6Jy2sfvK2kS6hpSfI/fXhPt+spVzxF6LJ1dHLN9zIGmVaaP044YKaIatFaufENRiDoQ==",
+      "requires": {}
     },
     "stylehacks": {
       "version": "5.1.1",
@@ -28849,6 +28914,12 @@
         "is-typedarray": "^1.0.0"
       }
     },
+    "typescript": {
+      "version": "4.9.5",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz",
+      "integrity": "sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==",
+      "peer": true
+    },
     "unbox-primitive": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz",
@@ -29178,7 +29249,8 @@
         "ws": {
           "version": "8.12.0",
           "resolved": "https://registry.npmjs.org/ws/-/ws-8.12.0.tgz",
-          "integrity": "sha512-kU62emKIdKVeEIOIKVegvqpXMSTAMLJozpHZaJNDYqBjzlSYXQGviYwN1osDLJ9av68qHd4a2oSjd7yD4pacig=="
+          "integrity": "sha512-kU62emKIdKVeEIOIKVegvqpXMSTAMLJozpHZaJNDYqBjzlSYXQGviYwN1osDLJ9av68qHd4a2oSjd7yD4pacig==",
+          "requires": {}
         }
       }
     },
@@ -29610,7 +29682,8 @@
     "ws": {
       "version": "7.5.9",
       "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.9.tgz",
-      "integrity": "sha512-F+P9Jil7UiSKSkppIiD94dN07AwvFixvLIj1Og1Rl9GGMuNipJnV9JzjD6XuqmAeiswGvUmNLjr5cFuXwNS77Q=="
+      "integrity": "sha512-F+P9Jil7UiSKSkppIiD94dN07AwvFixvLIj1Og1Rl9GGMuNipJnV9JzjD6XuqmAeiswGvUmNLjr5cFuXwNS77Q==",
+      "requires": {}
     },
     "xml-name-validator": {
       "version": "3.0.0",
diff --git a/src/pages/Landingpage.jsx b/src/pages/Landingpage.jsx
index 2dbda67..0b818aa 100644
--- a/src/pages/Landingpage.jsx
+++ b/src/pages/Landingpage.jsx
@@ -1,5 +1,38 @@
 
 import React, { useState } from "react";
+import './Assessment/Assessment.js';
+
+import outerbox from "./images/outerbox.png"
+import github from "./images/github.png"
+import linkedin from "./images/linkedin.png"
+import instagram from "./images/instagram.png"
+import twitter from "./images/twitter.png"
+import tagline from "./images/tagline.png"
+import greenwavecontainer from "./images/greenwavecontainer.png"
+import whitewavecontainer from "./images/whitewavecontainer.png"
+import keyfeatures from "./images/key-features.png"
+import importancetitle from "./images/importancetitle.png"
+import mentalhealthtitle from "./images/mentalhealthtitle.png"
+import positivethoughtstitle from "./images/positivethoughtstitle.png"
+import joinus from "./images/join-us.png"
+import bubblesmentalhealth from "./images/bubblesmentalhealth.png"
+import bubblespositivethought from "./images/bubblespositivethought.png"
+import bubblesimportance from "./images/bubblesimportance.png"
+import backlinesmentalhealth from "./images/backlinesmentalhealth.png"
+import backlinesimportance from "./images/backlinesimportance.png"
+import backlinepositive from "./images/backlinepositive.png"
+import greenfootercontainer from "./images/greenfootercontainer.png"
+import whitefootercontainer from "./images/whitefootercontainer.png"
+import footerline from "./images/footerline.png"
+import copyright from "./images/copyright.png"
+import games from "./images/games.png"
+import community from "./images/community.png"
+import blog from "./images/blog.png"
+import calendar from "./images/calendar.png"
+import mentalhealth from "./images/mentalhealth.gif"
+import positivethought from "./images/positivethought.gif"
+import meditation from "./images/meditation.gif"
+import importance from "./images/importance.gif"
 
 import './lpage.css';
 
@@ -8,13 +41,97 @@ import './lpage.css';
 const Landingpage = () => {
 
     return (
-    <>
-        
-        
+<div className="mindshift">
+<div className="overlap-group-wrapper"> 
+<div className="overlap-group">
+ <img className="outerbox" alt="Outerbox" src={outerbox} />
+ <a href='./games/assessment'>
+ <button className="startassessment-btn" > 
+   Start Assessment
+ </button>
+ </a>
+ <img className="tagline" alt="Tagline" src={tagline} />
+<div className="circle" />
+<div className="div" />
+<div className="circle-2" />
+<div className="circle-3" />
+ <img className="greenwavecontainer" alt="Greenwavecontainer" src={greenwavecontainer} /> 
+ <img className="whitewavecontainer" alt="Whitewavecontainer" src={whitewavecontainer} /> 
+ <img className="key-features" alt="Key features" src={keyfeatures} />
+ <img className="mental-health-title" alt="Mental health title" src={mentalhealthtitle} />
+ <img className="positive-thoughts" alt="Positive thoughts" src={positivethoughtstitle} />   
+ <img className="importance-title" alt="Importance title" src={importancetitle}/>
+<div className="text-wrapper-2" > Mood Tracker</div>
+<div className="text-wrapper-3">Games</div> 
+<div className="text-wrapper-4">Community Support</div>
+<div className="text-wrapper-5">Blog</div> 
+ <p className="mental-health">
+ Mental health is about being emotionally and socially healthy - the way we think, feel and develop relationships - and not merely the absence of a mental health condition. Mental stress, also known as psychological stress, is a type of stress that affects a person&#39;s mental and emotional well-being. It
+ can be caused by a wide variety of factors, including work-related pressures, financial difficulties, family problems, relationship issues, and health concerns, among others.
+ </p>
+ <p className="p">
+  {" "}
+  Mental stress is also often viewed as a response to external circumstances or events that cause us to feel
+  anxious, overwhelmed, or worried. Mental stress is not just the result of external factors, but is also
+  shaped by our internal responses and interpretations. By learning to recognize and manage our thoughts and
+  beliefs, we can reduce the impact of mental stress on our well-being and cultivate greater happiness and
+  resilience in our lives.
+  </p>
+  <p className="importance">
+  It is also important to address any underlying issues that may be contributing to mental health challenges.
+  This may include addressing past trauma, improving communication skills, or developing better coping
+  mechanisms. <br />
+  Ultimately, the key to curing mental health is to approach it holistically and to develop a personalized
+  treatment plan that takes into account each individual&#39;s unique needs and circumstances. With the right
+  support, resources, and strategies, it is possible to manage mental health challenges and live a fulfilling
+  and meaningful life.
+  </p>
+  <img className= "bubblesmentalhealth" alt="Bubblesmentalhealth" src={bubblesmentalhealth} />
+  <img className="img" alt="Img" src={bubblespositivethought}/>
+  <img className="bubblesimportance" alt="Bubblesimportance" src= {bubblesimportance} />
+  <img className="Img-2" alt= "Img" src={backlinesmentalhealth} />
+  <img className="backlinesimportance" alt="Backlinesimportance" src= {backlinesimportance} /> 
+  <img className="backlinepositive" alt="Backlinepositive" src={backlinepositive} />
+  <img className="greenfootercontainer" alt="Greenfootercontainer" src={greenfootercontainer} />
+  <img className="whitefootercontainer" alt="Whitefootercontainer" src={whitefootercontainer} />
+
+ <p className="copyright">
+<span className="span">2023 copyrights by </span>
+<span className="text-wrapper-6">Mindshift.</span>
+<span className="text-wrapper-7">All Rights Reserved.</span>
+</p>
+<img className="footerline" alt="Footerline" src={footerline} />
+<div className="logo">
+<h1 className="h-1">MINDSHIFT</h1> 
+</div>
+<img className="copyright-2" alt="Copyright" src={copyright} />
+<a href="https://github.com" target="_blank">
+  <img className="git-hub" alt="GitHub" src={github} />
+</a>
+<a href="https://linkedin.com" target="_blank">
+  <img className="linked-in" alt="LinkedIn" src={linkedin} />
+</a>
+<a href="https://twitter.com" target="_blank">
+  <img className="twitter" alt="Twitter" src={twitter} />
+</a>
+<a href="https://instagram.com" target="_blank">
+  <img className="instagram" alt="Instagram" src={instagram} />
+</a>
+<img className="join-us" alt="Join us" src={joinus} />
+<img className="games" alt="Games" src={games} />
+<img className="community" alt="Community" src={community} />
+<img className="blog" alt="Blog" src={blog} />
+<img className="calendar" alt="Calendar" src={calendar}/>
+<img className="importance-2" alt="Importance" src={importance}/>
+<img className="mentalhealth" alt="Mentalhealth" src={mentalhealth} />
+<img className="positivethought" alt="Positivethought" src={positivethought} />
+<img className="meditation" alt="Meditation" src={meditation} />
+</div>
+</div>
+</div>
 
-    
-    </>
   )
 }
 
-export default Landingpage
\ No newline at end of file
+export default Landingpage
+
diff --git a/src/pages/images/backlinepositive.png b/src/pages/images/backlinepositive.png
new file mode 100644
index 0000000..2d4f710
Binary files /dev/null and b/src/pages/images/backlinepositive.png differ
diff --git a/src/pages/images/backlinesimportance.png b/src/pages/images/backlinesimportance.png
new file mode 100644
index 0000000..3f798c1
Binary files /dev/null and b/src/pages/images/backlinesimportance.png differ
diff --git a/src/pages/images/backlinesmentalhealth.png b/src/pages/images/backlinesmentalhealth.png
new file mode 100644
index 0000000..ea1acfc
Binary files /dev/null and b/src/pages/images/backlinesmentalhealth.png differ
diff --git a/src/pages/images/blog.png b/src/pages/images/blog.png
new file mode 100644
index 0000000..f28d64d
Binary files /dev/null and b/src/pages/images/blog.png differ
diff --git a/src/pages/images/bubblesimportance.png b/src/pages/images/bubblesimportance.png
new file mode 100644
index 0000000..ac52c72
Binary files /dev/null and b/src/pages/images/bubblesimportance.png differ
diff --git a/src/pages/images/bubblesmentalhealth.png b/src/pages/images/bubblesmentalhealth.png
new file mode 100644
index 0000000..ffc8c9a
Binary files /dev/null and b/src/pages/images/bubblesmentalhealth.png differ
diff --git a/src/pages/images/bubblespositivethought.png b/src/pages/images/bubblespositivethought.png
new file mode 100644
index 0000000..d32167a
Binary files /dev/null and b/src/pages/images/bubblespositivethought.png differ
diff --git a/src/pages/images/calendar.png b/src/pages/images/calendar.png
new file mode 100644
index 0000000..717b390
Binary files /dev/null and b/src/pages/images/calendar.png differ
diff --git a/src/pages/images/community.png b/src/pages/images/community.png
new file mode 100644
index 0000000..e1acbeb
Binary files /dev/null and b/src/pages/images/community.png differ
diff --git a/src/pages/images/copyright.png b/src/pages/images/copyright.png
new file mode 100644
index 0000000..483fa0b
Binary files /dev/null and b/src/pages/images/copyright.png differ
diff --git a/src/pages/images/footerline.png b/src/pages/images/footerline.png
new file mode 100644
index 0000000..2d55c7b
Binary files /dev/null and b/src/pages/images/footerline.png differ
diff --git a/src/pages/images/games.png b/src/pages/images/games.png
new file mode 100644
index 0000000..82229c6
Binary files /dev/null and b/src/pages/images/games.png differ
diff --git a/src/pages/images/github.png b/src/pages/images/github.png
new file mode 100644
index 0000000..96ad1aa
Binary files /dev/null and b/src/pages/images/github.png differ
diff --git a/src/pages/images/greenfootercontainer.png b/src/pages/images/greenfootercontainer.png
new file mode 100644
index 0000000..bb8572d
Binary files /dev/null and b/src/pages/images/greenfootercontainer.png differ
diff --git a/src/pages/images/greenwavecontainer.png b/src/pages/images/greenwavecontainer.png
new file mode 100644
index 0000000..af7bc6c
Binary files /dev/null and b/src/pages/images/greenwavecontainer.png differ
diff --git a/src/pages/images/importance.gif b/src/pages/images/importance.gif
new file mode 100644
index 0000000..16c3136
Binary files /dev/null and b/src/pages/images/importance.gif differ
diff --git a/src/pages/images/importancetitle.png b/src/pages/images/importancetitle.png
new file mode 100644
index 0000000..7048f3e
Binary files /dev/null and b/src/pages/images/importancetitle.png differ
diff --git a/src/pages/images/instagram.png b/src/pages/images/instagram.png
new file mode 100644
index 0000000..fd34b9f
Binary files /dev/null and b/src/pages/images/instagram.png differ
diff --git a/src/pages/images/join-us.png b/src/pages/images/join-us.png
new file mode 100644
index 0000000..6b33d4c
Binary files /dev/null and b/src/pages/images/join-us.png differ
diff --git a/src/pages/images/key-features.png b/src/pages/images/key-features.png
new file mode 100644
index 0000000..0f4203b
Binary files /dev/null and b/src/pages/images/key-features.png differ
diff --git a/src/pages/images/linkedin.png b/src/pages/images/linkedin.png
new file mode 100644
index 0000000..2ba6eae
Binary files /dev/null and b/src/pages/images/linkedin.png differ
diff --git a/src/pages/images/meditation.gif b/src/pages/images/meditation.gif
new file mode 100644
index 0000000..d02e968
Binary files /dev/null and b/src/pages/images/meditation.gif differ
diff --git a/src/pages/images/mentalhealth.gif b/src/pages/images/mentalhealth.gif
new file mode 100644
index 0000000..6d83103
Binary files /dev/null and b/src/pages/images/mentalhealth.gif differ
diff --git a/src/pages/images/mentalhealthtitle.png b/src/pages/images/mentalhealthtitle.png
new file mode 100644
index 0000000..cd43dc5
Binary files /dev/null and b/src/pages/images/mentalhealthtitle.png differ
diff --git a/src/pages/images/outerbox.png b/src/pages/images/outerbox.png
new file mode 100644
index 0000000..22bc000
Binary files /dev/null and b/src/pages/images/outerbox.png differ
diff --git a/src/pages/images/positivethought.gif b/src/pages/images/positivethought.gif
new file mode 100644
index 0000000..4867f56
Binary files /dev/null and b/src/pages/images/positivethought.gif differ
diff --git a/src/pages/images/positivethoughtstitle.png b/src/pages/images/positivethoughtstitle.png
new file mode 100644
index 0000000..3403603
Binary files /dev/null and b/src/pages/images/positivethoughtstitle.png differ
diff --git a/src/pages/images/tagline.png b/src/pages/images/tagline.png
new file mode 100644
index 0000000..9dd0119
Binary files /dev/null and b/src/pages/images/tagline.png differ
diff --git a/src/pages/images/twitter.png b/src/pages/images/twitter.png
new file mode 100644
index 0000000..2d7276a
Binary files /dev/null and b/src/pages/images/twitter.png differ
diff --git a/src/pages/images/whitefootercontainer.png b/src/pages/images/whitefootercontainer.png
new file mode 100644
index 0000000..ac0c6e2
Binary files /dev/null and b/src/pages/images/whitefootercontainer.png differ
diff --git a/src/pages/images/whitewavecontainer.png b/src/pages/images/whitewavecontainer.png
new file mode 100644
index 0000000..0282bb1
Binary files /dev/null and b/src/pages/images/whitewavecontainer.png differ
diff --git a/src/pages/lpage.css b/src/pages/lpage.css
index e69de29..844352a 100644
--- a/src/pages/lpage.css
+++ b/src/pages/lpage.css
@@ -0,0 +1,502 @@
+.mindshift {
+  background-color: #233551;
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  width: 100%;
+  }
+
+  .mindshift .overlap-group-wrapper { 
+  background-color: #233551;
+  border: 1px none;
+  height: 3723px;
+  width: 1283px;
+  }
+
+ .mindshift .overlap-group {
+  height: 3722px;
+  position: relative;
+  top: 2px;
+  }
+
+  .mindshift .outerbox {
+  height: 3448px;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 1280px;
+  }
+
+  .mindshift .startassessment-btn {
+  background-color: #7eb8c7;
+  border-radius: 50px;
+  height: 62px;
+  left: 82px;
+  position: absolute;
+  top: 462px;
+  width: 241px;
+  color: #ffe3e4;
+  font-family: "Inter", Helvetica;
+  font-size: 20px;
+  font-weight: 500;
+  letter-spacing: 0;
+  line-height: normal;
+  position: absolute;
+  white-space: nowrap;
+  }
+
+  .mindshift .tagline {
+  height: 302px;
+  left: 83px;
+  position: absolute;
+  top: 110px;
+  width: 577px;
+  }
+
+    .mindshift .circle {
+    background-color: #7eb8c7;
+    border-radius: 12px;
+    height: 24px;
+    left: 738px;
+    position: absolute;
+    top: 218px;
+    width: 24px;
+    }
+
+    .mindshift .div {
+    background-color: #ff847f;
+    border-radius: 5.5px;
+    height: 11px;
+    left: 801px;
+    position: absolute;
+    top: 120px;
+    width: 11px;
+    }
+    .mindshift .circle-2 {
+    background-color:#7eb0c7;
+    border-radius: 3px;
+    height: 6px;
+    left: 750px;
+    position: absolute;
+    top: 2954px;
+    width: 6px;
+    }
+
+    .mindshift .circle-3 {
+    background-color:  #ff847f;
+    border-radius: 3px;
+    height: 6px;
+    left: 772px;
+    position: absolute;
+    top: 486px;
+    width: 6px;
+    }
+
+    .mindshift .greenwavecontainer {
+    height: 420px;
+    left: 498px;
+    position: absolute;
+    top: 624px;
+    width: 785px;
+    }
+
+    .mindshift .whitewavecontainer {
+    height: 420px;
+    left: 2px;
+    position: absolute;
+    top: 624px;
+    width: 1281px;
+    }
+
+    .mindshift .key-features {
+      height: 37px;
+      left: 552px;
+      position: absolute;
+      top: 717px;
+      width: 249px;
+    }
+     
+    .mindshift .mental-health-title {
+      height: 31px;
+      left: 758px;
+      position: absolute;
+      top: 1208px;
+      width: 459px;
+    }
+
+    .mindshift .positive-thoughts { 
+      height: 87px; 
+      left: 752px;
+      position: absolute;
+      top: 2607px;
+      width: 450px;
+    }
+
+    .mindshift .importance-title {
+      height: 87px;
+      left: 84px;
+      position: absolute;
+      top: 1869px;
+      width: 416px;
+    }
+
+    .mindshift .text-wrapper-2 {
+      color: #000000;
+      font-family: "Inter", Helvetica;
+      font-size: 17px;
+      font-weight: 700;
+      height: 21px;
+      left: 127px;
+      letter-spacing: 0; 
+      line-height: normal;
+      position: absolute;
+      text-align: center; 
+      top: 964px;
+    }
+
+    .mindshift .text-wrapper-3 {
+    color: #000000;
+    font-family: "Inter", Helvetica; 
+    font-size: 17px;
+    font-weight: 700;
+    height: 21px;
+    left: 475px;
+    letter-spacing: 0;
+    line-height: normal;
+    position: absolute;
+    text-align: center;
+    top: 966px;
+    }
+
+  .mindshift .text-wrapper-4 {
+  color: #000000;
+  font-family: "Inter", Helvetica; 
+  font-size: 17px;
+  font-weight: 700; 
+  height: 21px;
+  left: 749px; 
+  letter-spacing: 0;
+  line-height: normal;
+  position: absolute;
+  text-align: center;
+  top: 970px;
+  }
+
+  .mindshift .text-wrapper-5 {
+  color: #000000;
+  font-family: "Inter", Helvetica;
+  font-size: 17px;
+  font-weight: 700;
+  height: 21px;
+  left: 1097px;
+  letter-spacing: 0; 
+  line-height: normal;
+  position: absolute;
+  text-align: center;
+  top: 976px;
+  }
+
+  .mindshift .mental-health {
+  color: #16161699;
+  font-family: "Inter", Helvetica; 
+  font-size: 20px;
+  font-weight: 500; 
+  height: 176px; 
+  left: 758px; 
+  letter-spacing: 0;
+  line-height: 35.3px; 
+  position: absolute; 
+  text-align: justify; 
+  top: 1380px;
+  width: 455px;
+  }
+
+  .mindshift .p {
+    color: #16161699;
+    font-family: "Inter", Helvetica;
+    font-size: 20px;
+    font-weight: 500; 
+    height: 350px; 
+    left: 749px;
+    letter-spacing: 0;
+    line-height: 35.3px;
+    position: absolute;
+    top: 2744px;
+    text-align: justify;
+    width: 455px;
+    }
+
+    .mindshift .importance {
+    color: #16161699;
+    font-family: "Inter", Helvetica;
+    font-size: 20px;
+    font-weight: 500;
+    height: 455px;
+    left: 83px;
+    letter-spacing: 0;
+    line-height: 35.3px; 
+    position: absolute; 
+    text-align: justify; 
+    top: 1988px;
+    width: 489px;
+    }
+
+   .mindshift .bubblesmentalhealth {
+    height: 623px;
+    left: 28px;
+    object-fit: cover;
+    position: absolute;
+    top: 1122px;
+    width: 700px;
+    }
+
+    .mindshift .img {
+    height: 580px;
+    left: 10px;
+    object-fit: cover;
+    position: absolute; 
+    top: 2590px; 
+    width: 652px;
+    }
+
+    .mindshift .bubblesimportance {
+    height: 578px;
+    left: 578px;
+    object-fit: cover;
+    position: absolute;
+    top: 1928px; 
+    width: 665px;
+    }
+
+    .mindshift .img-2 {
+    height: 667px;
+    left: 2px;
+    object-fit: cover;
+    position: absolute; 
+    top: 1118px;
+    width: 595px;
+    }
+
+    .mindshift .backlinesimportance {
+      height: 667px;
+      left: 670px;
+      object-fit: cover;
+      position: absolute; 
+      top: 1854px; 
+      width: 595px;
+    }
+
+    .mindshift .backlinepositive {
+      height: 739px;
+      left: 0;
+      object-fit: cover;
+      position: absolute; 
+      top: 2478px;
+      width: 595px;
+    }
+
+    .mindshift .greenfootercontainer {
+      height: 480px;
+      left: 2px;
+      position: absolute;
+      top: 3241px;
+      width: 1280px;
+    }
+
+    .mindshift .whitefootercontainer {
+      height: 497px;
+      left: 2px;
+      position: absolute;
+      top: 3224px;
+      width: 1280px;
+    }
+
+    .mindshift .copyright {
+    color: #00000099; 
+    font-family: "Inter", Helvetica;
+    font-size: 15px;
+    font-weight: 400; 
+    height: 26px;
+    left: 471px;
+    letter-spacing: 0;
+    line-height: 26.5px;
+    position: absolute;
+    text-align: justify;
+    top: 3596px;
+    white-space: nowrap;
+    }
+
+    .mindshift .span {
+      color: #00000099;
+      font-family: "Inter", Helvetica;
+      font-size: 15px;
+      font-weight: 400;
+      letter-spacing: 0;
+      line-height: 26.5px;
+    }
+
+    .mindshift .text-wrapper-6 { 
+      font-weight: 700;
+    }
+
+    .mindshift.text-wrapper-7 { 
+      color: #00000099;
+      font-family: "Inter", Helvetica;
+      font-size: 15px;
+      font-weight: 400;
+      letter-spacing: 0;
+      line-height: 26.5px;
+    }
+
+    .mindshift .footerline {
+    height: 1px;
+    left: 78px;
+    object-fit: cover;
+    position: absolute;
+    top: 3568px;
+    width: 1117px;
+    }
+
+   .mindshift .logo {
+    align-items: flex-start;
+    display: flex;
+    flex-direction: column;
+    left: 83px;
+    position: absolute;
+    top: 3504px;
+    width: 168px;
+   }
+
+  .mindshift .h-1 {
+  color: #233551;
+  font-family: "Inter", Helvetica;
+  font-size: 30px;
+  font-weight: 700;
+  letter-spacing: 0;
+  line-height: normal;
+  margin-top: -1px;
+  position: relative;
+  white-space: nowrap;
+  width: fit-content;
+  }
+
+  .mindshift .copyright-2 {
+  height: 18px;
+  left: 441px;
+  position: absolute;
+  top: 3602px;
+  width: 18px;
+  }
+
+  .mindshift .git-hub { 
+    height: 86px;
+    left: 315px;
+    position: absolute;
+    top: 3392px;
+    width: 106px;
+  }
+
+  .mindshift .linked-in {
+  height: 86px;
+  left: 691px;
+  position: absolute;
+  top: 3392px;
+  width: 106px;
+  }
+
+  .mindshift .twitter {
+  height: 51px;
+  left: 540px;
+  position: absolute;
+  top: 3410px;
+  width: 64px;
+  }
+
+  .mindshift .instagram {
+    height: 76px;
+    left: 883px;
+    object-fit: cover;
+    position: absolute;
+    top: 3398px;
+    width: 80px;
+  }
+
+  .mindshift .join-us {
+    height: 31px; 
+    left: 597px;
+    position: absolute;
+    top: 3326px;
+    width: 142px;
+  } 
+    
+  .mindshift .games {
+    height: 133px; 
+    left: 446px;
+    object-fit: cover;
+    position: absolute; 
+    top: 780px;
+    width: 134px;
+  }
+
+  .mindshift .community{
+    height: 133px;
+    left: 762px;
+    object-fit: cover;
+    position: absolute;
+    top: 780px;
+    width: 133px;
+  }
+
+  .mindshift .blog{
+    height: 133px;
+    left: 1048px;
+    object-fit: cover;
+    position: absolute;
+    top: 780px;
+    width: 133px;
+  }
+
+  .mindshift .calendar{
+    height: 133px;
+    left: 118px;
+    object-fit: cover;
+    position: absolute;
+    top: 780px;
+    width: 133px;
+  }
+
+  .mindshift .mentalhealth{
+    height: 500px;
+    left: 50px;
+    object-fit: cover;
+    position: absolute;
+    top: 1184px;
+    width: 500px; 
+  }
+
+  .mindshift .positivethought{
+    height: 500px;
+    left: 78px;
+    object-fit: cover;
+    position: absolute;
+    top: 2598px;
+    width: 500px; 
+  }
+
+  .mindshift .importance-2{
+    height: 500px;
+    left: 740px;
+    object-fit: cover;
+    position: absolute;
+    top: 1904px;
+    width: 500px; 
+  }
+
+  .mindshift .meditation{
+    height: 600px;
+    left: 644px;
+    object-fit: cover;
+    position: absolute;
+    top: 30px;
+    width: 600px; 
+  }