✨ Rework About page Process section

src/animations/transitions.ts

@@ -0,0 +1,25 @@
+import { animate } from 'motion'
+import { quartOut } from './easings'
+
+export const scaleFade = (node: HTMLElement, {
+    delay = 0,
+    duration = 1,
+    scale = [0.7, 1],
+    opacity = [1, 0],
+    x = null,
+}) => {
+    return {
+        css: () => {
+            animate(node, {
+                scale,
+                opacity,
+                x,
+                z: 0,
+            }, {
+                easing: quartOut,
+                duration,
+                delay,
+            })
+        }
+    }
+}