diff --git a/app/template.tsx b/app/template.tsx
new file mode 100644
index 0000000..b4dfc7a
--- /dev/null
+++ b/app/template.tsx
@@ -0,0 +1,15 @@
+"use client";
+
+import { motion } from "motion/react";
+
+export default function Template({ children }: { children: React.ReactNode }) {
+  return (
+    <motion.div
+      initial={{ opacity: 0, y: 8 }}
+      animate={{ opacity: 1, y: 0 }}
+      transition={{ duration: 0.4, ease: "easeOut" }}
+    >
+      {children}
+    </motion.div>
+  );
+}