diff --git a/package-lock.json b/package-lock.json
index 04a49e3..121c831 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -14,12 +14,14 @@
         "@testing-library/react": "^13.4.0",
         "@testing-library/user-event": "^13.5.0",
         "emailjs-com": "^3.2.0",
-        "framer-motion": "^7.6.4",
+        "framer-motion": "^7.10.3",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "react-icons": "^4.12.0",
+        "react-router-dom": "^6.23.1",
         "react-scripts": "5.0.1",
         "react-scroll": "^1.8.8",
+        "react-type-animation": "^3.2.0",
         "swiper": "^8.4.5",
         "web-vitals": "^2.1.4"
       }
@@ -3047,59 +3049,59 @@
       "integrity": "sha512-Hcv+nVC0kZnQ3tD9GVu5xSMR4VVYOteQIr/hwFPVEvPdlXqgGEuRjiheChHgdM+JyqdgNcmzZOX/tnl0JOiI7A=="
     },
     "node_modules/@motionone/animation": {
-      "version": "10.14.0",
-      "resolved": "https://registry.npmjs.org/@motionone/animation/-/animation-10.14.0.tgz",
-      "integrity": "sha512-h+1sdyBP8vbxEBW5gPFDnj+m2DCqdlAuf2g6Iafb1lcMnqjsRXWlPw1AXgvUMXmreyhqmPbJqoNfIKdytampRQ==",
+      "version": "10.18.0",
+      "resolved": "https://registry.npmjs.org/@motionone/animation/-/animation-10.18.0.tgz",
+      "integrity": "sha512-9z2p5GFGCm0gBsZbi8rVMOAJCtw1WqBTIPw3ozk06gDvZInBPIsQcHgYogEJ4yuHJ+akuW8g1SEIOpTOvYs8hw==",
       "dependencies": {
-        "@motionone/easing": "^10.14.0",
-        "@motionone/types": "^10.14.0",
-        "@motionone/utils": "^10.14.0",
+        "@motionone/easing": "^10.18.0",
+        "@motionone/types": "^10.17.1",
+        "@motionone/utils": "^10.18.0",
         "tslib": "^2.3.1"
       }
     },
     "node_modules/@motionone/dom": {
-      "version": "10.13.1",
-      "resolved": "https://registry.npmjs.org/@motionone/dom/-/dom-10.13.1.tgz",
-      "integrity": "sha512-zjfX+AGMIt/fIqd/SL1Lj93S6AiJsEA3oc5M9VkUr+Gz+juRmYN1vfvZd6MvEkSqEjwPQgcjN7rGZHrDB9APfQ==",
-      "dependencies": {
-        "@motionone/animation": "^10.13.1",
-        "@motionone/generators": "^10.13.1",
-        "@motionone/types": "^10.13.0",
-        "@motionone/utils": "^10.13.1",
+      "version": "10.18.0",
+      "resolved": "https://registry.npmjs.org/@motionone/dom/-/dom-10.18.0.tgz",
+      "integrity": "sha512-bKLP7E0eyO4B2UaHBBN55tnppwRnaE3KFfh3Ps9HhnAkar3Cb69kUCJY9as8LrccVYKgHA+JY5dOQqJLOPhF5A==",
+      "dependencies": {
+        "@motionone/animation": "^10.18.0",
+        "@motionone/generators": "^10.18.0",
+        "@motionone/types": "^10.17.1",
+        "@motionone/utils": "^10.18.0",
         "hey-listen": "^1.0.8",
         "tslib": "^2.3.1"
       }
     },
     "node_modules/@motionone/easing": {
-      "version": "10.14.0",
-      "resolved": "https://registry.npmjs.org/@motionone/easing/-/easing-10.14.0.tgz",
-      "integrity": "sha512-2vUBdH9uWTlRbuErhcsMmt1jvMTTqvGmn9fHq8FleFDXBlHFs5jZzHJT9iw+4kR1h6a4SZQuCf72b9ji92qNYA==",
+      "version": "10.18.0",
+      "resolved": "https://registry.npmjs.org/@motionone/easing/-/easing-10.18.0.tgz",
+      "integrity": "sha512-VcjByo7XpdLS4o9T8t99JtgxkdMcNWD3yHU/n6CLEz3bkmKDRZyYQ/wmSf6daum8ZXqfUAgFeCZSpJZIMxaCzg==",
       "dependencies": {
-        "@motionone/utils": "^10.14.0",
+        "@motionone/utils": "^10.18.0",
         "tslib": "^2.3.1"
       }
     },
     "node_modules/@motionone/generators": {
-      "version": "10.14.0",
-      "resolved": "https://registry.npmjs.org/@motionone/generators/-/generators-10.14.0.tgz",
-      "integrity": "sha512-6kRHezoFfIjFN7pPpaxmkdZXD36tQNcyJe3nwVqwJ+ZfC0e3rFmszR8kp9DEVFs9QL/akWjuGPSLBI1tvz+Vjg==",
+      "version": "10.18.0",
+      "resolved": "https://registry.npmjs.org/@motionone/generators/-/generators-10.18.0.tgz",
+      "integrity": "sha512-+qfkC2DtkDj4tHPu+AFKVfR/C30O1vYdvsGYaR13W/1cczPrrcjdvYCj0VLFuRMN+lP1xvpNZHCRNM4fBzn1jg==",
       "dependencies": {
-        "@motionone/types": "^10.14.0",
-        "@motionone/utils": "^10.14.0",
+        "@motionone/types": "^10.17.1",
+        "@motionone/utils": "^10.18.0",
         "tslib": "^2.3.1"
       }
     },
     "node_modules/@motionone/types": {
-      "version": "10.14.0",
-      "resolved": "https://registry.npmjs.org/@motionone/types/-/types-10.14.0.tgz",
-      "integrity": "sha512-3bNWyYBHtVd27KncnJLhksMFQ5o2MSdk1cA/IZqsHtA9DnRM1SYgN01CTcJ8Iw8pCXF5Ocp34tyAjY7WRpOJJQ=="
+      "version": "10.17.1",
+      "resolved": "https://registry.npmjs.org/@motionone/types/-/types-10.17.1.tgz",
+      "integrity": "sha512-KaC4kgiODDz8hswCrS0btrVrzyU2CSQKO7Ps90ibBVSQmjkrt2teqta6/sOG59v7+dPnKMAg13jyqtMKV2yJ7A=="
     },
     "node_modules/@motionone/utils": {
-      "version": "10.14.0",
-      "resolved": "https://registry.npmjs.org/@motionone/utils/-/utils-10.14.0.tgz",
-      "integrity": "sha512-sLWBLPzRqkxmOTRzSaD3LFQXCPHvDzyHJ1a3VP9PRzBxyVd2pv51/gMOsdAcxQ9n+MIeGJnxzXBYplUHKj4jkw==",
+      "version": "10.18.0",
+      "resolved": "https://registry.npmjs.org/@motionone/utils/-/utils-10.18.0.tgz",
+      "integrity": "sha512-3XVF7sgyTSI2KWvTf6uLlBJ5iAgRgmvp3bpuOiQJvInd4nZ19ET8lX5unn30SlmRH7hXbBbH+Gxd0m0klJ3Xtw==",
       "dependencies": {
-        "@motionone/types": "^10.14.0",
+        "@motionone/types": "^10.17.1",
         "hey-listen": "^1.0.8",
         "tslib": "^2.3.1"
       }
@@ -3213,6 +3215,14 @@
         }
       }
     },
