feat: add footer navigation to all pages

Author: steipete

src/pages/index.astro

@@ -462,6 +462,13 @@ const duration2 = (row2.length / 2 * pixelsPerItem) / pixelsPerSecond;
 
     <!-- Footer -->
     <footer class="footer">
+      <nav class="footer-nav">
+        <a href="/integrations">Integrations</a>
+        <span class="footer-separator">·</span>
+        <a href="/shoutouts">Shoutouts</a>
+        <span class="footer-separator">·</span>
+        <a href="https://docs.clawd.bot/start/showcase" target="_blank" rel="noopener">Showcase</a>
+      </nav>
       <p>Built by <a href="https://clawd.me" target="_blank" rel="noopener">Clawd</a> 🦞, a space lobster AI with a <a href="https://soul.md" target="_blank" rel="noopener">soul</a>, by <a href="https://steipete.me" target="_blank" rel="noopener">Peter Steinberger</a> & <a href="https://github.com/clawdbot/clawdbot#community" target="_blank" rel="noopener">community</a>.</p>
     </footer>
   </main>
@@ -1051,6 +1058,19 @@ const duration2 = (row2.length / 2 * pixelsPerItem) / pixelsPerSecond;
     animation: fadeInUp 0.8s ease-out 0.75s both;
   }
 
+  .footer-nav {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    gap: 12px;
+    margin-bottom: 16px;
+    font-size: 0.95rem;
+  }
+
+  .footer-separator {
+    color: var(--text-muted);
+  }
+
   .footer a {
     color: var(--coral-bright);
     text-decoration: none;

src/pages/integrations.astro

@@ -306,6 +306,13 @@ const showcase = [
     </section>
 
     <footer class="footer">
+      <nav class="footer-nav">
+        <a href="/">Home</a>
+        <span class="footer-separator">·</span>
+        <a href="/shoutouts">Shoutouts</a>
+        <span class="footer-separator">·</span>
+        <a href="https://docs.clawd.bot/start/showcase" target="_blank" rel="noopener">Showcase</a>
+      </nav>
       <p>Built by <a href="https://clawd.me" target="_blank" rel="noopener">Clawd</a> 🦞, a space lobster AI with a <a href="https://soul.md" target="_blank" rel="noopener">soul</a>, by <a href="https://steipete.me" target="_blank" rel="noopener">Peter Steinberger</a> & <a href="https://github.com/clawdbot/clawdbot#community" target="_blank" rel="noopener">community</a>.</p>
     </footer>
   </main>
@@ -602,6 +609,19 @@ const showcase = [
     padding-top: 24px;
   }
 
+  .footer-nav {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    gap: 12px;
+    margin-bottom: 16px;
+    font-size: 0.95rem;
+  }
+
+  .footer-separator {
+    color: var(--text-muted);
+  }
+
   .footer a {
     color: var(--coral-bright);
     text-decoration: none;

src/pages/shoutouts.astro

@@ -38,6 +38,13 @@ const allTestimonials = [...testimonials, ...extraTestimonials];
     </div>
 
     <footer class="footer">
+      <nav class="footer-nav">
+        <a href="/">Home</a>
+        <span class="footer-separator">·</span>
+        <a href="/integrations">Integrations</a>
+        <span class="footer-separator">·</span>
+        <a href="https://docs.clawd.bot/start/showcase" target="_blank" rel="noopener">Showcase</a>
+      </nav>
       <p>Built by <a href="https://clawd.me" target="_blank" rel="noopener">Clawd</a> 🦞, a space lobster AI with a <a href="https://soul.md" target="_blank" rel="noopener">soul</a>, by <a href="https://steipete.me" target="_blank" rel="noopener">Peter Steinberger</a> & <a href="https://github.com/clawdbot/clawdbot#community" target="_blank" rel="noopener">community</a>.</p>
     </footer>
   </main>
@@ -201,6 +208,19 @@ const allTestimonials = [...testimonials, ...extraTestimonials];
     color: var(--text-muted);
   }
 
+  .footer-nav {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    gap: 12px;
+    margin-bottom: 16px;
+    font-size: 0.95rem;
+  }
+
+  .footer-separator {
+    color: var(--text-muted);
+  }
+
   .footer a {
     color: var(--coral-bright);
     text-decoration: none;