diff --git a/package.json b/package.json
index a1a0fb7..f44da99 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "ln-bi",
   "private": true,
-  "version": "1.1.1",
+  "version": "1.1.2",
   "type": "module",
   "scripts": {
     "dev": "concurrently -n server,client -c blue,green \"npm run dev:server\" \"npm run dev:client\"",
diff --git a/src/components/Blur.tsx b/src/components/Blur.tsx
new file mode 100644
index 0000000..bc3d2cc
--- /dev/null
+++ b/src/components/Blur.tsx
@@ -0,0 +1,17 @@
+import { createContext, useContext, type ReactNode } from 'react';
+
+const DemoModeContext = createContext(false);
+
+export function DemoModeProvider({ enabled, children }: { enabled: boolean; children: ReactNode }) {
+  return <DemoModeContext.Provider value={enabled}>{children}</DemoModeContext.Provider>;
+}
+
+export function useDemoMode() {
+  return useContext(DemoModeContext);
+}
+
+export default function Blur({ children }: { children: ReactNode }) {
+  const demo = useContext(DemoModeContext);
+  if (!demo) return <>{children}</>;
+  return <span className="blur-[5px] select-none">{children}</span>;
+}