+    "node_modules/@remix-run/router": {
+      "version": "1.16.1",
+      "resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.16.1.tgz",
+      "integrity": "sha512-es2g3dq6Nb07iFxGk5GuHN20RwBZOsuDQN7izWIisUcv9r+d2C5jQxqmgkdebXgReWfiyUabcki6Fg77mSNrig==",
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
     "node_modules/@rollup/plugin-babel": {
       "version": "5.3.1",
       "resolved": "https://registry.npmjs.org/@rollup/plugin-babel/-/plugin-babel-5.3.1.tgz",
@@ -8333,15 +8343,12 @@
       }
     },
     "node_modules/framer-motion": {
-      "version": "7.6.4",
-      "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-7.6.4.tgz",
-      "integrity": "sha512-Ac3Bl9M45fS8A0ibOUnYMSCfjaCrFfWT0uh0/MZVm/DGWcr5IsRRinWRiVGABA9RGJgn4THehqcn235JVQkucQ==",
+      "version": "7.10.3",
+      "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-7.10.3.tgz",
+      "integrity": "sha512-k2ccYeZNSpPg//HTaqrU+4pRq9f9ZpaaN7rr0+Rx5zA4wZLbk547wtDzge2db1sB+1mnJ6r59P4xb+aEIi/W+w==",
       "dependencies": {
-        "@motionone/dom": "10.13.1",
-        "framesync": "6.1.2",
+        "@motionone/dom": "^10.15.3",
         "hey-listen": "^1.0.8",
-        "popmotion": "11.0.5",
-        "style-value-types": "5.1.2",
         "tslib": "2.4.0"
       },
       "optionalDependencies": {
@@ -8352,14 +8359,6 @@
         "react-dom": "^18.0.0"
       }
     },
-    "node_modules/framesync": {
-      "version": "6.1.2",
-      "resolved": "https://registry.npmjs.org/framesync/-/framesync-6.1.2.tgz",
-      "integrity": "sha512-jBTqhX6KaQVDyus8muwZbBeGGP0XgujBRbQ7gM7BRdS3CadCZIHiawyzYLnafYcvZIh5j8WE7cxZKFn7dXhu9g==",
-      "dependencies": {
-        "tslib": "2.4.0"
-      }
-    },
     "node_modules/fresh": {
       "version": "0.5.2",
       "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
@@ -12741,17 +12740,6 @@
         "node": ">=4"
       }
     },
-    "node_modules/popmotion": {
-      "version": "11.0.5",
-      "resolved": "https://registry.npmjs.org/popmotion/-/popmotion-11.0.5.tgz",
-      "integrity": "sha512-la8gPM1WYeFznb/JqF4GiTkRRPZsfaj2+kCxqQgr2MJylMmIKUwBfWW8Wa5fml/8gmtlD5yI01MP1QCZPWmppA==",
-      "dependencies": {
-        "framesync": "6.1.2",
-        "hey-listen": "^1.0.8",
-        "style-value-types": "5.1.2",
-        "tslib": "2.4.0"
-      }
-    },
     "node_modules/postcss": {
       "version": "8.4.18",
       "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.18.tgz",
@@ -14338,6 +14326,36 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/react-router": {
+      "version": "6.23.1",
+      "resolved": "https://registry.npmjs.org/react-router/-/react-router-6.23.1.tgz",
+      "integrity": "sha512-fzcOaRF69uvqbbM7OhvQyBTFDVrrGlsFdS3AL+1KfIBtGETibHzi3FkoTRyiDJnWNc2VxrfvR+657ROHjaNjqQ==",
+      "dependencies": {
+        "@remix-run/router": "1.16.1"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.8"
+      }
+    },
+    "node_modules/react-router-dom": {
+      "version": "6.23.1",
+      "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.23.1.tgz",
+      "integrity": "sha512-utP+K+aSTtEdbWpC+4gxhdlPFwuEfDKq8ZrPFU65bbRJY+l706qjR7yaidBpo3MSeA/fzwbXWbKBI6ftOnP3OQ==",
+      "dependencies": {
+        "@remix-run/router": "1.16.1",
+        "react-router": "6.23.1"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.8",
+        "react-dom": ">=16.8"
+      }
+    },
     "node_modules/react-scripts": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/react-scripts/-/react-scripts-5.0.1.tgz",
@@ -14423,6 +14441,16 @@
         "react-dom": "^15.5.4 || ^16.0.0 || ^17.0.0 || ^18.0.0"
       }
     },
+    "node_modules/react-type-animation": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/react-type-animation/-/react-type-animation-3.2.0.tgz",
+      "integrity": "sha512-WXTe0i3rRNKjmggPvT5ntye1QBt0ATGbijeW6V3cQe2W0jaMABXXlPPEdtofnS9tM7wSRHchEvI9SUw+0kUohw==",
+      "peerDependencies": {
+        "prop-types": "^15.5.4",
+        "react": ">= 15.0.0",
+        "react-dom": ">= 15.0.0"
+      }
+    },
     "node_modules/read-cache": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
