feat(web): simplify top nav to 4 items, drop Stable badge

  The previous navbar carried 7 items plus a 'Stable' pill, and 'Why
  Aixgo' wrapped at common desktop widths (~1200px). Per ux-engineer
  recommendation, the desktop nav is now Docs / Blog / GitHub(icon) /
  Get Started -- matching the pattern used by Temporal, Dagger, and
  Encore. Home is dropped (the logo carries it), Features and Why
  Aixgo move to the footer (pages remain accessible by URL). GitHub
  is demoted to an icon-only ghost button on desktop with
  aria-label='GitHub'; the label is preserved inside the mobile
  drawer where touch users have no hover affordance. The dead
  .alpha-badge CSS is removed; data.version.current is preserved
  because the homepage still consumes it.

Author: charlesgreen

web/config/_default/menus.en.toml

@@ -1,25 +1,10 @@
 # -- Main Menu --
 
-[[main]]
-  name = "Home"
-  url = "/"
-  weight = 5
-
 [[main]]
   name = "Docs"
   url = "/docs"
   weight = 7
 
-[[main]]
-  name = "Features"
-  pageRef = "features"
-  weight = 10
-
-[[main]]
-  name = "Why Aixgo"
-  pageRef = "why-aixgo"
-  weight = 15
-
 [[main]]
   name = "Blog"
   pageRef = "blog"
@@ -42,6 +27,11 @@
   pageRef = "features"
   weight = 5
 
+[[footer]]
+  name = "Why Aixgo"
+  pageRef = "why-aixgo"
+  weight = 7
+
 [[footer]]
   name = "GitHub"
   url = "https://github.com/aixgo-dev/aixgo"

web/layouts/partials/header.html

@@ -21,11 +21,11 @@
         {{ range .Site.Menus.main }}
           <li>
             {{ if eq .Name "GitHub" }}
-              <a href="{{ .URL }}" target="_blank" rel="noopener noreferrer" class="nav-github-btn">
-                <svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true">
+              <a href="{{ .URL }}" target="_blank" rel="noopener noreferrer" class="nav-github-icon" aria-label="GitHub">
+                <svg width="20" height="20" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true">
                   <path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"/>
                 </svg>
-                {{ .Name }}
+                <span class="nav-label">{{ .Name }}</span>
               </a>
             {{ else if or (hasPrefix .URL "http://") (hasPrefix .URL "https://") }}
               <a href="{{ .URL }}" target="_blank" rel="noopener noreferrer">
@@ -38,7 +38,6 @@
         {{ end }}
         <li class="nav-cta">
           <a href="{{ .Site.Data.version.cta_url }}" class="btn-get-started">{{ .Site.Data.version.cta_text }}</a>
-          <span class="alpha-badge">{{ .Site.Data.version.current }}</span>
         </li>
       </ul>
     </div>

web/static/css/alpha-notices.css

@@ -1,24 +1,3 @@
-/* Alpha Badge (next to Get Started button) */
-.alpha-badge {
-  display: inline-flex;
-  align-items: center;
-  padding: 0.25rem 0.625rem;
-  background: rgba(34, 211, 238, 0.15);
-  border: 1px solid rgba(34, 211, 238, 0.3);
-  border-radius: 9999px;
-  font-size: 0.75rem;
-  font-weight: 500;
-  color: #22d3ee;
-  margin-left: 0.75rem;
-  white-space: nowrap;
-}
-
-@media (max-width: 768px) {
-  .alpha-badge {
-    display: none;
-  }
-}
-
 /* Alpha Notice Banner */
 .alpha-notice-banner {
   background: #FFB74D;

web/static/css/main.css

@@ -169,27 +169,33 @@ header {
   opacity: 1;
 }
 
-/* Navigation GitHub Button */
-.nav-github-btn {
+/* Navigation GitHub Icon (desktop: icon-only ghost; mobile: labeled full-width) */
+.nav-github-icon {
   display: inline-flex;
   align-items: center;
-  gap: 0.5rem;
-  padding: 0.5rem 1rem;
-  border: 1px solid var(--color-border);
+  justify-content: center;
+  width: 40px;
+  height: 40px;
+  border: 1px solid transparent;
   border-radius: 6px;
   transition: all 0.2s;
-  font-weight: 500 !important;
+  color: var(--color-text);
 }
 
-.nav-github-btn:hover {
+.nav-github-icon:hover {
   border-color: var(--color-cyan);
   background-color: rgba(34, 211, 238, 0.05);
+  color: var(--color-cyan);
 }
 
-.nav-github-btn svg {
+.nav-github-icon svg {
   flex-shrink: 0;
 }
 
+.nav-github-icon .nav-label {
+  display: none;
+}
+
 /* Get Started CTA Button */
 .nav-cta {
   margin-left: 0.5rem;
@@ -1350,16 +1356,22 @@ h1, h2, h3, h4, h5, h6 {
     font-size: 1rem;
   }
 
-  /* Mobile GitHub Button */
-  .nav-github-btn {
+  /* Mobile GitHub: show label, full-width like other items */
+  .nav-github-icon {
     display: flex !important;
     justify-content: center;
     align-items: center;
     width: 100% !important;
+    height: auto !important;
     padding: 0.875rem 1rem !important;
     margin: 0 !important;
     box-sizing: border-box;
     border: 1px solid var(--color-border);
+    gap: 0.5rem;
+  }
+
+  .nav-github-icon .nav-label {
+    display: inline;
   }
 
   /* Mobile Get Started CTA */