diff --git a/src/app/(frontend)/resume/page.tsx b/src/app/(frontend)/resume/page.tsx
index 727be24..fb9249f 100644
--- a/src/app/(frontend)/resume/page.tsx
+++ b/src/app/(frontend)/resume/page.tsx
@@ -1,3 +1,4 @@
+export const dynamic = "force-dynamic";
 export const metadata = { title: "Resume" };
 
 export default function ResumePage() {
diff --git a/src/app/(frontend)/writing/[slug]/page.tsx b/src/app/(frontend)/writing/[slug]/page.tsx
index 22b4a91..06f3fa7 100644
--- a/src/app/(frontend)/writing/[slug]/page.tsx
+++ b/src/app/(frontend)/writing/[slug]/page.tsx
@@ -1,3 +1,5 @@
+export const dynamic = "force-dynamic";
+
 import { notFound } from "next/navigation";
 
 type Params = { slug: string };
diff --git a/src/app/(frontend)/writing/page.tsx b/src/app/(frontend)/writing/page.tsx
index 0a5e996..e9c88fa 100644
--- a/src/app/(frontend)/writing/page.tsx
+++ b/src/app/(frontend)/writing/page.tsx
@@ -1,3 +1,4 @@
+export const dynamic = "force-dynamic";
 export const metadata = { title: "Writing" };
 
 export default function WritingIndexPage() {
diff --git a/src/components/site/Footer.tsx b/src/components/site/Footer.tsx
index 443867b..3c53599 100644
--- a/src/components/site/Footer.tsx
+++ b/src/components/site/Footer.tsx
@@ -1,4 +1,6 @@
 import Link from "next/link";
+import { getPayload } from "payload";
+import config from "@payload-config";
 import { StatusTerminal } from "./StatusTerminal";
 
 const NAV_LINKS = [
@@ -8,12 +10,11 @@ const NAV_LINKS = [
   { label: "Contact", href: "/contact" },
 ];
 
-const SOCIALS = [
-  { label: "GitHub", href: "https://github.com/jasonwoltje" },
-  { label: "LinkedIn", href: "https://linkedin.com/in/jasonwoltje" },
-];
+export async function Footer() {
+  const payload = await getPayload({ config });
+  const nav = await payload.findGlobal({ slug: "navigation", depth: 0 });
+  const socials = nav.socials ?? [];
 
-export function Footer() {
   return (
     <footer className="bg-background">
       <div className="mx-auto max-w-7xl px-6 pt-16 pb-8">
@@ -48,20 +49,22 @@ export function Footer() {
           </div>
 
           {/* Socials */}
-          <div className="flex flex-col gap-3">
-            <span className="label-md text-on-surface-variant mb-1">Connect</span>
-            {SOCIALS.map((s) => (
-              <a
-                key={s.href}
-                href={s.href}
-                target="_blank"
-                rel="noopener noreferrer"
-                className="font-label text-[11px] uppercase tracking-widest text-on-surface-variant transition-colors hover:text-secondary"
-              >
-                {s.label}
-              </a>
-            ))}
-          </div>
+          {socials.length > 0 && (
+            <div className="flex flex-col gap-3">
+              <span className="label-md text-on-surface-variant mb-1">Connect</span>
+              {socials.map((s) => (
+                <a
+                  key={s.id ?? s.href}
+                  href={s.href}
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  className="font-label text-[11px] uppercase tracking-widest text-on-surface-variant transition-colors hover:text-secondary"
+                >
+                  {s.label ?? s.platform}
+                </a>
+              ))}
+            </div>
+          )}
         </div>
 
         {/* Divider tonal shift — no 1px border at 100% */}
diff --git a/src/components/site/index.ts b/src/components/site/index.ts
index e784d66..e4eb704 100644
--- a/src/components/site/index.ts
+++ b/src/components/site/index.ts
@@ -1,5 +1,4 @@
 export { Nav } from "./Nav";
-export { Footer } from "./Footer";
 export { StatusTerminal } from "./StatusTerminal";
 export { GridOverlay } from "./GridOverlay";
 export { Button } from "./Button";