Unify About with primary nav links

Author: setrf

components/navigation/DesktopNavigationLinks.tsx

@@ -1,5 +1,5 @@
 import Link from 'next/link';
-import { ABOUT_NAV_LINK, PUBLIC_NAV_LINKS } from '@/components/navigation/config';
+import { PUBLIC_NAV_LINKS } from '@/components/navigation/config';
 import { isNavActive } from '@/components/navigation/utils';
 
 interface DesktopNavigationLinksProps {
@@ -8,25 +8,16 @@ interface DesktopNavigationLinksProps {
 
 export function DesktopNavigationLinks({ pathname }: DesktopNavigationLinksProps) {
   return (
-    <div className="flex items-center gap-1">
-      <nav className="hidden md:flex items-center gap-1">
-        {PUBLIC_NAV_LINKS.map((link) => (
-          <Link
-            key={link.href}
-            href={link.href}
-            className={`nav-link ${isNavActive(pathname, link.href) ? 'nav-link-active' : ''}`}
-          >
-            {link.label}
-          </Link>
-        ))}
-      </nav>
-
-      <Link
-        href={ABOUT_NAV_LINK.href}
-        className={`nav-link hidden sm:block ${isNavActive(pathname, ABOUT_NAV_LINK.href) ? 'nav-link-active' : ''}`}
-      >
-        {ABOUT_NAV_LINK.label}
-      </Link>
-    </div>
+    <nav className="hidden md:flex items-center gap-1">
+      {PUBLIC_NAV_LINKS.map((link) => (
+        <Link
+          key={link.href}
+          href={link.href}
+          className={`nav-link ${isNavActive(pathname, link.href) ? 'nav-link-active' : ''}`}
+        >
+          {link.label}
+        </Link>
+      ))}
+    </nav>
   );
 }

components/navigation/MobileNavigationMenu.tsx

@@ -1,5 +1,5 @@
 import Link from 'next/link';
-import { ABOUT_NAV_LINK, PUBLIC_NAV_LINKS } from '@/components/navigation/config';
+import { PUBLIC_NAV_LINKS } from '@/components/navigation/config';
 import { isNavActive } from '@/components/navigation/utils';
 
 interface MobileNavigationMenuProps {
@@ -36,17 +36,6 @@ export function MobileNavigationMenu({
             {link.label}
           </Link>
         ))}
-        <Link
-          href={ABOUT_NAV_LINK.href}
-          onClick={onNavigate}
-          className={`px-4 py-3 rounded-lg transition-colors ${
-            isNavActive(pathname, ABOUT_NAV_LINK.href)
-              ? 'bg-[var(--accent-gold-dim)] text-[var(--accent-gold)]'
-              : 'text-[var(--text-secondary)] hover:bg-[var(--bg-tertiary)] hover:text-[var(--text-primary)]'
-          }`}
-        >
-          {ABOUT_NAV_LINK.label}
-        </Link>
       </nav>
     </div>
   );

components/navigation/config.ts

@@ -3,6 +3,5 @@ export const PUBLIC_NAV_LINKS = [
   { href: '/cohorts', label: 'Cohorts' },
   { href: '/markets', label: 'Markets' },
   { href: '/methodology', label: 'Methodology' },
+  { href: '/about', label: 'About' },
 ] as const;
-
-export const ABOUT_NAV_LINK = { href: '/about', label: 'About' } as const;