:D

components/ui/motion-wrapper.tsx

@@ -0,0 +1,15 @@
+"use client";
+
+import { motion } from "framer-motion";
+
+export function MotionWrapper({ children }: { children: React.ReactNode }) {
+    return (
+        <motion.div
+            initial={{ opacity: 0, y: 20 }}
+            animate={{ opacity: 1, y: 0 }}
+            transition={{ duration: 0.5, staggerChildren: 0.1 }}
+        >
+            {children}
+        </motion.div>
+    );
+}