add new component

package-lock.json

@@ -14,6 +14,7 @@
         "@tailwindcss/forms": "^0.5.9",
         "autoprefixer": "^10.4.12",
         "clsx": "^2.1.0",
+        "framer-motion": "^11.5.6",
         "next": "^14.2.11",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
@@ -2673,6 +2674,31 @@
         "url": "https://github.com/sponsors/rawify"
       }
     },
+    "node_modules/framer-motion": {
+      "version": "11.5.6",
+      "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-11.5.6.tgz",
+      "integrity": "sha512-JMwUpAxv/DWgul9vPgX0ElKn0G66sUc6O9tOXsYwn3zxwvhxFljSXC0XT2QCzuTYBshwC8nyDAa1SYcV0Ldbhw==",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.4.0"
+      },
+      "peerDependencies": {
+        "@emotion/is-prop-valid": "*",
+        "react": "^18.0.0",
+        "react-dom": "^18.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@emotion/is-prop-valid": {
+          "optional": true
+        },
+        "react": {
+          "optional": true
+        },
+        "react-dom": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/fs.realpath": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",