@@ -15507,15 +15535,6 @@
         "webpack": "^5.0.0"
       }
     },
-    "node_modules/style-value-types": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/style-value-types/-/style-value-types-5.1.2.tgz",
-      "integrity": "sha512-Vs9fNreYF9j6W2VvuDTP7kepALi7sk0xtk2Tu8Yxi9UoajJdEVpNpCov0HsLTqXvNGKX+Uv09pkozVITi1jf3Q==",
-      "dependencies": {
-        "hey-listen": "^1.0.8",
-        "tslib": "2.4.0"
-      }
-    },
     "node_modules/stylehacks": {
       "version": "5.1.0",
       "resolved": "https://registry.npmjs.org/stylehacks/-/stylehacks-5.1.0.tgz",
@@ -19260,59 +19279,59 @@
       "integrity": "sha512-Hcv+nVC0kZnQ3tD9GVu5xSMR4VVYOteQIr/hwFPVEvPdlXqgGEuRjiheChHgdM+JyqdgNcmzZOX/tnl0JOiI7A=="
     },
     "@motionone/animation": {
-      "version": "10.14.0",
-      "resolved": "https://registry.npmjs.org/@motionone/animation/-/animation-10.14.0.tgz",
-      "integrity": "sha512-h+1sdyBP8vbxEBW5gPFDnj+m2DCqdlAuf2g6Iafb1lcMnqjsRXWlPw1AXgvUMXmreyhqmPbJqoNfIKdytampRQ==",
+      "version": "10.18.0",
+      "resolved": "https://registry.npmjs.org/@motionone/animation/-/animation-10.18.0.tgz",
+      "integrity": "sha512-9z2p5GFGCm0gBsZbi8rVMOAJCtw1WqBTIPw3ozk06gDvZInBPIsQcHgYogEJ4yuHJ+akuW8g1SEIOpTOvYs8hw==",
       "requires": {
-        "@motionone/easing": "^10.14.0",
-        "@motionone/types": "^10.14.0",
-        "@motionone/utils": "^10.14.0",
+        "@motionone/easing": "^10.18.0",
+        "@motionone/types": "^10.17.1",
+        "@motionone/utils": "^10.18.0",
         "tslib": "^2.3.1"
       }
     },
     "@motionone/dom": {
-      "version": "10.13.1",
-      "resolved": "https://registry.npmjs.org/@motionone/dom/-/dom-10.13.1.tgz",
-      "integrity": "sha512-zjfX+AGMIt/fIqd/SL1Lj93S6AiJsEA3oc5M9VkUr+Gz+juRmYN1vfvZd6MvEkSqEjwPQgcjN7rGZHrDB9APfQ==",
-      "requires": {
-        "@motionone/animation": "^10.13.1",
-        "@motionone/generators": "^10.13.1",
-        "@motionone/types": "^10.13.0",
-        "@motionone/utils": "^10.13.1",
+      "version": "10.18.0",
+      "resolved": "https://registry.npmjs.org/@motionone/dom/-/dom-10.18.0.tgz",
+      "integrity": "sha512-bKLP7E0eyO4B2UaHBBN55tnppwRnaE3KFfh3Ps9HhnAkar3Cb69kUCJY9as8LrccVYKgHA+JY5dOQqJLOPhF5A==",
+      "requires": {
+        "@motionone/animation": "^10.18.0",
+        "@motionone/generators": "^10.18.0",
+        "@motionone/types": "^10.17.1",
+        "@motionone/utils": "^10.18.0",
         "hey-listen": "^1.0.8",
         "tslib": "^2.3.1"
       }
     },
     "@motionone/easing": {
-      "version": "10.14.0",
-      "resolved": "https://registry.npmjs.org/@motionone/easing/-/easing-10.14.0.tgz",
-      "integrity": "sha512-2vUBdH9uWTlRbuErhcsMmt1jvMTTqvGmn9fHq8FleFDXBlHFs5jZzHJT9iw+4kR1h6a4SZQuCf72b9ji92qNYA==",
+      "version": "10.18.0",
+      "resolved": "https://registry.npmjs.org/@motionone/easing/-/easing-10.18.0.tgz",
+      "integrity": "sha512-VcjByo7XpdLS4o9T8t99JtgxkdMcNWD3yHU/n6CLEz3bkmKDRZyYQ/wmSf6daum8ZXqfUAgFeCZSpJZIMxaCzg==",
       "requires": {
-        "@motionone/utils": "^10.14.0",
+        "@motionone/utils": "^10.18.0",
         "tslib": "^2.3.1"
       }
     },
     "@motionone/generators": {
-      "version": "10.14.0",
-      "resolved": "https://registry.npmjs.org/@motionone/generators/-/generators-10.14.0.tgz",
-      "integrity": "sha512-6kRHezoFfIjFN7pPpaxmkdZXD36tQNcyJe3nwVqwJ+ZfC0e3rFmszR8kp9DEVFs9QL/akWjuGPSLBI1tvz+Vjg==",
+      "version": "10.18.0",
+      "resolved": "https://registry.npmjs.org/@motionone/generators/-/generators-10.18.0.tgz",
+      "integrity": "sha512-+qfkC2DtkDj4tHPu+AFKVfR/C30O1vYdvsGYaR13W/1cczPrrcjdvYCj0VLFuRMN+lP1xvpNZHCRNM4fBzn1jg==",
       "requires": {
-        "@motionone/types": "^10.14.0",
-        "@motionone/utils": "^10.14.0",
+        "@motionone/types": "^10.17.1",
+        "@motionone/utils": "^10.18.0",
         "tslib": "^2.3.1"
       }
     },
     "@motionone/types": {
-      "version": "10.14.0",
-      "resolved": "https://registry.npmjs.org/@motionone/types/-/types-10.14.0.tgz",
-      "integrity": "sha512-3bNWyYBHtVd27KncnJLhksMFQ5o2MSdk1cA/IZqsHtA9DnRM1SYgN01CTcJ8Iw8pCXF5Ocp34tyAjY7WRpOJJQ=="
+      "version": "10.17.1",
+      "resolved": "https://registry.npmjs.org/@motionone/types/-/types-10.17.1.tgz",
+      "integrity": "sha512-KaC4kgiODDz8hswCrS0btrVrzyU2CSQKO7Ps90ibBVSQmjkrt2teqta6/sOG59v7+dPnKMAg13jyqtMKV2yJ7A=="
     },
     "@motionone/utils": {
-      "version": "10.14.0",
-      "resolved": "https://registry.npmjs.org/@motionone/utils/-/utils-10.14.0.tgz",
-      "integrity": "sha512-sLWBLPzRqkxmOTRzSaD3LFQXCPHvDzyHJ1a3VP9PRzBxyVd2pv51/gMOsdAcxQ9n+MIeGJnxzXBYplUHKj4jkw==",
+      "version": "10.18.0",
+      "resolved": "https://registry.npmjs.org/@motionone/utils/-/utils-10.18.0.tgz",
+      "integrity": "sha512-3XVF7sgyTSI2KWvTf6uLlBJ5iAgRgmvp3bpuOiQJvInd4nZ19ET8lX5unn30SlmRH7hXbBbH+Gxd0m0klJ3Xtw==",
       "requires": {
-        "@motionone/types": "^10.14.0",
+        "@motionone/types": "^10.17.1",
         "hey-listen": "^1.0.8",
         "tslib": "^2.3.1"
       }
@@ -19380,6 +19399,11 @@
         "source-map": "^0.7.3"
       }
     },
+    "@remix-run/router": {
+      "version": "1.16.1",
+      "resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.16.1.tgz",
+      "integrity": "sha512-es2g3dq6Nb07iFxGk5GuHN20RwBZOsuDQN7izWIisUcv9r+d2C5jQxqmgkdebXgReWfiyUabcki6Fg77mSNrig=="
+    },
     "@rollup/plugin-babel": {
       "version": "5.3.1",
       "resolved": "https://registry.npmjs.org/@rollup/plugin-babel/-/plugin-babel-5.3.1.tgz",
@@ -23171,24 +23195,13 @@
       "integrity": "sha512-MhLuK+2gUcnZe8ZHlaaINnQLl0xRIGRfcGk2yl8xoQAfHrSsL3rYu6FCmBdkdbhc9EPlwyGHewaRsvwRMJtAlA=="
     },
     "framer-motion": {
-      "version": "7.6.4",
-      "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-7.6.4.tgz",
-      "integrity": "sha512-Ac3Bl9M45fS8A0ibOUnYMSCfjaCrFfWT0uh0/MZVm/DGWcr5IsRRinWRiVGABA9RGJgn4THehqcn235JVQkucQ==",
+      "version": "7.10.3",
+      "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-7.10.3.tgz",
+      "integrity": "sha512-k2ccYeZNSpPg//HTaqrU+4pRq9f9ZpaaN7rr0+Rx5zA4wZLbk547wtDzge2db1sB+1mnJ6r59P4xb+aEIi/W+w==",
       "requires": {
         "@emotion/is-prop-valid": "^0.8.2",
-        "@motionone/dom": "10.13.1",
-        "framesync": "6.1.2",
+        "@motionone/dom": "^10.15.3",
         "hey-listen": "^1.0.8",
-        "popmotion": "11.0.5",
-        "style-value-types": "5.1.2",
-        "tslib": "2.4.0"
-      }
-    },
-    "framesync": {
-      "version": "6.1.2",
-      "resolved": "https://registry.npmjs.org/framesync/-/framesync-6.1.2.tgz",
-      "integrity": "sha512-jBTqhX6KaQVDyus8muwZbBeGGP0XgujBRbQ7gM7BRdS3CadCZIHiawyzYLnafYcvZIh5j8WE7cxZKFn7dXhu9g==",
-      "requires": {
         "tslib": "2.4.0"
       }
     },
