From af705cbf465bceb73a12c0d584c557c31a42a326 Mon Sep 17 00:00:00 2001
From: Pratyush Sharma <56130065+pratyush618@users.noreply.github.com>
Date: Sun, 19 Apr 2026 14:23:21 +0530
Subject: [PATCH] refactor: decouple site name and section links in navbar with
 updated navigation paths

---
 src/components/navbar.tsx | 24 +++++++++++++++---------
 1 file changed, 15 insertions(+), 9 deletions(-)

diff --git a/src/components/navbar.tsx b/src/components/navbar.tsx
index 5cdaef4..b5c5d3d 100644
--- a/src/components/navbar.tsx
+++ b/src/components/navbar.tsx
@@ -18,15 +18,21 @@ export function Navbar() {
   return (
     <header className="sticky top-0 z-50 w-full border-border/60 border-b bg-background/70 backdrop-blur-md">
       <div className="mx-auto flex h-14 max-w-6xl items-center justify-between px-6">
-        <Link
-          href="/"
-          className="flex items-center gap-2 font-mono font-semibold text-foreground text-sm tracking-tight"
-        >
-          <span aria-hidden className="inline-block h-2 w-2 rounded-full bg-accent" />
-          <span>{site.name.toLowerCase()}</span>
-          <span className="text-muted-foreground/60">/</span>
-          <span className="text-muted-foreground">{site.section}</span>
-        </Link>
+        <div className="flex items-center gap-2 font-mono font-semibold text-foreground text-sm tracking-tight">
+          <a
+            href={site.homeUrl}
+            className="flex items-center gap-2 transition-colors hover:text-foreground/80"
+          >
+            <span aria-hidden className="inline-block h-2 w-2 rounded-full bg-accent" />
+            <span>{site.name.toLowerCase()}</span>
+          </a>
+          <span aria-hidden className="text-muted-foreground/60">
+            /
+          </span>
+          <Link href="/" className="text-muted-foreground transition-colors hover:text-foreground">
+            {site.section}
+          </Link>
+        </div>
         <nav className="flex items-center gap-1 text-sm">
           {nav.map((item) => {
             const openInNewTab = "external" in item && item.external;