diff --git a/client/src/Router.tsx b/client/src/Router.tsx
index 868af35f495baf1843920e96b31c9c930e892a7e..bc54d9c2882ab2cb8d24905ebe7edab8fb2fa4cc 100644
--- a/client/src/Router.tsx
+++ b/client/src/Router.tsx
@@ -1,6 +1,8 @@
 import React from "react";
 import { BrowserRouter, Route, Routes } from "react-router-dom";
+import StaffLayout from "./components/StaffLayout";
 import UserLayout from "./components/UserLayout";
+import BoatOverview from "./pages/BoatOverview";
 import BookingForm from "./pages/BookingForm";
 import BookingSignOut from "./pages/BookingSignOut";
 import BookingSignOutSuccess from "./pages/BookingSignOutSuccess";
@@ -31,6 +33,9 @@ function Router() {
             <Route path="success" element={<BookingSignOutSuccess />} />
           </Route>
         </Route>
+        <Route path="staff" element={<StaffLayout />}>
+          <Route path="overview" element={<BoatOverview />} />
+        </Route>
       </Routes>
     </BrowserRouter>
   );