feat: migrate hero component

package-lock.json

@@ -16,6 +16,7 @@
         "@tanstack/react-table": "^8.21.2",
         "axios": "^1.8.3",
         "clsx": "^2.1.1",
+        "framer-motion": "^12.9.2",
         "js-cookie": "^3.0.5",
         "next": "~15.2.4",
         "react": "^19.1.0",
@@ -19070,6 +19071,33 @@
         "url": "https://github.com/sponsors/rawify"
       }
     },
+    "node_modules/framer-motion": {
+      "version": "12.9.2",
+      "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-12.9.2.tgz",
+      "integrity": "sha512-R0O3Jdqbfwywpm45obP+8sTgafmdEcUoShQTAV+rB5pi+Y1Px/FYL5qLLRe5tPtBdN1J4jos7M+xN2VV2oEAbQ==",
+      "license": "MIT",
+      "dependencies": {
+        "motion-dom": "^12.9.1",
+        "motion-utils": "^12.8.3",
+        "tslib": "^2.4.0"
+      },
+      "peerDependencies": {
+        "@emotion/is-prop-valid": "*",
+        "react": "^18.0.0 || ^19.0.0",
+        "react-dom": "^18.0.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@emotion/is-prop-valid": {
+          "optional": true
+        },
+        "react": {
+          "optional": true
+        },
+        "react-dom": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/fresh": {
       "version": "0.5.2",
       "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
@@ -24333,6 +24361,21 @@
         "pathe": "^2.0.1"
       }
     },
+    "node_modules/motion-dom": {
+      "version": "12.9.1",
+      "resolved": "https://registry.npmjs.org/motion-dom/-/motion-dom-12.9.1.tgz",
+      "integrity": "sha512-xqXEwRLDYDTzOgXobSoWtytRtGlf7zdkRfFbrrdP7eojaGQZ5Go4OOKtgnx7uF8sAkfr1ZjMvbCJSCIT2h6fkQ==",
+      "license": "MIT",
+      "dependencies": {
+        "motion-utils": "^12.8.3"
+      }
+    },
+    "node_modules/motion-utils": {
+      "version": "12.8.3",
+      "resolved": "https://registry.npmjs.org/motion-utils/-/motion-utils-12.8.3.tgz",
+      "integrity": "sha512-GYVauZEbca8/zOhEiYOY9/uJeedYQld6co/GJFKOy//0c/4lDqk0zB549sBYqqV2iMuX+uHrY1E5zd8A2L+1Lw==",
+      "license": "MIT"
+    },
     "node_modules/mrmime": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/mrmime/-/mrmime-2.0.1.tgz",