@@ -26345,17 +26358,6 @@
         }
       }
     },
-    "popmotion": {
-      "version": "11.0.5",
-      "resolved": "https://registry.npmjs.org/popmotion/-/popmotion-11.0.5.tgz",
-      "integrity": "sha512-la8gPM1WYeFznb/JqF4GiTkRRPZsfaj2+kCxqQgr2MJylMmIKUwBfWW8Wa5fml/8gmtlD5yI01MP1QCZPWmppA==",
-      "requires": {
-        "framesync": "6.1.2",
-        "hey-listen": "^1.0.8",
-        "style-value-types": "5.1.2",
-        "tslib": "2.4.0"
-      }
-    },
     "postcss": {
       "version": "8.4.18",
       "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.18.tgz",
@@ -27322,6 +27324,23 @@
       "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.11.0.tgz",
       "integrity": "sha512-F27qZr8uUqwhWZboondsPx8tnC3Ct3SxZA3V5WyEvujRyyNv0VYPhoBg1gZ8/MV5tubQp76Trw8lTv9hzRBa+A=="
     },
+    "react-router": {
+      "version": "6.23.1",
+      "resolved": "https://registry.npmjs.org/react-router/-/react-router-6.23.1.tgz",
+      "integrity": "sha512-fzcOaRF69uvqbbM7OhvQyBTFDVrrGlsFdS3AL+1KfIBtGETibHzi3FkoTRyiDJnWNc2VxrfvR+657ROHjaNjqQ==",
+      "requires": {
+        "@remix-run/router": "1.16.1"
+      }
+    },
+    "react-router-dom": {
+      "version": "6.23.1",
+      "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.23.1.tgz",
+      "integrity": "sha512-utP+K+aSTtEdbWpC+4gxhdlPFwuEfDKq8ZrPFU65bbRJY+l706qjR7yaidBpo3MSeA/fzwbXWbKBI6ftOnP3OQ==",
+      "requires": {
+        "@remix-run/router": "1.16.1",
+        "react-router": "6.23.1"
+      }
+    },
     "react-scripts": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/react-scripts/-/react-scripts-5.0.1.tgz",
@@ -27386,6 +27405,12 @@
         "prop-types": "^15.7.2"
       }
     },
+    "react-type-animation": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/react-type-animation/-/react-type-animation-3.2.0.tgz",
+      "integrity": "sha512-WXTe0i3rRNKjmggPvT5ntye1QBt0ATGbijeW6V3cQe2W0jaMABXXlPPEdtofnS9tM7wSRHchEvI9SUw+0kUohw==",
+      "requires": {}
+    },
     "read-cache": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
