feat: add typewriter animation effect to hero text

- Added typewriter-effect package for animated text rendering
- Implemented sequential typing animation for welcome message and signature
- Added client-side rendering check to prevent hydration issues
- Adjusted text opacity and timing delays for better readability
- Created invisible placeholder text to maintain layout during animation loading

package-lock.json

@@ -31,7 +31,8 @@
         "react-use-measure": "^2.1.7",
         "slick-carousel": "^1.8.1",
         "swiper": "^11.1.7",
-        "tailwindcss": "^3.4.6"
+        "tailwindcss": "^3.4.6",
+        "typewriter-effect": "^2.22.0"
       },
       "devDependencies": {
         "eslint": "^8.56.0",
@@ -27468,6 +27469,20 @@
         "node": ">=4.2.0"
       }
     },
+    "node_modules/typewriter-effect": {
+      "version": "2.22.0",
+      "resolved": "https://registry.npmjs.org/typewriter-effect/-/typewriter-effect-2.22.0.tgz",
+      "integrity": "sha512-01HCRYY462wT8Fxps/epwGCioZd/GMXY0aLKhFKrfJ5Xhgf54/SiDx7Oq7PoES5kGqOEAdW8FS8HYVM2WSvfhQ==",
+      "license": "MIT",
+      "dependencies": {
+        "prop-types": "^15.8.1",
+        "raf": "^3.4.1"
+      },
+      "peerDependencies": {
+        "react": ">=17.0.0",
+        "react-dom": ">=17.0.0"
+      }
+    },
     "node_modules/unbox-primitive": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz",