From e7e5adafdf6d516b3a86f77a9e5159633b85e677 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Thu, 16 Jul 2026 10:17:50 +0000
Subject: [PATCH] fix(website): use next/link for internal docs links so
 basePath applies

The landing page linked to the docs with plain <a href="/docs"> tags.
Next.js only prepends basePath ("/tarjan" on GitHub Pages) to next/link
<Link>, not to raw anchors, so "Get started", the nav "Docs" link, and
"Read the docs" all pointed at /docs and 404'd on the deployed site.

Switch those three internal links to <Link>; the in-page #features anchor
and external GitHub links stay as <a>. Verified a production build with
PAGES_BASE_PATH=/tarjan emits href="/tarjan/docs/" for all three.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01MoUvg2Lio7NF4dAr1bsUR2
---
 website/app/page.tsx | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/website/app/page.tsx b/website/app/page.tsx
index 383f5d4..8f6e97d 100644
--- a/website/app/page.tsx
+++ b/website/app/page.tsx
@@ -1,4 +1,5 @@
 import type { ReactNode } from "react";
+import Link from "next/link";
 
 const GITHUB = "https://github.com/stevenzg/tarjan";
 
@@ -37,9 +38,9 @@ function Nav() {
         <a href="#features" className="hover:text-white">
           Features
         </a>
-        <a href="/docs" className="hover:text-white">
+        <Link href="/docs" className="hover:text-white">
           Docs
-        </a>
+        </Link>
         <a
           href={GITHUB}
           className="rounded-lg border border-white/15 px-3 py-1.5 font-medium text-white hover:bg-white/5"
@@ -83,12 +84,12 @@ function Hero() {
       </div>
 
       <div className="mt-8 flex items-center justify-center gap-3">
-        <a
+        <Link
           href="/docs"
           className="rounded-lg bg-white px-5 py-2.5 text-sm font-semibold text-black hover:bg-white/90"
         >
           Get started
-        </a>
+        </Link>
         <a
           href={GITHUB}
           className="rounded-lg border border-white/15 px-5 py-2.5 text-sm font-semibold hover:bg-white/5"
@@ -287,12 +288,12 @@ function CallToAction() {
         .
       </p>
       <div className="mt-7 flex items-center justify-center gap-3">
-        <a
+        <Link
           href="/docs"
           className="rounded-lg bg-white px-5 py-2.5 text-sm font-semibold text-black hover:bg-white/90"
         >
           Read the docs
-        </a>
+        </Link>
         <a
           href={`${GITHUB}/releases/latest`}
           className="rounded-lg border border-white/15 px-5 py-2.5 text-sm font-semibold hover:bg-white/5"