diff --git a/app/projects/agent_vs_script/page.tsx b/app/projects/agent_vs_script/page.tsx
index 73aaaf3..f8d94b1 100644
--- a/app/projects/agent_vs_script/page.tsx
+++ b/app/projects/agent_vs_script/page.tsx
@@ -1,3 +1,5 @@
+"use client"
+
 import Image from "next/image";
 import Link from "next/link";
 import CoverImage from "../components";
diff --git a/components/navigation.tsx b/components/navigation.tsx
index a4ccce9..ddbca2b 100644
--- a/components/navigation.tsx
+++ b/components/navigation.tsx
@@ -38,7 +38,7 @@ const components: { title: string; href: string; description: string }[] = [
   },
   {
     title: "About Us",
-    href: "/about",
+    href: "/sotopia-website/about",
     description:
       "Learn more about the team behind Sotopia.",
   },
@@ -71,7 +71,7 @@ export function NavigationMenuSotopia() {
               <ListItem href="/sotopia-website/projects/sotopia-pi" title="Sotopia-π">
                 Training socially-intelligent agents in Sotopia.
               </ListItem>
-              <ListItem href="/sotopia-website/projects/agent_vs_script/" title="Agents Vs Script">
+              <ListItem href="/sotopia-website/projects/agent_vs_script" title="Agents Vs Script">
                 Realistic social simulations require information asymmetry.
               </ListItem>
             </ul>
@@ -94,7 +94,7 @@ export function NavigationMenuSotopia() {
           </NavigationMenuContent>
         </NavigationMenuItem>
         <NavigationMenuItem>
-          <Link href="/docs" legacyBehavior passHref>
+          <Link href="https://docs.sotopia.world/" legacyBehavior passHref>
             <NavigationMenuLink className={navigationMenuTriggerStyle()}>
               Documentation
             </NavigationMenuLink>