footer: balance and align with the educational framing

Left side gets the logo + wordmark + a one-line tagline matching the
new positioning ("A working manual on agents that don't wait to be
asked").

Right side becomes a 2x2 link grid (Essays, Triggers, About, GitHub),
right-aligned on desktop so the column has weight rather than a single
lonely link.

Bottom line carries the small print — copyright + type credit —
separated by a hairline rule.

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

Author: khaliqgant

components/site-footer.tsx

@@ -1,38 +1,49 @@
 import Link from "next/link";
+import { SiteLogo } from "@/components/site-logo";
 
 export function SiteFooter() {
   return (
     <footer className="relative z-20 mt-32 border-t border-rule/70">
-      <div className="mx-auto max-w-6xl px-6 py-12 sm:px-10">
-        <div className="flex flex-col gap-6 sm:flex-row sm:items-end sm:justify-between">
-          <div className="max-w-md">
-            <p className="font-display text-2xl text-ink">Proactive Agents</p>
-            <p className="mt-2 text-sm leading-relaxed text-ink-soft">
-              The runtime for agents that act on their own. Schedules,
-              triggers, watchers, durable wake/sleep. Made by{" "}
-              <a
+      <div className="mx-auto max-w-6xl px-6 py-14 sm:px-10">
+        <div className="grid gap-10 sm:grid-cols-12 sm:gap-8">
+          {/* Brand */}
+          <div className="sm:col-span-7">
+            <div className="flex items-center gap-3">
+              <SiteLogo className="h-7 w-auto" />
+              <p className="font-display text-2xl text-ink">Proactive Agents</p>
+            </div>
+            <p className="mt-3 max-w-md font-serif text-[0.95rem] leading-relaxed text-ink-soft">
+              A working manual on the agents that don&rsquo;t wait to be asked.
+              By <a
                 href="https://github.com/AgentWorkforce"
                 className="text-terracotta hover:underline"
-              >
-                AgentWorkforce
-              </a>
-              .
+              >AgentWorkforce</a>.
             </p>
           </div>
-          <div className="flex flex-col items-start gap-2 text-sm text-ink-soft sm:items-end">
+
+          {/* Links */}
+          <nav className="sm:col-span-5 grid grid-cols-2 gap-x-8 gap-y-2 text-sm text-ink-soft sm:justify-items-end">
+            <Link href="/posts" className="hover:text-terracotta transition-colors">
+              Essays
+            </Link>
+            <Link href="/#triggers" className="hover:text-terracotta transition-colors">
+              Triggers
+            </Link>
+            <Link href="/about" className="hover:text-terracotta transition-colors">
+              About
+            </Link>
             <a
               href="https://github.com/AgentWorkforce"
               className="hover:text-terracotta transition-colors"
             >
-              GitHub →
+              GitHub ↗
             </a>
-            <Link href="/about" className="hover:text-terracotta transition-colors">
-              About
-            </Link>
-            <p className="mt-3 text-xs text-ink-faint">
-              Crafted by AgentWorkforce.
-            </p>
-          </div>
+          </nav>
+        </div>
+
+        <div className="mt-10 flex flex-col items-start justify-between gap-2 border-t border-rule/60 pt-6 text-xs text-ink-faint sm:flex-row sm:items-center">
+          <p>© {new Date().getFullYear()} AgentWorkforce. Made with care.</p>
+          <p>Set in Fraunces &amp; Instrument Serif.</p>
         </div>
       </div>
     </footer>