1 files changed, 24 insertions, 0 deletions
diff --git a/apps/web/app/dashboard/wrapped/page.tsx b/apps/web/app/dashboard/wrapped/page.tsx
new file mode 100644
index 00000000..f479aca7
--- /dev/null
+++ b/apps/web/app/dashboard/wrapped/page.tsx
@@ -0,0 +1,24 @@
+"use client";
+
+import { useEffect } from "react";
+import { useRouter } from "next/navigation";
+import { WrappedModal } from "@/components/wrapped";
+
+export default function WrappedPage() {
+  const router = useRouter();
+
+  const handleClose = () => {
+    router.push("/dashboard/bookmarks");
+  };
+
+  // Always show the modal when this page is loaded
+  useEffect(() => {
+    // Prevent page from being scrollable when modal is open
+    document.body.style.overflow = "hidden";
+    return () => {
+      document.body.style.overflow = "";
+    };
+  }, []);
+
+  return <WrappedModal open={true} onClose={handleClose} />;
+}