Hackathon Guidebook

website/src/App.tsx

@@ -5,6 +5,7 @@ import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { BrowserRouter, Routes, Route } from "react-router-dom";
 import Index from "./pages/Index";
 import NotFound from "./pages/NotFound";
+import Guidebook from "./pages/Guidebook";
 
 const queryClient = new QueryClient();
 
@@ -17,6 +18,7 @@ const App = () => (
         <Routes>
           <Route path="/" element={<Index />} />
           <Route path="*" element={<NotFound />} />
+          <Route path="/guidebook" element={<Guidebook />} />
         </Routes>
       </BrowserRouter>
     </TooltipProvider>

website/src/components/Navbar.tsx

@@ -54,6 +54,7 @@ const Navbar = () => {
           { id: "speakers", label: "Speakers", url: "#speakers" },
           { id: "schedule", label: "Schedule", url: "#schedule" },
           { id: "about-us", label: "Organisers", url: "#about-us" },
+          { id: "guidebook", label: "Guidebook", url: "/guidebook" },
           {
             id: "github",
             label: "GitHub",
@@ -112,6 +113,12 @@ const Navbar = () => {
           >
             Organisers
           </a>
+          <a
+            href="/guidebook"
+            className="text-springText/80 hover:text-springBlue transition-colors flex items-center gap-2"
+          >
+            Guidebook
+          </a>
           <a
             href="https://github.com/CDTM/cdtm-hacks"
             target="_blank"
@@ -150,7 +157,10 @@ const Navbar = () => {
       />
 
       {/* Applications Closed Dialog */}
-      <ApplicationsClosedDialog isOpen={isDialogOpen} onOpenChange={setIsDialogOpen} />
+      <ApplicationsClosedDialog
+        isOpen={isDialogOpen}
+        onOpenChange={setIsDialogOpen}
+      />
     </header>
   );
 };