fix(nav): disable links for pages not yet implemented

Hardening, Config and KeyGen nav links now render as non-clickable
spans with reduced opacity to prevent 404s.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: luizomf

src/layouts/Base.astro

@@ -8,11 +8,11 @@ const canonicalUrl = Astro.url.href;
 const currentPath = Astro.url.pathname;
 
 const navItems = [
-  { href: '/', label: 'Home' },
-  { href: '/tunnels/', label: 'Tunnels' },
-  { href: '/hardening/', label: 'Hardening' },
-  { href: '/config/', label: 'Config' },
-  { href: '/keygen/', label: 'KeyGen' },
+  { href: '/', label: 'Home', disabled: false },
+  { href: '/tunnels/', label: 'Tunnels', disabled: false },
+  { href: '/hardening/', label: 'Hardening', disabled: true },
+  { href: '/config/', label: 'Config', disabled: true },
+  { href: '/keygen/', label: 'KeyGen', disabled: true },
 ];
 ---
 
@@ -77,12 +77,18 @@ const navItems = [
         <ul class="nav__links">
           {navItems.map((item) => (
             <li>
-              <a
-                href={item.href}
-                class:list={['nav__link', { 'nav__link--active': currentPath === item.href || currentPath === item.href.slice(0, -1) }]}
-              >
-                {item.label}
-              </a>
+              {item.disabled ? (
+                <span class="nav__link nav__link--disabled">
+                  {item.label}
+                </span>
+              ) : (
+                <a
+                  href={item.href}
+                  class:list={['nav__link', { 'nav__link--active': currentPath === item.href || currentPath === item.href.slice(0, -1) }]}
+                >
+                  {item.label}
+                </a>
+              )}
             </li>
           ))}
         </ul>
@@ -158,6 +164,16 @@ const navItems = [
     text-decoration: none;
   }
 
+  .nav__link--disabled {
+    opacity: 0.35;
+    cursor: default;
+  }
+
+  .nav__link--disabled:hover {
+    color: var(--text-secondary);
+    background: none;
+  }
+
   .nav__link--active {
     color: var(--accent);
     background: var(--accent-glow);