Move About page out of navbar

web/components/nav-bar.tsx

@@ -35,16 +35,18 @@ export function NavBar(props: {
         <Row className="items-center gap-6 sm:gap-8 md:ml-16 lg:ml-40">
           {children}
 
-          <Link href="/about">
+          {!user && (
-            <a
+            <Link href="/about">
-              className={clsx(
+              <a
-                'text-base hidden md:block whitespace-nowrap',
+                className={clsx(
-                themeClasses
+                  'text-base hidden md:block whitespace-nowrap',
-              )}
+                  themeClasses
-            >
+                )}
-              About
+              >
-            </a>
+                About
-          </Link>
+              </a>
+            </Link>
+          )}
 
           {!isLandingPage && (
             <Link href="/markets">

web/components/profile-menu.tsx

@@ -59,7 +59,10 @@ function getNavigationOptions(user: User, options: { mobile: boolean }) {
       name: 'Discord',
       href: 'https://discord.gg/eHQBNBqXuh',
     },
-    ...(mobile ? [{ name: 'About', href: '/about' }] : []),
+    {
+      name: 'About',
+      href: '/about',
+    },
     {
       name: 'Sign out',
       href: '#',