diff --git a/apps/web/src/hooks/useUserAgent.ts b/apps/web/src/hooks/useUserAgent.ts
new file mode 100644
index 0000000..6781a00
--- /dev/null
+++ b/apps/web/src/hooks/useUserAgent.ts
@@ -0,0 +1,15 @@
+import { useMemo } from "react";
+
+export function useUserAgent() {
+	const userAgent = navigator.userAgent;
+	const previewMode = useMemo(() => {
+		return (
+			userAgent ===
+			"Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:135.0) Gecko/20100101 Firefox/135.0"
+		);
+	}, [userAgent]);
+	return {
+		userAgent,
+		previewMode,
+	};
+}