diff --git a/apps/web/src/routes/__root.tsx b/apps/web/src/routes/__root.tsx
index e7fe4b0..0add685 100644
--- a/apps/web/src/routes/__root.tsx
+++ b/apps/web/src/routes/__root.tsx
@@ -17,20 +17,24 @@ const RootLayout = () => {
         <Link to="/" className="[&.active]:font-bold">
           Home
         </Link>
-        <Link to="/about" className="[&.active]:font-bold">
-          About
+        <Link to="/play" className="[&.active]:font-bold">
+          Play
+        </Link>
+        <Link to="/multiplayer" className="[&.active]:font-bold">
+          Multiplayer
         </Link>
         <div className="ml-auto">
           {session ? (
             <button
               className="text-sm text-gray-600 hover:text-gray-900"
               onClick={() => {
-                void (async () => {
-                  await signOut();
-                  void navigate({ to: "/" });
-                })().catch((err) => {
-                  console.error("Sign out error:", err);
-                });
+                void signOut()
+                  .then(() => {
+                    void navigate({ to: "/" });
+                  })
+                  .catch((err) => {
+                    console.error("Sign out error:", err);
+                  });
               }}
             >
               Sign out ({session.user.name})