diff --git a/app/providers.tsx b/app/providers.tsx
new file mode 100644
index 0000000..5a85ac8
--- /dev/null
+++ b/app/providers.tsx
@@ -0,0 +1,16 @@
+"use client";
+
+import { LazyMotion, domAnimation, MotionConfig } from "motion/react";
+
+export function Providers({ children }: { children: React.ReactNode }) {
+  return (
+    <LazyMotion features={domAnimation} strict>
+      <MotionConfig
+        reducedMotion="user"
+        transition={{ duration: 0.3, ease: [0.22, 1, 0.36, 1] }}
+      >
+        {children}
+      </MotionConfig>
+    </LazyMotion>
+  );
+}