From 3e68a355c386f35f5eafe6f579aff91c7795da02 Mon Sep 17 00:00:00 2001
From: Ryan Malloy <ryan@supported.systems>
Date: Fri, 6 Mar 2026 12:01:56 -0700
Subject: [PATCH] Move docs link to hero CTA row for visibility

Docs link was buried in the reference links section. Promoted to
a hero-level button alongside New Notebook and Browse Notebooks,
with a blue hover accent to distinguish it.
---
 frontend/src/pages/index.astro | 25 ++++++++++---------------
 1 file changed, 10 insertions(+), 15 deletions(-)

diff --git a/frontend/src/pages/index.astro b/frontend/src/pages/index.astro
index b867c97..b1f3c42 100644
--- a/frontend/src/pages/index.astro
+++ b/frontend/src/pages/index.astro
@@ -40,7 +40,7 @@ try {
           <p class="mt-4 text-lg text-slate-400 max-w-xl leading-relaxed">
             Write SPICE netlists, simulate with ngspice or LTspice, and visualize waveforms in a single document.
           </p>
-          <div class="flex items-center gap-3 mt-8">
+          <div class="flex flex-wrap items-center gap-3 mt-8">
             <a
               href="/notebook/new"
               class="inline-flex items-center gap-2 px-5 py-2.5 rounded-lg bg-blue-600 hover:bg-blue-500 text-white font-medium transition-colors text-sm"
@@ -48,6 +48,15 @@ try {
               <Icon name="lucide:plus" class="w-4 h-4" />
               New Notebook
             </a>
+            <a
+              href="https://spicebook-docs.warehack.ing"
+              target="_blank"
+              rel="noopener noreferrer"
+              class="inline-flex items-center gap-2 px-5 py-2.5 rounded-lg border border-slate-700 text-slate-300 hover:border-blue-500/50 hover:text-slate-100 font-medium transition-colors text-sm"
+            >
+              <Icon name="lucide:book-open" class="w-4 h-4" />
+              Docs
+            </a>
             <a
               href="#notebooks"
               class="inline-flex items-center gap-2 px-5 py-2.5 rounded-lg border border-slate-700 text-slate-300 hover:border-slate-500 hover:text-slate-100 font-medium transition-colors text-sm"
@@ -133,20 +142,6 @@ try {
         <Icon name="lucide:chevron-right" class="w-4 h-4 text-slate-600 group-hover:text-slate-400 transition-colors" />
       </a>
 
-      <a href="https://spicebook-docs.warehack.ing" target="_blank" rel="noopener noreferrer"
-         class="inline-flex items-center gap-4 px-5 py-3 rounded-lg border border-slate-700
-                hover:border-slate-500 hover:bg-slate-800/40 transition-colors group">
-        <Icon name="lucide:book-open" class="w-8 h-8 text-blue-400/60 flex-shrink-0" />
-        <div>
-          <span class="text-sm font-semibold text-slate-200 group-hover:text-slate-100">
-            Docs
-          </span>
-          <span class="block text-xs text-slate-500">
-            Guides, API reference, embedding
-          </span>
-        </div>
-        <Icon name="lucide:chevron-right" class="w-4 h-4 text-slate-600 group-hover:text-slate-400 transition-colors" />
-      </a>
     </div>
   </section>