diff --git a/client/src/App.tsx b/client/src/App.tsx
index 2c64f58..bb74061 100644
--- a/client/src/App.tsx
+++ b/client/src/App.tsx
@@ -7,6 +7,14 @@ import { AnalyticsDashboardPage } from './pages/AnalyticsDashboardPage';
 import { AdminDashboardPage } from './pages/AdminDashboardPage';
 import { ActivityFeedPage } from './pages/ActivityFeedPage';
 import { CampaignDetailPage } from './pages/CampaignDetailPage';
+import { CreateCampaignPage } from './pages/CreateCampaignPage';
+import { InvestorDashboardPage } from './pages/InvestorDashboardPage';
+import {
+  CampaignsPage,
+  FarmerDashboardPage,
+  ProfilePage,
+  NotFoundPage,
+} from './pages';
 import './App.css';
 
 export default function App() {
@@ -49,10 +57,19 @@ export default function App() {
       <Route path="/admin" element={<AdminDashboardPage />} />
       <Route path="/dev/components" element={<Playground />} />
 
-      {/* AppLayout routes */}
+      {/* AppLayout routes. HomePage from pages/index is intentionally unrouted; `/` stays DesignFoundationsPage. */}
       <Route element={<AppLayout />}>
         <Route path="/activity" element={<ActivityFeedPage />} />
+        <Route path="/campaigns" element={<CampaignsPage />} />
+        <Route path="/campaigns/new" element={<CreateCampaignPage />} />
         <Route path="/campaigns/:id" element={<CampaignDetailPage />} />
+        <Route path="/investor" element={<InvestorDashboardPage />} />
+        <Route path="/farmer" element={<FarmerDashboardPage />} />
+        <Route path="/profile" element={<ProfilePage />} />
+        <Route path="/dashboard/investor" element={<InvestorDashboardPage />} />
+        <Route path="/dashboard/farmer" element={<FarmerDashboardPage />} />
+        <Route path="/dashboard/admin" element={<AdminDashboardPage />} />
+        <Route path="*" element={<NotFoundPage />} />
       </Route>
     </Routes>
   );
diff --git a/client/src/components/AppLayout.tsx b/client/src/components/AppLayout.tsx
index d0abb27..af84586 100644
--- a/client/src/components/AppLayout.tsx
+++ b/client/src/components/AppLayout.tsx
@@ -4,9 +4,10 @@ import { Link, NavLink, Outlet, useLocation } from 'react-router-dom';
 const navigation = [
   { label: 'Home', to: '/', end: true },
   { label: 'Campaigns', to: '/campaigns' },
-  { label: 'Farmer', to: '/dashboard/farmer' },
-  { label: 'Investor', to: '/dashboard/investor' },
-  { label: 'Admin', to: '/dashboard/admin' },
+  { label: 'New campaign', to: '/campaigns/new' },
+  { label: 'Farmer', to: '/farmer' },
+  { label: 'Investor', to: '/investor' },
+  { label: 'Admin', to: '/admin' },
   { label: 'Activity', to: '/activity' },
   { label: 'Profile', to: '/profile' },
 ];