@@ -28181,15 +28206,6 @@
       "integrity": "sha512-GPcQ+LDJbrcxHORTRes6Jy2sfvK2kS6hpSfI/fXhPt+spVzxF6LJ1dHLN9zIGmVaaP044YKaIatFaufENRiDoQ==",
       "requires": {}
     },
-    "style-value-types": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/style-value-types/-/style-value-types-5.1.2.tgz",
-      "integrity": "sha512-Vs9fNreYF9j6W2VvuDTP7kepALi7sk0xtk2Tu8Yxi9UoajJdEVpNpCov0HsLTqXvNGKX+Uv09pkozVITi1jf3Q==",
-      "requires": {
-        "hey-listen": "^1.0.8",
-        "tslib": "2.4.0"
-      }
-    },
     "stylehacks": {
       "version": "5.1.0",
       "resolved": "https://registry.npmjs.org/stylehacks/-/stylehacks-5.1.0.tgz",
diff --git a/package.json b/package.json
index e8adbc4..da87f8f 100644
--- a/package.json
+++ b/package.json
@@ -9,12 +9,14 @@
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",
     "emailjs-com": "^3.2.0",
-    "framer-motion": "^7.6.4",
+    "framer-motion": "^7.10.3",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-icons": "^4.12.0",
+    "react-router-dom": "^6.23.1",
     "react-scripts": "5.0.1",
     "react-scroll": "^1.8.8",
+    "react-type-animation": "^3.2.0",
     "swiper": "^8.4.5",
     "web-vitals": "^2.1.4"
   },
diff --git a/src/components/header/Header.jsx b/src/components/header/Header.jsx
index 81c17ec..527e246 100644
--- a/src/components/header/Header.jsx
+++ b/src/components/header/Header.jsx
@@ -45,7 +45,7 @@ const Header = () => {
         <div className="header__container-text2">
           <h1>Abhishek</h1>
         </div>
-        <div data-aos="zoom-in-up" className="header__container-text3">
+        <div className="header__container-text3"> {/*data-aos="zoom-in-up"*/}
           <h5 className="text-light" style={{ border: "2px solid #4db5ff", borderRadius: "5px", padding: "2px" }} >Fullstack Developer</h5>
         </div>
         <div className="header__container-text4">
diff --git a/src/components/header/header.css b/src/components/header/header.css
index 269c4c1..79c9b7c 100644
--- a/src/components/header/header.css
+++ b/src/components/header/header.css
@@ -106,11 +106,11 @@ header {
 
 .me {
   /* background: linear-gradient(var(--color-primary),transparent); */
-  width: 25rem;
-  height: 27rem;
+  width: 22rem;
+  height: 24rem;
   position: absolute;
-  left: calc(75% - 15rem);
-  margin-top: 6rem;
+  left: calc(75% - 12rem);
+  margin-top: 7rem;
   border-radius: 0 0 100% 100%;
   overflow: hidden;
   padding: 1rem 1.5rem 1.5rem 1.5rem;
diff --git a/src/components/skills/Skills.jsx b/src/components/skills/Skills.jsx
index c5867bf..1895598 100644
--- a/src/components/skills/Skills.jsx
+++ b/src/components/skills/Skills.jsx
@@ -20,6 +20,7 @@ import { faTools } from '@fortawesome/free-solid-svg-icons';
 import { faCode } from '@fortawesome/free-solid-svg-icons';
 import { LuBrainCircuit } from "react-icons/lu";
 import { FaAws } from "react-icons/fa";
+import { SiPostgresql } from "react-icons/si";
 
 const Experience = () => {
   return (
@@ -119,6 +120,13 @@ const Experience = () => {
                 <small className="text-light">Intermediate</small>
               </div>
             </article>
+            <article className="experience_details">
+              <SiPostgresql className="experience_details-icon" />
+              <div>
+                <h4>PostgreSql</h4>
+                <small className="text-light">Intermediate</small>
+              </div>
+            </article>
           </div>
         </div>
         <div data-aos="fade-up"