added a beta access feature

web/src/main.tsx

@@ -10,6 +10,7 @@ import {
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { ToastProvider } from "./components/Toast";
 import { RequireAuth } from "./components/RequireAuth";
+import { BetaGate } from "./components/BetaGate";
 import App from "./App";
 import "./styles.css";
 
@@ -52,13 +53,23 @@ const HealthPage = lazy(() => import("./pages/HealthPage"));
 const OnboardingPage = lazy(() => import("./pages/OnboardingPage"));
 const LoginPage = lazy(() => import("./pages/LoginPage"));
 const RegisterPage = lazy(() => import("./pages/RegisterPage"));
+const BetaAccessPage = lazy(() => import("./pages/BetaAccessPage"));
 
 const router = createBrowserRouter(
   createRoutesFromElements(
-    <Route element={<App />}>
-      {/* Public */}
-      <Route path="/login" element={<LoginPage />} />
-      <Route path="/register" element={<RegisterPage />} />
+    <>
+      <Route path="/beta" element={<BetaAccessPage />} />
+
+      <Route
+        element={
+          <BetaGate>
+            <App />
+          </BetaGate>
+        }
+      >
+        {/* Public */}
+        <Route path="/login" element={<LoginPage />} />
+        <Route path="/register" element={<RegisterPage />} />
 
       {/* Protected onboarding */}
       <Route
@@ -160,9 +171,10 @@ const router = createBrowserRouter(
         }
       />
 
-      {/* Fallback */}
-      <Route path="*" element={<Navigate to="/" replace />} />
-    </Route>
+        {/* Fallback */}
+        <Route path="*" element={<Navigate to="/" replace />} />
+      </Route>
+    </>
   )
 );