From 65b42a0683dbef1c58bbb2c06da33165e9722cfa Mon Sep 17 00:00:00 2001
From: arsam <me@asabbagh.com>
Date: Fri, 18 Sep 2026 23:17:46 +0330
Subject: [PATCH] Import source: vault/components/page-transition

Import the existing local project snapshot. This commit organizes existing files; it does not represent newly developed functionality.
---
 vault/components/page-transition.tsx | 28 ++++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)
 create mode 100644 vault/components/page-transition.tsx

diff --git a/vault/components/page-transition.tsx b/vault/components/page-transition.tsx
new file mode 100644
index 0000000..a9fe9a3
--- /dev/null
+++ b/vault/components/page-transition.tsx
@@ -0,0 +1,28 @@
+"use client";
+
+import { AnimatePresence, motion } from "framer-motion";
+import { usePathname } from "next/navigation";
+import { ReactNode } from "react";
+
+export function PageTransition({ children }: { children: ReactNode }) {
+  const pathname = usePathname();
+
+  return (
+    <AnimatePresence mode="wait">
+      <motion.div
+        key={pathname}
+        initial={false}
+        animate={{ opacity: 1, y: 0 }}
+        exit={{ opacity: 0, y: -12 }}
+        transition={{
+          type: "spring",
+          stiffness: 260,
+          damping: 25,
+          mass: 0.8,
+        }}
+      >
+        {children}
+      </motion.div>
+    </AnimatePresence>
+  );
+}