feat(animejs): replace motion with animejs for lighter animation (#663)

* feat(animejs): replace motion with animejs for lighter animation

* fix(components): adjust video class for consistent styling

* refactor(components): remove translate-y-20 class for improved layout consistency

* chore: adjust hero animation

* refactor(components): use inline style for initial

* refactor(components): enhance feature and hero components with consistent inline-block styling

* chore(animatejs): update span with bold to make animation work

* refactor(components): improve layout and animation consistency in Features and Hero components

* refactor(components): adjust spacing in hero component

* refactor(features): update autoplay target and enter properties

* fix(features): standardize feature keys to use hyphenated format

* refactor(components): optimize animation delay and improve class handling

package.json

@@ -37,6 +37,7 @@
     "@fortawesome/free-solid-svg-icons": "6.7.1",
     "@types/react": "^19.1.6",
     "@types/react-dom": "^19.1.5",
+    "animejs": "^4.0.2",
     "astro": "5.7.10",
     "astro-navbar": "2.3.7",
     "autoprefixer": "10.4.14",
@@ -45,7 +46,6 @@
     "free-astro-components": "1.2.0",
     "jiti": "^2.4.2",
     "lefthook": "^1.11.13",
-    "motion": "^12.15.0",
     "postcss": "8.5.1",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
@@ -71,6 +71,7 @@
     "@playwright/test": "1.52.0",
     "@testing-library/jest-dom": "6.6.3",
     "@testing-library/user-event": "14.6.1",
+    "@types/animejs": "^3.1.13",
     "@types/eslint-plugin-jsx-a11y": "6.10.0",
     "@types/jsdom": "21.1.7",
     "@types/node": "22.15.18",