diff --git a/package-lock.json b/package-lock.json
index 2832c3f..cd9cb5c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -16,6 +16,7 @@
         "react-ga": "^3.3.1",
         "react-router-dom": "^6.6.2",
         "react-scripts": "5.0.1",
+        "react-type-animation": "^2.1.2",
         "web-vitals": "^2.1.4"
       },
       "devDependencies": {
@@ -14347,6 +14348,16 @@
         }
       }
     },
+    "node_modules/react-type-animation": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/react-type-animation/-/react-type-animation-2.1.2.tgz",
+      "integrity": "sha512-6/t4Whl87sLR0c8kzvJngTrCV6OVy3jEeUZoe2svVu9VaYr951VD7OeUie1rIyeD8JfpBIqZGYrPFHZQ04XHrw==",
+      "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",
@@ -27205,6 +27216,12 @@
         "workbox-webpack-plugin": "^6.4.1"
       }
     },
+    "react-type-animation": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/react-type-animation/-/react-type-animation-2.1.2.tgz",
+      "integrity": "sha512-6/t4Whl87sLR0c8kzvJngTrCV6OVy3jEeUZoe2svVu9VaYr951VD7OeUie1rIyeD8JfpBIqZGYrPFHZQ04XHrw==",
+      "requires": {}
+    },
     "read-cache": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
diff --git a/package.json b/package.json
index 894cbe3..fd6968b 100644
--- a/package.json
+++ b/package.json
@@ -11,6 +11,7 @@
     "react-ga": "^3.3.1",
     "react-router-dom": "^6.6.2",
     "react-scripts": "5.0.1",
+    "react-type-animation": "^2.1.2",
     "web-vitals": "^2.1.4"
   },
   "scripts": {
diff --git a/src/component/About.js b/src/component/About.js
index bea4d72..cc5e1c1 100644
--- a/src/component/About.js
+++ b/src/component/About.js
@@ -2,7 +2,7 @@ import React from 'react'
 
 const About = () => {
   return (
-    <div>About</div>
+    <div>Abou</div>
   )
 }