diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index adb98d3e..82a4b211 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -16,6 +16,7 @@ import NotFound from "./pages/OtherPage/NotFound";
 
 // Lazy load all other pages - only loads when navigated to
 const Home = lazy(() => import("./pages/Dashboard/Home"));
+const AIControlHub = lazy(() => import("./pages/AIControlHub"));
 
 // Planner Module - Lazy loaded
 const PlannerDashboard = lazy(() => import("./pages/Planner/Dashboard"));
@@ -177,6 +178,11 @@ export default function App() {
                 <Home />
               </Suspense>
             } />
+            <Route path="/ai-control-hub" element={
+              <Suspense fallback={null}>
+                <AIControlHub />
+              </Suspense>
+            } />
 
             {/* Planner Module - Redirect dashboard to keywords */}
             <Route path="/planner" element={<Navigate to="/planner/keywords" replace />} />