diff --git a/apps/web/public/eventools-logo.png b/apps/web/public/eventools-logo.png
new file mode 100644
index 0000000..7cc536a
Binary files /dev/null and b/apps/web/public/eventools-logo.png differ
diff --git a/apps/web/src/components/DeprecationNoticeModal.tsx b/apps/web/src/components/DeprecationNoticeModal.tsx
new file mode 100644
index 0000000..91520a8
--- /dev/null
+++ b/apps/web/src/components/DeprecationNoticeModal.tsx
@@ -0,0 +1,84 @@
+import React from "react";
+import { X, ExternalLink, Download, Server } from "lucide-react";
+
+interface DeprecationNoticeModalProps {
+  isOpen: boolean;
+  onClose: () => void;
+}
+
+const DeprecationNoticeModal: React.FC<DeprecationNoticeModalProps> = ({ isOpen, onClose }) => {
+  if (!isOpen) return null;
+
+  return (
+    <div
+      className="fixed inset-0 bg-black bg-opacity-50 z-50 flex items-center justify-center p-4"
+      onClick={onClose}
+    >
+      <div
+        className="bg-gray-950/95 backdrop-blur-lg border border-gray-700 rounded-lg shadow-2xl shadow-indigo-900/20 max-w-lg w-full"
+        onClick={(e) => e.stopPropagation()}
+      >
+        <div className="p-6">
+          <div className="flex justify-end mb-2">
+            <button
+              onClick={onClose}
+              className="p-2 rounded-full hover:bg-gray-800 transition-colors"
+            >
+              <X className="h-5 w-5 text-gray-400" />
+            </button>
+          </div>
+
+          <div className="flex flex-col items-center text-center">
+            <img src="/eventools-logo.png" alt="eventools" className="h-16 w-16 mb-6" />
+
+            <h2 className="text-2xl font-bold text-white mb-4">We're Building Something New!</h2>
+
+            <div className="space-y-4 text-gray-300">
+              <p>
+                We're excited to announce that we're working on{" "}
+                <span className="text-indigo-400 font-semibold">eventools</span> — the next
+                generation of event production tools.
+              </p>
+
+              <p>SoundDocs will be transitioning to eventools in the near future.</p>
+
+              <div className="bg-gray-800/50 rounded-lg p-4 text-left">
+                <p className="text-white font-medium mb-3">Don't worry — we'll provide:</p>
+                <ul className="space-y-2">
+                  <li className="flex items-start">
+                    <Download className="h-5 w-5 text-indigo-400 mr-3 mt-0.5 flex-shrink-0" />
+                    <span>Instructions for downloading your data</span>
+                  </li>
+                  <li className="flex items-start">
+                    <Server className="h-5 w-5 text-indigo-400 mr-3 mt-0.5 flex-shrink-0" />
+                    <span>Self-hosting documentation for SoundDocs</span>
+                  </li>
+                </ul>
+              </div>
+            </div>
+
+            <div className="mt-6 flex flex-col sm:flex-row gap-3 w-full">
+              <a
+                href="https://eventools.io"
+                target="_blank"
+                rel="noopener noreferrer"
+                className="flex-1 inline-flex items-center justify-center px-6 py-3 bg-indigo-600 hover:bg-indigo-500 text-white font-semibold rounded-lg transition-colors"
+              >
+                Sign Up for eventools Beta
+                <ExternalLink className="h-4 w-4 ml-2" />
+              </a>
+              <button
+                onClick={onClose}
+                className="flex-1 px-6 py-3 bg-gray-800 hover:bg-gray-700 text-white rounded-lg transition-colors"
+              >
+                Got it, thanks
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default DeprecationNoticeModal;
diff --git a/apps/web/src/hooks/useDeprecationNotice.ts b/apps/web/src/hooks/useDeprecationNotice.ts
new file mode 100644
index 0000000..9f3bd2a
--- /dev/null
+++ b/apps/web/src/hooks/useDeprecationNotice.ts
@@ -0,0 +1,21 @@
+import { useState, useEffect } from "react";
+
+const DEPRECATION_NOTICE_KEY = "sounddocs-deprecation-notice-dismissed";
+
+export const useDeprecationNotice = () => {
+  const [isOpen, setIsOpen] = useState(false);
+
+  useEffect(() => {
+    const dismissed = localStorage.getItem(DEPRECATION_NOTICE_KEY) === "true";
+    if (!dismissed) {
+      setIsOpen(true);
+    }
+  }, []);
+
+  const onClose = () => {
+    localStorage.setItem(DEPRECATION_NOTICE_KEY, "true");
+    setIsOpen(false);
+  };
+
+  return { isOpen, onClose };
+};
diff --git a/apps/web/src/pages/Dashboard.tsx b/apps/web/src/pages/Dashboard.tsx
index da45092..b2e675a 100644
--- a/apps/web/src/pages/Dashboard.tsx
+++ b/apps/web/src/pages/Dashboard.tsx
@@ -5,6 +5,8 @@ import { useAuth } from "../lib/AuthContext";
 import Header from "../components/Header";
 import Footer from "../components/Footer";
 import AcoustIqBanner from "../components/AcoustIqBanner";
+import DeprecationNoticeModal from "@/components/DeprecationNoticeModal";
+import { useDeprecationNotice } from "@/hooks/useDeprecationNotice";
 import {
   Info,
   Loader,
@@ -21,6 +23,8 @@ import {
 const Dashboard = () => {
   const navigate = useNavigate();
   const { user: authUser, loading: authLoading } = useAuth();
+  const { isOpen: showDeprecationModal, onClose: handleDismissDeprecation } =
+    useDeprecationNotice();
 
   const [loading, setLoading] = useState(true);
   const [userName, setUserName] = useState<string>("");
@@ -264,6 +268,7 @@ const Dashboard = () => {
         </div>
       </main>
       <Footer />
+      <DeprecationNoticeModal isOpen={showDeprecationModal} onClose={handleDismissDeprecation} />
     </div>
   );
 };
diff --git a/apps/web/src/pages/Landing.tsx b/apps/web/src/pages/Landing.tsx
index 681ae5e..9b2452b 100644
--- a/apps/web/src/pages/Landing.tsx
+++ b/apps/web/src/pages/Landing.tsx
@@ -6,8 +6,13 @@ import Features from "../components/Features";
 import TrustedBy from "../components/TrustedBy";
 import GetStarted from "../components/GetStarted";
 import Footer from "../components/Footer";
+import DeprecationNoticeModal from "@/components/DeprecationNoticeModal";
+import { useDeprecationNotice } from "@/hooks/useDeprecationNotice";
 
 const Landing: React.FC = () => {
+  const { isOpen: showDeprecationModal, onClose: handleDismissDeprecation } =
+    useDeprecationNotice();
+
   // On page load or when changing themes, best practice for accessibility
   useEffect(() => {
     document.title = "SoundDocs | Pro Audio & Event Production Documentation";
@@ -34,6 +39,7 @@ const Landing: React.FC = () => {
         <GetStarted />
       </main>
       <Footer />
+      <DeprecationNoticeModal isOpen={showDeprecationModal} onClose={handleDismissDeprecation} />
     </>
   );
 };
diff --git a/apps/web/src/pages/StagePlotEditor.tsx b/apps/web/src/pages/StagePlotEditor.tsx
index f29df21..e543bec 100644
--- a/apps/web/src/pages/StagePlotEditor.tsx
+++ b/apps/web/src/pages/StagePlotEditor.tsx
@@ -158,43 +158,6 @@ const StagePlotEditor = () => {
     // Screen size no longer forces view mode.
   }, [location.pathname]);
 
-  // Initialize local name from stagePlot.name when document loads
-  useEffect(() => {
-    if (stagePlot?.name && !localNameInitialized) {
-      setLocalName(stagePlot.name);
-      setLocalNameInitialized(true);
-    }
-  }, [stagePlot?.name, localNameInitialized]);
-
-  // Debounced sync: Update stagePlot.name after user stops typing (500ms delay)
-  useEffect(() => {
-    if (!localNameInitialized) return;
-
-    const handler = setTimeout(() => {
-      if (localName !== stagePlot?.name) {
-        setStagePlot((prev: any) => ({ ...prev, name: localName }));
-
-        // Broadcast name change to other collaborators
-        if (collaborationEnabled && broadcast) {
-          broadcast({
-            type: "field_update",
-            field: "name",
-            value: localName,
-          });
-        }
-      }
-    }, 500);
-
-    return () => clearTimeout(handler);
-  }, [
-    localName,
-    localNameInitialized,
-    stagePlot?.name,
-    setStagePlot,
-    collaborationEnabled,
-    broadcast,
-  ]);
-
   // Enable collaboration for existing documents (including edit-mode shared links)
   // For shared links, id will be undefined, so we check stagePlot?.id instead
   // For edit-mode shared links, allow collaboration even without authentication
@@ -316,6 +279,43 @@ const StagePlotEditor = () => {
     userId: effectiveUserId,
   });
 
+  // Initialize local name from stagePlot.name when document loads
+  useEffect(() => {
+    if (stagePlot?.name && !localNameInitialized) {
+      setLocalName(stagePlot.name);
+      setLocalNameInitialized(true);
+    }
+  }, [stagePlot?.name, localNameInitialized]);
+
+  // Debounced sync: Update stagePlot.name after user stops typing (500ms delay)
+  useEffect(() => {
+    if (!localNameInitialized) return;
+
+    const handler = setTimeout(() => {
+      if (localName !== stagePlot?.name) {
+        setStagePlot((prev: any) => ({ ...prev, name: localName }));
+
+        // Broadcast name change to other collaborators
+        if (collaborationEnabled && broadcast) {
+          broadcast({
+            type: "field_update",
+            field: "name",
+            value: localName,
+          });
+        }
+      }
+    }, 500);
+
+    return () => clearTimeout(handler);
+  }, [
+    localName,
+    localNameInitialized,
+    stagePlot?.name,
+    setStagePlot,
+    collaborationEnabled,
+    broadcast,
+  ]);
+
   // Real-time database subscription for syncing changes across users
   useEffect(() => {
     if (!collaborationEnabled || !stagePlot?.id) {