From b195713fa158422e256fa209fce52031ebb0b384 Mon Sep 17 00:00:00 2001
From: bharathkumar39293 <bharath.ccbp@gmail.com>
Date: Thu, 12 Mar 2026 13:49:51 +0600
Subject: [PATCH] fix(web): add <noscript> message for when JS is disabled

---
 apps/web/app/layout.tsx | 11 +++++++++++
 1 file changed, 11 insertions(+)
diff --git a/apps/web/app/layout.tsx b/apps/web/app/layout.tsx
index b9be44ffec..17d199e4eb 100644
--- a/apps/web/app/layout.tsx
+++ b/apps/web/app/layout.tsx
@@ -26,6 +26,17 @@ const RootLayout = async ({ children }: { children: React.ReactNode }) => {
   return (
     <html lang={locale} translate="no">
       <body className="flex h-dvh flex-col transition-all ease-in-out">
+        <noscript>
+          <div className="flex h-dvh w-full items-center justify-center bg-slate-50">
+            <div className="rounded-xl border border-slate-200 bg-white p-8 text-center shadow-lg">
+              <h1 className="mb-4 text-2xl font-bold text-slate-800">JavaScript Required</h1>
+              <p className="text-slate-600">
+                Formbricks requires JavaScript to function properly. Please enable JavaScript in your browser
+                settings to continue.
+              </p>
+            </div>
+          </div>
+        </noscript>
         <SentryProvider
           sentryDsn={SENTRY_DSN}
           sentryRelease={SENTRY_RELEASE}
