docs: publish wizard recipe as a site-pages showcase (follow-up to #29) (#34)

docs.yml only ever deploys the pdoc API reference plus the hand-authored
docs/site-pages/*.html set — docs/examples/*.md (wizard.md included) was
never part of that pipeline, so the wizard recipe merged in #33 never
reached the published GitHub Pages site. Adds a matching wizard.html in
the existing terminal-modern design system (same structure as
litestar-guide.html) and wires it into every page's nav dropdown plus the
homepage doc-card grid.

Verified docs/make.py --output-dir <tmp> still builds cleanly and copies
all 8 site pages (was 7).


Claude-Session: https://claude.ai/code/session_01KPACXz9tygw7WFoseMvE8A

Co-authored-by: Claude Sonnet 5 <noreply@anthropic.com>

Author: fsecada01

docs/site-pages/admin-panel.html

@@ -540,6 +540,7 @@
           <li><a href="education-lms.html">Education / LMS</a></li>
           <li><a href="financial-dashboard.html">Financial Dashboard</a></li>
           <li><a href="litestar-guide.html">Litestar Guide</a></li>
+          <li><a href="wizard.html">Wizard Recipe</a></li>
         </ul>
       </li>
       <li><a href="component_framework.html" class="nav-api">API Ref</a></li>

docs/site-pages/customer-support.html

@@ -540,6 +540,7 @@
           <li><a href="education-lms.html">Education / LMS</a></li>
           <li><a href="financial-dashboard.html">Financial Dashboard</a></li>
           <li><a href="litestar-guide.html">Litestar Guide</a></li>
+          <li><a href="wizard.html">Wizard Recipe</a></li>
         </ul>
       </li>
       <li><a href="component_framework.html" class="nav-api">API Ref</a></li>

docs/site-pages/ecommerce.html

@@ -556,6 +556,7 @@
           <a href="education-lms.html">Education / LMS</a>
           <a href="financial-dashboard.html">Financial Dashboard</a>
           <a href="litestar-guide.html">Litestar Guide</a>
+          <a href="wizard.html">Wizard Recipe</a>
         </div>
       </li>
       <li><a href="component_framework.html" class="nav-api">API Ref</a></li>

docs/site-pages/education-lms.html

@@ -230,6 +230,7 @@
           <li><a href="education-lms.html" class="nav-active">NYS Regents</a></li>
           <li><a href="financial-dashboard.html">Financial Dashboard</a></li>
           <li><a href="litestar-guide.html">Litestar Guide</a></li>
+          <li><a href="wizard.html">Wizard Recipe</a></li>
         </ul>
       </li>
       <li><a href="../component_framework.html" class="nav-api">API Ref</a></li>

docs/site-pages/financial-dashboard.html

@@ -556,6 +556,7 @@
           <a href="education-lms.html">Education / LMS</a>
           <a href="financial-dashboard.html" class="nav-active">Financial Dashboard</a>
           <a href="litestar-guide.html">Litestar Guide</a>
+          <a href="wizard.html">Wizard Recipe</a>
         </div>
       </li>
       <li><a href="component_framework.html" class="nav-api">API Ref</a></li>

docs/site-pages/index.html

@@ -633,6 +633,7 @@
           <a href="education-lms.html">Education / LMS</a>
           <a href="financial-dashboard.html">Financial Dashboard</a>
           <a href="litestar-guide.html">Litestar Guide</a>
+          <a href="wizard.html">Wizard Recipe</a>
         </div>
       </li>
       <li><a href="component_framework.html" class="nav-api">API Ref</a></li>
@@ -953,6 +954,11 @@ <h2 class="section-title">Where to go next.</h2>
         <div class="doc-card__title">Litestar Guide</div>
         <div class="doc-card__desc">Setup guide for the Litestar adapter — HTTP endpoints, async handlers, SSE streaming, and WebSocket support.</div>
       </a>
+      <a href="wizard.html" class="doc-card">
+        <div class="doc-card__label">recipe</div>
+        <div class="doc-card__title">Wizard Recipe</div>
+        <div class="doc-card__desc">Multi-step form (FastAPI) built from a single stateful component that swaps its active step and validation schema.</div>
+      </a>
       <a href="https://github.com/fsecada01/component-framework" class="doc-card" target="_blank" rel="noopener">
         <div class="doc-card__label">source</div>
         <div class="doc-card__title">GitHub Repository</div>

docs/site-pages/litestar-guide.html

@@ -490,6 +490,7 @@
           <li><a href="education-lms.html">Education / LMS</a></li>
           <li><a href="financial-dashboard.html">Financial Dashboard</a></li>
           <li><a href="litestar-guide.html" class="nav-active">Litestar Guide</a></li>
+          <li><a href="wizard.html">Wizard Recipe</a></li>
         </ul>
       </li>
       <li><a href="component_framework.html" class="nav-api">API Ref</a></li>