diff --git a/Makefile b/Makefile
index 315de3ff..b8fa6b31 100644
--- a/Makefile
+++ b/Makefile
@@ -45,12 +45,12 @@ build-and-publish: build publish ## Build distributions, then publish them
 
 docs-test: ## Build the website/docs bundle
 	@echo "==> Building website/"
-	BUB_ASTRO_IMAGE_MODE=build pnpm --dir website build
+	pnpm --dir website build
 
 docs: ## Start the website/docs development server
 	@echo "==> Starting website dev server"
-	BUB_ASTRO_IMAGE_MODE=dev pnpm --dir website dev --host
+	pnpm --dir website dev --host
 
 docs-preview: ## Preview the production website/docs build
 	@echo "==> Starting website preview server"
-	BUB_ASTRO_IMAGE_MODE=build pnpm --dir website preview --ip 0.0.0.0
+	pnpm --dir website preview --ip 0.0.0.0
diff --git a/website/astro.config.mjs b/website/astro.config.mjs
index 3d675bb6..abae47a4 100644
--- a/website/astro.config.mjs
+++ b/website/astro.config.mjs
@@ -1,39 +1,12 @@
 // @ts-check
 import { fileURLToPath } from 'node:url';
-import { defineConfig, envField } from 'astro/config';
+import { defineConfig } from 'astro/config';
 import tailwindcss from '@tailwindcss/vite';
 import starlight from '@astrojs/starlight';
-import cloudflare from '@astrojs/cloudflare';
 import mermaid from 'astro-mermaid';
 
-const astro_image_mode =
-  process.env.BUB_ASTRO_IMAGE_MODE ?? (process.argv.includes('dev') ? 'dev' : 'build');
-
-/** @type {import('@astrojs/cloudflare').Options['imageService']} */
-const image_service =
-  astro_image_mode === 'dev' ? 'cloudflare' : { build: 'compile', runtime: 'passthrough' };
-
 export default defineConfig({
-  // SSG by default; landing pages opt-in to SSR via `export const prerender = false`.
-  adapter: cloudflare({
-    // Prefer an explicit mode from the calling command so local docs workflows
-    // stay deterministic. Fall back to the Astro command name for direct
-    // `pnpm dev` / `pnpm build` usage inside `website/`.
-    imageService: image_service,
-    prerenderEnvironment: 'node',
-  }),
   site: process.env.SITE_URL ?? 'https://bub.build',
-  env: {
-    schema: {
-      SITE_URL: envField.string({
-        context: 'client',
-        access: 'public',
-        default: 'https://bub.build',
-        optional: true,
-        url: true,
-      }),
-    },
-  },
   vite: {
     plugins: [tailwindcss()],
     resolve: {
diff --git a/website/package.json b/website/package.json
index 2d9b715e..6d6e4a28 100644
--- a/website/package.json
+++ b/website/package.json
@@ -8,15 +8,15 @@
   },
   "scripts": {
     "generate:github-snapshot": "node ./scripts/generate-github-snapshot.mjs",
-    "predev": "pnpm run generate:github-snapshot",
+    "predev": "node ./scripts/generate-github-snapshot.mjs",
     "dev": "astro dev",
-    "prebuild": "pnpm run generate:github-snapshot",
+    "prebuild": "node ./scripts/generate-github-snapshot.mjs",
     "build": "astro build",
+    "precheck": "node ./scripts/generate-github-snapshot.mjs",
     "check": "astro check",
     "preview": "wrangler dev"
   },
   "dependencies": {
-    "@astrojs/cloudflare": "^14.2.1",
     "@astrojs/starlight": "^0.41.7",
     "@astrojs/starlight-tailwind": "^5.0.0",
     "@fontsource-variable/jetbrains-mono": "^5.3.0",
diff --git a/website/pnpm-lock.yaml b/website/pnpm-lock.yaml
index 3d12684f..2961d183 100644
--- a/website/pnpm-lock.yaml
+++ b/website/pnpm-lock.yaml
@@ -8,15 +8,12 @@ importers:
 
   .:
     dependencies:
-      '@astrojs/cloudflare':
-        specifier: ^14.2.1
-        version: 14.2.1(@types/node@24.13.3)(astro@7.2.1(@astrojs/markdown-remark@7.2.2(supports-color@10.2.2))(@emnapi/core@1.11.1)(@emnapi/runtime@1.11.3)(@types/node@24.13.3)(@vercel/functions@3.4.3)(jiti@2.7.0)(yaml@2.9.0))(esbuild@0.28.2)(jiti@2.7.0)(wrangler@4.121.0)(yaml@2.9.0)
       '@astrojs/starlight':
         specifier: ^0.41.7
-        version: 0.41.7(@astrojs/markdown-remark@7.2.2(supports-color@10.2.2))(astro@7.2.1(@astrojs/markdown-remark@7.2.2(supports-color@10.2.2))(@emnapi/core@1.11.1)(@emnapi/runtime@1.11.3)(@types/node@24.13.3)(@vercel/functions@3.4.3)(jiti@2.7.0)(yaml@2.9.0))(supports-color@10.2.2)(typescript@6.0.3)
+        version: 0.41.7(@astrojs/markdown-remark@7.2.2(supports-color@10.2.2))(astro@7.2.1(@astrojs/markdown-remark@7.2.2(supports-color@10.2.2))(@emnapi/core@1.11.1)(@emnapi/runtime@1.11.3)(@types/node@26.2.0)(@vercel/functions@3.4.3)(jiti@2.7.0)(yaml@2.9.0))(supports-color@10.2.2)(typescript@6.0.3)
       '@astrojs/starlight-tailwind':
         specifier: ^5.0.0
-        version: 5.0.0(@astrojs/starlight@0.41.7(@astrojs/markdown-remark@7.2.2(supports-color@10.2.2))(astro@7.2.1(@astrojs/markdown-remark@7.2.2(supports-color@10.2.2))(@emnapi/core@1.11.1)(@emnapi/runtime@1.11.3)(@types/node@24.13.3)(@vercel/functions@3.4.3)(jiti@2.7.0)(yaml@2.9.0))(supports-color@10.2.2)(typescript@6.0.3))(tailwindcss@4.3.3)
+        version: 5.0.0(@astrojs/starlight@0.41.7(@astrojs/markdown-remark@7.2.2(supports-color@10.2.2))(astro@7.2.1(@astrojs/markdown-remark@7.2.2(supports-color@10.2.2))(@emnapi/core@1.11.1)(@emnapi/runtime@1.11.3)(@types/node@26.2.0)(@vercel/functions@3.4.3)(jiti@2.7.0)(yaml@2.9.0))(supports-color@10.2.2)(typescript@6.0.3))(tailwindcss@4.3.3)
       '@fontsource-variable/jetbrains-mono':
         specifier: ^5.3.0
         version: 5.3.0
@@ -31,13 +28,13 @@ importers:
         version: 5.3.0
       '@tailwindcss/vite':
         specifier: ^4.3.3
-        version: 4.3.3(vite@8.2.1(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(yaml@2.9.0))
+        version: 4.3.3(vite@8.2.1(@types/node@26.2.0)(esbuild@0.28.2)(jiti@2.7.0)(yaml@2.9.0))
       astro:
         specifier: ^7.2.1
-        version: 7.2.1(@astrojs/markdown-remark@7.2.2(supports-color@10.2.2))(@emnapi/core@1.11.1)(@emnapi/runtime@1.11.3)(@types/node@24.13.3)(@vercel/functions@3.4.3)(jiti@2.7.0)(yaml@2.9.0)
+        version: 7.2.1(@astrojs/markdown-remark@7.2.2(supports-color@10.2.2))(@emnapi/core@1.11.1)(@emnapi/runtime@1.11.3)(@types/node@26.2.0)(@vercel/functions@3.4.3)(jiti@2.7.0)(yaml@2.9.0)
       astro-mermaid:
         specifier: ^2.1.0
-        version: 2.1.0(astro@7.2.1(@astrojs/markdown-remark@7.2.2(supports-color@10.2.2))(@emnapi/core@1.11.1)(@emnapi/runtime@1.11.3)(@types/node@24.13.3)(@vercel/functions@3.4.3)(jiti@2.7.0)(yaml@2.9.0))(mermaid@11.16.1)
+        version: 2.1.0(astro@7.2.1(@astrojs/markdown-remark@7.2.2(supports-color@10.2.2))(@emnapi/core@1.11.1)(@emnapi/runtime@1.11.3)(@types/node@26.2.0)(@vercel/functions@3.4.3)(jiti@2.7.0)(yaml@2.9.0))(mermaid@11.16.1)
       mermaid:
         specifier: ^11.16.1
         version: 11.16.1
@@ -49,14 +46,14 @@ importers:
         version: 0.29.0
       sharp:
         specifier: ^0.35.3
-        version: 0.35.3(@types/node@24.13.3)
+        version: 0.35.3(@types/node@26.2.0)
     devDependencies:
       '@astrojs/check':
         specifier: ^0.9.10
         version: 0.9.10(prettier@3.9.6)(typescript@6.0.3)
       '@lucide/astro':
         specifier: ^1.31.0
-        version: 1.31.0(astro@7.2.1(@astrojs/markdown-remark@7.2.2(supports-color@10.2.2))(@emnapi/core@1.11.1)(@emnapi/runtime@1.11.3)(@types/node@24.13.3)(@vercel/functions@3.4.3)(jiti@2.7.0)(yaml@2.9.0))
+        version: 1.31.0(astro@7.2.1(@astrojs/markdown-remark@7.2.2(supports-color@10.2.2))(@emnapi/core@1.11.1)(@emnapi/runtime@1.11.3)(@types/node@26.2.0)(@vercel/functions@3.4.3)(jiti@2.7.0)(yaml@2.9.0))
       tailwindcss:
         specifier: ^4.3.3
         version: 4.3.3
@@ -78,12 +75,6 @@ packages:
     peerDependencies:
       typescript: ^5.0.0 || ^6.0.0
 
-  '@astrojs/cloudflare@14.2.1':
-    resolution: {integrity: sha512-WUQwugRg23uU4OCHEMDazqt44ZlUcnA+kLSd2bvNqoHHctNAKt893gr2JuAzUSzFZ6BuEOoun/zJiTMm+AiSug==}
-    peerDependencies:
-      astro: ^7.2.0
-      wrangler: ^4.83.0
-
   '@astrojs/compiler-binding-darwin-arm64@0.3.2':
     resolution: {integrity: sha512-MM8tn8CSimcfytaOla4b6acN8mKWiL/rlAA1fpT3/Wl7dNGSE4y8FjTN/zJVNnb63CsLWG5zZwCt01TXtDKh9g==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -209,9 +200,6 @@ packages:
     resolution: {integrity: sha512-C1TLn5sPJr0x4vk56piHWKbnqlEB8BKyte5Y45V02U+D7BGO5eMqZDH5aPjnkXQWJggvmsTXxH03QMZ9NgWLzQ==}
     engines: {node: 18.20.8 || ^20.3.0 || >=22.0.0}
 
-  '@astrojs/underscore-redirects@1.0.4':
-    resolution: {integrity: sha512-sD3bn7i2yC+ocxlhCTshdg3gUM471Nag3wgyHilA+kpmufokvmUu1p5Mw5GT5Xp8SPC1Nlq0BJAgV/lslnWvRw==}
-
   '@astrojs/yaml2ts@0.2.4':
     resolution: {integrity: sha512-8oddpOae35pJsXPQXhTkM0ypfKPskVsh2bCxRtbf7e+/Epw2nReakFYpLKjZMEr75CsoF203PMnCocpfz0s69A==}
 
@@ -312,13 +300,6 @@ packages:
       workerd:
         optional: true
 
-  '@cloudflare/vite-plugin@1.51.3':
-    resolution: {integrity: sha512-8TzfBpQJH/VvIsmCGzHEGibD9fWu5ax6CEhVN/fU96te0J4Q99sMrgx4WmjDBZksTs1itrpE0d+OAT3xrNVI3g==}
-    hasBin: true
-    peerDependencies:
-      vite: ^6.1.0 || ^7.0.0 || ^8.0.0
-      wrangler: ^4.121.0
-
   '@cloudflare/workerd-darwin-64@1.20260804.1':
     resolution: {integrity: sha512-191/PPEFicRK2wK69eXzSjnLgHL79k7zR2VUpyIr8rhFgGns1b5bTHgnBuUrgU2LPbEtwbE5eL2hJ0uhLAFEow==}
     engines: {node: '>=16'}
@@ -1501,6 +1482,9 @@ packages:
   '@types/node@24.13.3':
     resolution: {integrity: sha512-Dh8vAsV36ig5wa9OX4pXvMc9D3Veibfw2wix0CUwYODLD8nkj9UsLjASr49nPg+2eKzxhBV+v7L8pXvT4e639Q==}
 
+  '@types/node@26.2.0':
+    resolution: {integrity: sha512-5IviulTZeRNp2vAJ514cc/HUlY5nZ9fCbq9DMyC52BrhFZACo3nI0R7qBxhQmo/d27NFe96ur/b7Wwxklda+kg==}
+
   '@types/sax@1.2.7':
     resolution: {integrity: sha512-rO73L89PJxeYM3s3pPPjiPgVVcymqU490g0YO5n5By0k2Erzj6tay/4lr1CHAAU4JyOWd1rpQ8bCf6cZfHU96A==}
 
@@ -3158,6 +3142,9 @@ packages:
   undici-types@7.18.2:
     resolution: {integrity: sha512-AsuCzffGHJybSaRrmr5eHr81mwJU3kjw6M+uprWvCXiNeN9SOGwQ3Jn8jb8m3Z6izVgknn1R0FTCEAP2QrLY/w==}
 
+  undici-types@8.3.0:
+    resolution: {integrity: sha512-j375ScV60dom+YkPFIfTLcOiPxkN/buHz5GobjLhixFuANaNs3C9l4GmrWqejgXWJ7BbJcFYpTEUkS1Ge8bpZQ==}
+
   undici@7.29.0:
     resolution: {integrity: sha512-IDxfleLmmbSskfWSUATiN1nfn2rDuvnMOqb5CWR92iIfojA0Ud+ulOAAEQ57LPr9rWmsreUyf5lwyao+7GNNVw==}
     engines: {node: '>=20.18.1'}
@@ -3545,31 +3532,6 @@ snapshots:
       - prettier
       - prettier-plugin-astro
 
-  '@astrojs/cloudflare@14.2.1(@types/node@24.13.3)(astro@7.2.1(@astrojs/markdown-remark@7.2.2(supports-color@10.2.2))(@emnapi/core@1.11.1)(@emnapi/runtime@1.11.3)(@types/node@24.13.3)(@vercel/functions@3.4.3)(jiti@2.7.0)(yaml@2.9.0))(esbuild@0.28.2)(jiti@2.7.0)(wrangler@4.121.0)(yaml@2.9.0)':
-    dependencies:
-      '@astrojs/internal-helpers': 0.10.2
-      '@astrojs/underscore-redirects': 1.0.4
-      '@cloudflare/vite-plugin': 1.51.3(vite@8.2.1(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(yaml@2.9.0))(wrangler@4.121.0)
-      astro: 7.2.1(@astrojs/markdown-remark@7.2.2(supports-color@10.2.2))(@emnapi/core@1.11.1)(@emnapi/runtime@1.11.3)(@types/node@24.13.3)(@vercel/functions@3.4.3)(jiti@2.7.0)(yaml@2.9.0)
-      piccolore: 0.1.3
-      vite: 8.2.1(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(yaml@2.9.0)
-      wrangler: 4.121.0
-    transitivePeerDependencies:
-      - '@types/node'
-      - '@vitejs/devtools'
-      - bufferutil
-      - esbuild
-      - jiti
-      - less
-      - sass
-      - sass-embedded
-      - stylus
-      - sugarss
-      - terser
-      - tsx
-      - utf-8-validate
-      - yaml
-
   '@astrojs/compiler-binding-darwin-arm64@0.3.2':
     optional: true
 
@@ -3692,13 +3654,13 @@ snapshots:
       hast-util-from-html: 2.0.3
       satteri: 0.9.5
 
-  '@astrojs/mdx@7.0.5(@astrojs/markdown-satteri@0.3.5)(astro@7.2.1(@astrojs/markdown-remark@7.2.2(supports-color@10.2.2))(@emnapi/core@1.11.1)(@emnapi/runtime@1.11.3)(@types/node@24.13.3)(@vercel/functions@3.4.3)(jiti@2.7.0)(yaml@2.9.0))(supports-color@10.2.2)':
+  '@astrojs/mdx@7.0.5(@astrojs/markdown-satteri@0.3.5)(astro@7.2.1(@astrojs/markdown-remark@7.2.2(supports-color@10.2.2))(@emnapi/core@1.11.1)(@emnapi/runtime@1.11.3)(@types/node@26.2.0)(@vercel/functions@3.4.3)(jiti@2.7.0)(yaml@2.9.0))(supports-color@10.2.2)':
     dependencies:
       '@astrojs/internal-helpers': 0.10.2
       '@astrojs/markdown-remark': 7.2.2(supports-color@10.2.2)
       '@mdx-js/mdx': 3.1.1(supports-color@10.2.2)
       acorn: 8.18.0
-      astro: 7.2.1(@astrojs/markdown-remark@7.2.2(supports-color@10.2.2))(@emnapi/core@1.11.1)(@emnapi/runtime@1.11.3)(@types/node@24.13.3)(@vercel/functions@3.4.3)(jiti@2.7.0)(yaml@2.9.0)
+      astro: 7.2.1(@astrojs/markdown-remark@7.2.2(supports-color@10.2.2))(@emnapi/core@1.11.1)(@emnapi/runtime@1.11.3)(@types/node@26.2.0)(@vercel/functions@3.4.3)(jiti@2.7.0)(yaml@2.9.0)
       es-module-lexer: 2.3.1
       estree-util-visit: 2.0.0
       hast-util-to-html: 9.0.5
@@ -3724,22 +3686,22 @@ snapshots:
       stream-replace-string: 2.0.0
       zod: 4.4.3
 
-  '@astrojs/starlight-tailwind@5.0.0(@astrojs/starlight@0.41.7(@astrojs/markdown-remark@7.2.2(supports-color@10.2.2))(astro@7.2.1(@astrojs/markdown-remark@7.2.2(supports-color@10.2.2))(@emnapi/core@1.11.1)(@emnapi/runtime@1.11.3)(@types/node@24.13.3)(@vercel/functions@3.4.3)(jiti@2.7.0)(yaml@2.9.0))(supports-color@10.2.2)(typescript@6.0.3))(tailwindcss@4.3.3)':
+  '@astrojs/starlight-tailwind@5.0.0(@astrojs/starlight@0.41.7(@astrojs/markdown-remark@7.2.2(supports-color@10.2.2))(astro@7.2.1(@astrojs/markdown-remark@7.2.2(supports-color@10.2.2))(@emnapi/core@1.11.1)(@emnapi/runtime@1.11.3)(@types/node@26.2.0)(@vercel/functions@3.4.3)(jiti@2.7.0)(yaml@2.9.0))(supports-color@10.2.2)(typescript@6.0.3))(tailwindcss@4.3.3)':
     dependencies:
-      '@astrojs/starlight': 0.41.7(@astrojs/markdown-remark@7.2.2(supports-color@10.2.2))(astro@7.2.1(@astrojs/markdown-remark@7.2.2(supports-color@10.2.2))(@emnapi/core@1.11.1)(@emnapi/runtime@1.11.3)(@types/node@24.13.3)(@vercel/functions@3.4.3)(jiti@2.7.0)(yaml@2.9.0))(supports-color@10.2.2)(typescript@6.0.3)
+      '@astrojs/starlight': 0.41.7(@astrojs/markdown-remark@7.2.2(supports-color@10.2.2))(astro@7.2.1(@astrojs/markdown-remark@7.2.2(supports-color@10.2.2))(@emnapi/core@1.11.1)(@emnapi/runtime@1.11.3)(@types/node@26.2.0)(@vercel/functions@3.4.3)(jiti@2.7.0)(yaml@2.9.0))(supports-color@10.2.2)(typescript@6.0.3)
       tailwindcss: 4.3.3
 
-  '@astrojs/starlight@0.41.7(@astrojs/markdown-remark@7.2.2(supports-color@10.2.2))(astro@7.2.1(@astrojs/markdown-remark@7.2.2(supports-color@10.2.2))(@emnapi/core@1.11.1)(@emnapi/runtime@1.11.3)(@types/node@24.13.3)(@vercel/functions@3.4.3)(jiti@2.7.0)(yaml@2.9.0))(supports-color@10.2.2)(typescript@6.0.3)':
+  '@astrojs/starlight@0.41.7(@astrojs/markdown-remark@7.2.2(supports-color@10.2.2))(astro@7.2.1(@astrojs/markdown-remark@7.2.2(supports-color@10.2.2))(@emnapi/core@1.11.1)(@emnapi/runtime@1.11.3)(@types/node@26.2.0)(@vercel/functions@3.4.3)(jiti@2.7.0)(yaml@2.9.0))(supports-color@10.2.2)(typescript@6.0.3)':
     dependencies:
       '@astrojs/markdown-satteri': 0.3.5
-      '@astrojs/mdx': 7.0.5(@astrojs/markdown-satteri@0.3.5)(astro@7.2.1(@astrojs/markdown-remark@7.2.2(supports-color@10.2.2))(@emnapi/core@1.11.1)(@emnapi/runtime@1.11.3)(@types/node@24.13.3)(@vercel/functions@3.4.3)(jiti@2.7.0)(yaml@2.9.0))(supports-color@10.2.2)
+      '@astrojs/mdx': 7.0.5(@astrojs/markdown-satteri@0.3.5)(astro@7.2.1(@astrojs/markdown-remark@7.2.2(supports-color@10.2.2))(@emnapi/core@1.11.1)(@emnapi/runtime@1.11.3)(@types/node@26.2.0)(@vercel/functions@3.4.3)(jiti@2.7.0)(yaml@2.9.0))(supports-color@10.2.2)
       '@astrojs/sitemap': 3.7.3
       '@pagefind/default-ui': 1.5.2
       '@types/hast': 3.0.5
       '@types/js-yaml': 4.0.9
       '@types/mdast': 4.0.4
-      astro: 7.2.1(@astrojs/markdown-remark@7.2.2(supports-color@10.2.2))(@emnapi/core@1.11.1)(@emnapi/runtime@1.11.3)(@types/node@24.13.3)(@vercel/functions@3.4.3)(jiti@2.7.0)(yaml@2.9.0)
-      astro-expressive-code: 0.44.1(astro@7.2.1(@astrojs/markdown-remark@7.2.2(supports-color@10.2.2))(@emnapi/core@1.11.1)(@emnapi/runtime@1.11.3)(@types/node@24.13.3)(@vercel/functions@3.4.3)(jiti@2.7.0)(yaml@2.9.0))
+      astro: 7.2.1(@astrojs/markdown-remark@7.2.2(supports-color@10.2.2))(@emnapi/core@1.11.1)(@emnapi/runtime@1.11.3)(@types/node@26.2.0)(@vercel/functions@3.4.3)(jiti@2.7.0)(yaml@2.9.0)
+      astro-expressive-code: 0.44.1(astro@7.2.1(@astrojs/markdown-remark@7.2.2(supports-color@10.2.2))(@emnapi/core@1.11.1)(@emnapi/runtime@1.11.3)(@types/node@26.2.0)(@vercel/functions@3.4.3)(jiti@2.7.0)(yaml@2.9.0))
       bcp-47: 2.1.1
       hast-util-from-html: 2.0.3
       hast-util-select: 6.0.4
@@ -3774,8 +3736,6 @@ snapshots:
       is-docker: 4.0.0
       package-manager-detector: 1.8.0
 
-  '@astrojs/underscore-redirects@1.0.4': {}
-
   '@astrojs/yaml2ts@0.2.4':
     dependencies:
       yaml: 2.9.0
@@ -3852,19 +3812,6 @@ snapshots:
     optionalDependencies:
       workerd: 1.20260804.1
 
-  '@cloudflare/vite-plugin@1.51.3(vite@8.2.1(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(yaml@2.9.0))(wrangler@4.121.0)':
-    dependencies:
-      '@cloudflare/unenv-preset': 2.16.1(unenv@2.0.0-rc.24)(workerd@1.20260804.1)
-      miniflare: 5.20260804.1-alpha
-      unenv: 2.0.0-rc.24
-      vite: 8.2.1(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(yaml@2.9.0)
-      workerd: 1.20260804.1
-      wrangler: 4.121.0
-      ws: 8.21.0
-    transitivePeerDependencies:
-      - bufferutil
-      - utf-8-validate
-
   '@cloudflare/workerd-darwin-64@1.20260804.1':
     optional: true
 
@@ -4361,9 +4308,9 @@ snapshots:
       '@jridgewell/resolve-uri': 3.1.2
       '@jridgewell/sourcemap-codec': 1.5.5
 
-  '@lucide/astro@1.31.0(astro@7.2.1(@astrojs/markdown-remark@7.2.2(supports-color@10.2.2))(@emnapi/core@1.11.1)(@emnapi/runtime@1.11.3)(@types/node@24.13.3)(@vercel/functions@3.4.3)(jiti@2.7.0)(yaml@2.9.0))':
+  '@lucide/astro@1.31.0(astro@7.2.1(@astrojs/markdown-remark@7.2.2(supports-color@10.2.2))(@emnapi/core@1.11.1)(@emnapi/runtime@1.11.3)(@types/node@26.2.0)(@vercel/functions@3.4.3)(jiti@2.7.0)(yaml@2.9.0))':
     dependencies:
-      astro: 7.2.1(@astrojs/markdown-remark@7.2.2(supports-color@10.2.2))(@emnapi/core@1.11.1)(@emnapi/runtime@1.11.3)(@types/node@24.13.3)(@vercel/functions@3.4.3)(jiti@2.7.0)(yaml@2.9.0)
+      astro: 7.2.1(@astrojs/markdown-remark@7.2.2(supports-color@10.2.2))(@emnapi/core@1.11.1)(@emnapi/runtime@1.11.3)(@types/node@26.2.0)(@vercel/functions@3.4.3)(jiti@2.7.0)(yaml@2.9.0)
 
   '@mdx-js/mdx@3.1.1(supports-color@10.2.2)':
     dependencies:
@@ -4606,12 +4553,12 @@ snapshots:
       '@tailwindcss/oxide-win32-arm64-msvc': 4.3.3
       '@tailwindcss/oxide-win32-x64-msvc': 4.3.3
 
-  '@tailwindcss/vite@4.3.3(vite@8.2.1(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(yaml@2.9.0))':
+  '@tailwindcss/vite@4.3.3(vite@8.2.1(@types/node@26.2.0)(esbuild@0.28.2)(jiti@2.7.0)(yaml@2.9.0))':
     dependencies:
       '@tailwindcss/node': 4.3.3
       '@tailwindcss/oxide': 4.3.3
       tailwindcss: 4.3.3
-      vite: 8.2.1(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(yaml@2.9.0)
+      vite: 8.2.1(@types/node@26.2.0)(esbuild@0.28.2)(jiti@2.7.0)(yaml@2.9.0)
 
   '@tybys/wasm-util@0.10.3':
     dependencies:
@@ -4769,9 +4716,13 @@ snapshots:
     dependencies:
       undici-types: 7.18.2
 
+  '@types/node@26.2.0':
+    dependencies:
+      undici-types: 8.3.0
+
   '@types/sax@1.2.7':
     dependencies:
-      '@types/node': 24.13.3
+      '@types/node': 26.2.0
 
   '@types/trusted-types@2.0.7':
     optional: true
@@ -4895,21 +4846,21 @@ snapshots:
 
   astring@1.9.0: {}
 
-  astro-expressive-code@0.44.1(astro@7.2.1(@astrojs/markdown-remark@7.2.2(supports-color@10.2.2))(@emnapi/core@1.11.1)(@emnapi/runtime@1.11.3)(@types/node@24.13.3)(@vercel/functions@3.4.3)(jiti@2.7.0)(yaml@2.9.0)):
+  astro-expressive-code@0.44.1(astro@7.2.1(@astrojs/markdown-remark@7.2.2(supports-color@10.2.2))(@emnapi/core@1.11.1)(@emnapi/runtime@1.11.3)(@types/node@26.2.0)(@vercel/functions@3.4.3)(jiti@2.7.0)(yaml@2.9.0)):
     dependencies:
-      astro: 7.2.1(@astrojs/markdown-remark@7.2.2(supports-color@10.2.2))(@emnapi/core@1.11.1)(@emnapi/runtime@1.11.3)(@types/node@24.13.3)(@vercel/functions@3.4.3)(jiti@2.7.0)(yaml@2.9.0)
+      astro: 7.2.1(@astrojs/markdown-remark@7.2.2(supports-color@10.2.2))(@emnapi/core@1.11.1)(@emnapi/runtime@1.11.3)(@types/node@26.2.0)(@vercel/functions@3.4.3)(jiti@2.7.0)(yaml@2.9.0)
       rehype-expressive-code: 0.44.1
       url-extras: 0.1.0
 
-  astro-mermaid@2.1.0(astro@7.2.1(@astrojs/markdown-remark@7.2.2(supports-color@10.2.2))(@emnapi/core@1.11.1)(@emnapi/runtime@1.11.3)(@types/node@24.13.3)(@vercel/functions@3.4.3)(jiti@2.7.0)(yaml@2.9.0))(mermaid@11.16.1):
+  astro-mermaid@2.1.0(astro@7.2.1(@astrojs/markdown-remark@7.2.2(supports-color@10.2.2))(@emnapi/core@1.11.1)(@emnapi/runtime@1.11.3)(@types/node@26.2.0)(@vercel/functions@3.4.3)(jiti@2.7.0)(yaml@2.9.0))(mermaid@11.16.1):
     dependencies:
-      astro: 7.2.1(@astrojs/markdown-remark@7.2.2(supports-color@10.2.2))(@emnapi/core@1.11.1)(@emnapi/runtime@1.11.3)(@types/node@24.13.3)(@vercel/functions@3.4.3)(jiti@2.7.0)(yaml@2.9.0)
+      astro: 7.2.1(@astrojs/markdown-remark@7.2.2(supports-color@10.2.2))(@emnapi/core@1.11.1)(@emnapi/runtime@1.11.3)(@types/node@26.2.0)(@vercel/functions@3.4.3)(jiti@2.7.0)(yaml@2.9.0)
       import-meta-resolve: 4.2.0
       mdast-util-to-string: 4.0.0
       mermaid: 11.16.1
       unist-util-visit: 5.1.0
 
-  astro@7.2.1(@astrojs/markdown-remark@7.2.2(supports-color@10.2.2))(@emnapi/core@1.11.1)(@emnapi/runtime@1.11.3)(@types/node@24.13.3)(@vercel/functions@3.4.3)(jiti@2.7.0)(yaml@2.9.0):
+  astro@7.2.1(@astrojs/markdown-remark@7.2.2(supports-color@10.2.2))(@emnapi/core@1.11.1)(@emnapi/runtime@1.11.3)(@types/node@26.2.0)(@vercel/functions@3.4.3)(jiti@2.7.0)(yaml@2.9.0):
     dependencies:
       '@astrojs/compiler-rs': 0.3.2(@emnapi/core@1.11.1)(@emnapi/runtime@1.11.3)
       '@astrojs/internal-helpers': 0.10.2
@@ -4958,14 +4909,14 @@ snapshots:
       ultrahtml: 1.7.0
       unifont: 0.7.4
       unstorage: 1.17.5(@vercel/functions@3.4.3)
-      vite: 8.2.1(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(yaml@2.9.0)
-      vitefu: 1.1.3(vite@8.2.1(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(yaml@2.9.0))
+      vite: 8.2.1(@types/node@26.2.0)(esbuild@0.28.2)(jiti@2.7.0)(yaml@2.9.0)
+      vitefu: 1.1.3(vite@8.2.1(@types/node@26.2.0)(esbuild@0.28.2)(jiti@2.7.0)(yaml@2.9.0))
       xxhash-wasm: 1.1.0
       yargs-parser: 22.0.0
       zod: 4.4.3
     optionalDependencies:
       '@astrojs/markdown-remark': 7.2.2(supports-color@10.2.2)
-      sharp: 0.35.3(@types/node@24.13.3)
+      sharp: 0.35.3(@types/node@26.2.0)
     transitivePeerDependencies:
       - '@azure/app-configuration'
       - '@azure/cosmos'
@@ -6898,7 +6849,7 @@ snapshots:
       '@img/sharp-win32-ia32': 0.35.2
       '@img/sharp-win32-x64': 0.35.2
 
-  sharp@0.35.3(@types/node@24.13.3):
+  sharp@0.35.3(@types/node@26.2.0):
     dependencies:
       '@img/colour': 1.1.0
       detect-libc: 2.1.2
@@ -6929,7 +6880,7 @@ snapshots:
       '@img/sharp-win32-arm64': 0.35.3
       '@img/sharp-win32-ia32': 0.35.3
       '@img/sharp-win32-x64': 0.35.3
-      '@types/node': 24.13.3
+      '@types/node': 26.2.0
 
   shiki@4.4.3:
     dependencies:
@@ -7044,6 +6995,8 @@ snapshots:
 
   undici-types@7.18.2: {}
 
+  undici-types@8.3.0: {}
+
   undici@7.29.0: {}
 
   unenv@2.0.0-rc.24:
@@ -7151,7 +7104,7 @@ snapshots:
       '@types/unist': 3.0.3
       vfile-message: 4.0.3
 
-  vite@8.2.1(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(yaml@2.9.0):
+  vite@8.2.1(@types/node@26.2.0)(esbuild@0.28.2)(jiti@2.7.0)(yaml@2.9.0):
     dependencies:
       lightningcss: 1.33.0
       picomatch: 4.0.5
@@ -7159,15 +7112,15 @@ snapshots:
       rolldown: 1.2.3
       tinyglobby: 0.2.17
     optionalDependencies:
-      '@types/node': 24.13.3
+      '@types/node': 26.2.0
       esbuild: 0.28.2
       fsevents: 2.3.3
       jiti: 2.7.0
       yaml: 2.9.0
 
-  vitefu@1.1.3(vite@8.2.1(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(yaml@2.9.0)):
+  vitefu@1.1.3(vite@8.2.1(@types/node@26.2.0)(esbuild@0.28.2)(jiti@2.7.0)(yaml@2.9.0)):
     optionalDependencies:
-      vite: 8.2.1(@types/node@24.13.3)(esbuild@0.28.2)(jiti@2.7.0)(yaml@2.9.0)
+      vite: 8.2.1(@types/node@26.2.0)(esbuild@0.28.2)(jiti@2.7.0)(yaml@2.9.0)
 
   volar-service-css@0.0.71(@volar/language-service@2.4.28(typescript@6.0.3)):
     dependencies:
diff --git a/website/public/.assetsignore b/website/public/.assetsignore
deleted file mode 100644
index b7ccb6cb..00000000
--- a/website/public/.assetsignore
+++ /dev/null
@@ -1,2 +0,0 @@
-_worker.js
-_routes.json
diff --git a/website/src/components/Contributors.astro b/website/src/components/Contributors.astro
index 17966baf..75e4f83c 100644
--- a/website/src/components/Contributors.astro
+++ b/website/src/components/Contributors.astro
@@ -1,17 +1,16 @@
 ---
+import Avatar from '@/components/ui/Avatar.astro';
 import Icon from '@/components/ui/Icon.astro';
 import { CONTRIBUTORS_URL } from '@/lib/github';
 import type { GitHubContributor } from '@/lib/github';
 
 interface Props {
   contributors?: GitHubContributor[];
-  label?: string;
+  label: string;
+  viewAllLabel: string;
 }
 
-const {
-  contributors = [],
-  label = 'Developed by contributors worldwide',
-} = Astro.props;
+const { contributors = [], label, viewAllLabel }: Props = Astro.props;
 
 const hasContributors = contributors.length > 0;
 ---
@@ -19,7 +18,7 @@ const hasContributors = contributors.length > 0;
 {hasContributors && (
   <div class="flex flex-col gap-2.5">
     <div class="flex -space-x-3">
-      {contributors.map((c, i) => (
+      {contributors.map((c) => (
         <div
           class:list={[
             'group relative size-8 md:size-9',
@@ -32,18 +31,15 @@ const hasContributors = contributors.length > 0;
             class="absolute inset-0 flex items-center justify-center overflow-hidden rounded-full border-2 border-background transition-transform duration-200 ease-out group-hover:-translate-y-2 group-hover:scale-110 group-hover:z-10"
             title={c.login}
           >
-            <img
+            <Avatar
               src={c.avatar_url}
               alt={c.login}
-              width="40"
-              height="40"
-              loading="lazy"
-              class="avatar-img h-full w-full object-cover"
-              onerror="this.hidden=true;this.parentElement.querySelector('.avatar-fallback').hidden=false"
+              size={40}
+              class="absolute inset-0 flex items-center justify-center"
+              fallbackClass="absolute inset-0 flex items-center justify-center bg-secondary text-muted-foreground"
+              imageClass="relative h-full w-full object-cover"
+              fallbackIconSize={18}
             />
-            <div class="avatar-fallback flex h-full w-full items-center justify-center bg-secondary text-muted-foreground" hidden>
-              <Icon name="circleUserRound" size={18} aria-hidden="true" />
-            </div>
           </a>
         </div>
       ))}
@@ -52,8 +48,8 @@ const hasContributors = contributors.length > 0;
         target="_blank"
         rel="noreferrer"
         class="flex size-8 md:size-9 items-center justify-center rounded-full border-2 border-background bg-secondary text-muted-foreground transition-transform duration-200 ease-out hover:-translate-y-1 hover:scale-105 hover:text-foreground"
-        title="View all contributors on GitHub"
-        aria-label="View all contributors on GitHub"
+        title={viewAllLabel}
+        aria-label={viewAllLabel}
       >
         <Icon name="ellipsis" size={14} aria-hidden="true" />
       </a>
diff --git a/website/src/components/Features.astro b/website/src/components/Features.astro
index 00f4fed8..db2d1f7d 100644
--- a/website/src/components/Features.astro
+++ b/website/src/components/Features.astro
@@ -2,15 +2,18 @@
 import FeatureCard from '@/components/ui/FeatureCard.astro';
 import SectionHeading from '@/components/ui/SectionHeading.astro';
 import SiteLogo from '@/components/ui/SiteLogo.astro';
+import type { FeaturesData } from '@/data/landing-page';
 
-const { eyebrow, heading, subheading, features = [] } = Astro.props;
+interface Props extends FeaturesData {}
+
+const { eyebrow, heading, subheading, features }: Props = Astro.props;
 
 // Layout: [0]=2cols, [1], [2], CENTER LOGO, [3], [4], [5]=2cols → 3×3 grid
 ---
 
-<section class="relative py-20 md:py-28" data-reveal aria-label="Features">
+<section class="relative py-20 md:py-28" data-reveal aria-labelledby="features-heading">
   <div class="mx-auto max-w-6xl px-5 md:px-8">
-    <SectionHeading eyebrow={eyebrow} heading={heading} subheading={subheading} />
+    <SectionHeading eyebrow={eyebrow} heading={heading} subheading={subheading} headingId="features-heading" />
 
     <div class="grid gap-px border border-border bg-border shadow-[var(--site-shadow-elevated)] sm:grid-cols-2 lg:grid-cols-3">
       {/* Row 1: feature[0] col-span-2 + feature[1] */}
diff --git a/website/src/components/Footer.astro b/website/src/components/Footer.astro
index e3e2e489..4c19315d 100644
--- a/website/src/components/Footer.astro
+++ b/website/src/components/Footer.astro
@@ -3,21 +3,19 @@ import Icon from '@/components/ui/Icon.astro';
 import SiteLogo from '@/components/ui/SiteLogo.astro';
 
 interface Props {
-  copyright?: string;
-  githubLabel?: string;
+  copyright: string;
+  githubLabel: string;
+  homeHref: string;
 }
 
-const {
-  githubLabel = 'GitHub',
-  copyright = `© ${new Date().getUTCFullYear()} Bub Contributors`,
-}: Props = Astro.props;
+const { githubLabel, copyright, homeHref }: Props = Astro.props;
 ---
 
-<footer class="py-8" role="contentinfo">
+<footer class="py-8">
   <div class="mx-auto max-w-6xl px-5 md:px-8">
     <div class="flex flex-col items-center gap-6 text-center md:flex-row md:justify-between md:gap-0 md:text-left">
-      <a class="flex items-center gap-2 no-underline" href="/">
-        <SiteLogo alt="Bub" width={24} height={24} class="h-6 w-6" />
+      <a class="flex items-center gap-2 no-underline" href={homeHref}>
+        <SiteLogo alt="" width={24} height={24} class="h-6 w-6" loading="lazy" />
         <span class="text-sm font-semibold text-foreground">Bub</span>
       </a>
 
diff --git a/website/src/components/Hero.astro b/website/src/components/Hero.astro
index 5eab8b21..f445b51d 100644
--- a/website/src/components/Hero.astro
+++ b/website/src/components/Hero.astro
@@ -2,20 +2,24 @@
 import Contributors from '@/components/Contributors.astro';
 import Icon from '@/components/ui/Icon.astro';
 import LinkButton from '@/components/ui/LinkButton.astro';
+import type { HeroData } from '@/data/landing-page';
 import type { GitHubContributor } from '@/lib/github';
 import { Code } from 'astro:components';
 
-interface Props {
-  badge?: string;
-  title?: string;
-  description?: string;
-  primaryHref: string;
-  primaryLabel?: string;
-  contributorsLabel?: string;
+interface Props extends HeroData {
   contributors?: GitHubContributor[];
 }
 
-const { badge, title, description, primaryHref, primaryLabel, contributorsLabel, contributors = [] }: Props = Astro.props;
+const {
+  badge,
+  title,
+  description,
+  primaryHref,
+  primaryLabel,
+  contributorsLabel,
+  contributorsViewAllLabel,
+  contributors = [],
+}: Props = Astro.props;
 
 const hasContributors = contributors.length > 0;
 
@@ -84,7 +88,23 @@ const heroCodeScopes = {
   ],
 };
 
-function createHeroCodeTheme(name, type, palette) {
+type HeroCodePalette = {
+  background: string;
+  foreground: string;
+  keyword: string;
+  decorator: string;
+  functionName: string;
+  callable: string;
+  parameter: string;
+  string: string;
+  punctuation: string;
+};
+
+function createHeroCodeTheme(
+  name: string,
+  type: 'light' | 'dark',
+  palette: HeroCodePalette,
+) {
   return {
     name,
     type,
@@ -171,7 +191,7 @@ const heroCodeThemes = {
 };
 ---
 
-<section class="pb-20 pt-14 md:pb-28 md:pt-20" aria-label="Hero">
+<section class="pb-20 pt-14 md:pb-28 md:pt-20" aria-labelledby="hero-heading">
   <div class="mx-auto max-w-6xl px-5 md:px-8">
     <div class="grid items-center gap-12 lg:grid-cols-2 lg:gap-14">
       <!-- Left: text -->
@@ -184,7 +204,7 @@ const heroCodeThemes = {
 
         <!-- Slogan -->
         <div class="mt-8 flex items-start gap-4">
-          <h1 class="text-[clamp(2.2rem,5.5vw,3.8rem)] font-bold leading-[1.1] tracking-tight text-foreground">
+          <h1 id="hero-heading" class="text-[clamp(2.2rem,5.5vw,3.8rem)] font-bold leading-[1.1] tracking-tight text-foreground">
             {title}
           </h1>
         </div>
@@ -196,7 +216,11 @@ const heroCodeThemes = {
         <!-- Contributors -->
         {hasContributors && (
           <div class="mt-6">
-            <Contributors label={contributorsLabel} contributors={contributors} />
+            <Contributors
+              label={contributorsLabel}
+              viewAllLabel={contributorsViewAllLabel}
+              contributors={contributors}
+            />
           </div>
         )}
 
@@ -210,7 +234,7 @@ const heroCodeThemes = {
       </div>
 
       <!-- Right: code editor -->
-      <div class="hero-terminal min-w-0 overflow-hidden border border-border shadow-[var(--site-shadow-elevated)]" role="img" aria-label="Example Python code showing Bub hook implementations">
+      <div class="hero-terminal min-w-0 overflow-hidden border border-border shadow-[var(--site-shadow-elevated)]">
         <div class="expressive-code">
           <figure class="frame has-title not-content">
             <figcaption class="header">
diff --git a/website/src/components/HookIntro.astro b/website/src/components/HookIntro.astro
index 01d01219..fef785e7 100644
--- a/website/src/components/HookIntro.astro
+++ b/website/src/components/HookIntro.astro
@@ -1,14 +1,10 @@
 ---
 import SectionHeading from '@/components/ui/SectionHeading.astro';
+import type { HookIntroData } from '@/data/landing-page';
 
-interface Props {
-  eyebrow?: string;
-  heading?: string;
-  description?: string[];
-  hookStages?: { name: string; note: string }[];
-}
+interface Props extends HookIntroData {}
 
-const { eyebrow, heading, description = [], hookStages = [] }: Props = Astro.props;
+const { eyebrow, heading, description, hookStages }: Props = Astro.props;
 
 /* ── SVG coordinate system ── */
 const SPACING = 62;
@@ -45,7 +41,7 @@ const CX = VB_W / 2;
 const straightPathD = `M ${CX} ${-44} L ${CX} ${VB_H + 44}`;
 ---
 
-<section class="relative overflow-hidden py-20 md:py-28" data-reveal aria-label="Hook architecture">
+<section class="relative overflow-hidden py-20 md:py-28" data-reveal aria-labelledby="hook-intro-heading">
   <div class="relative mx-auto max-w-6xl px-5 md:px-8">
     <div class="flex flex-col gap-12 md:flex-row md:items-start md:gap-16 lg:gap-24">
 
@@ -54,6 +50,7 @@ const straightPathD = `M ${CX} ${-44} L ${CX} ${VB_H + 44}`;
         <SectionHeading
           eyebrow={eyebrow}
           heading={heading}
+          headingId="hook-intro-heading"
           descriptions={description}
           descriptionsClass="mt-5"
           class="mb-0 max-w-none"
diff --git a/website/src/components/NavBar.astro b/website/src/components/NavBar.astro
index f19d8d46..53b163e7 100644
--- a/website/src/components/NavBar.astro
+++ b/website/src/components/NavBar.astro
@@ -5,32 +5,38 @@ import SiteLogo from '@/components/ui/SiteLogo.astro';
 import { REPO_SLUG, REPO_URL } from '@/lib/github';
 
 interface Props {
-  docsHref?: string;
-  blogHref?: string;
-  languageHref?: string;
-  languageLabel?: string;
-  homeHref?: string;
-  docsLabel?: string;
-  blogLabel?: string;
-  hubLabel?: string;
-  githubLabel?: string;
-  menuLabel?: string;
-  closeLabel?: string;
+  docsHref: string;
+  blogHref: string;
+  languageHref: string;
+  languageLabel: string;
+  homeHref: string;
+  docsLabel: string;
+  blogLabel: string;
+  hubLabel: string;
+  githubLabel: string;
+  menuLabel: string;
+  closeLabel: string;
+  primaryLabel: string;
+  mobileLabel: string;
+  languageLang: string;
   stars?: string;
 }
 
 const {
-  docsHref = '/docs/getting-started/',
-  blogHref = '/posts/',
-  languageHref = '/zh-cn/',
-  languageLabel = '中文',
-  homeHref = '/',
-  docsLabel = 'Docs',
-  blogLabel = 'Blog',
-  hubLabel = 'Plugins',
-  githubLabel = 'GitHub',
-  menuLabel = 'Menu',
-  closeLabel = 'Close',
+  docsHref,
+  blogHref,
+  languageHref,
+  languageLabel,
+  homeHref,
+  docsLabel,
+  blogLabel,
+  hubLabel,
+  githubLabel,
+  menuLabel,
+  closeLabel,
+  primaryLabel,
+  mobileLabel,
+  languageLang,
   stars,
 }: Props = Astro.props;
 
@@ -46,13 +52,16 @@ const navItems = [
 <header class="sticky top-0 z-50 border-b border-border/60 bg-background/80 backdrop-blur-md w-full" role="banner">
   <div class="mx-auto flex max-w-6xl items-center justify-between px-5 py-3 md:px-8">
     <!-- Brand -->
-    <a class="flex items-center gap-2.5 text-[0.95rem] font-bold tracking-tight text-foreground no-underline" href={homeHref}>
-      <SiteLogo alt="Bub" width={32} height={32} class="h-8 w-8" />
+    <a
+      class="flex items-center gap-2.5 text-[0.95rem] font-bold tracking-tight text-foreground no-underline"
+      href={homeHref}
+    >
+      <SiteLogo alt="" width={32} height={32} class="h-8 w-8" />
       <span>Bub</span>
     </a>
 
     <!-- Desktop nav -->
-    <nav class="hidden items-center gap-5 text-sm text-muted-foreground md:flex" role="navigation" aria-label="Main navigation">
+    <nav class="hidden items-center gap-5 text-sm text-muted-foreground md:flex" aria-label={primaryLabel}>
       {navItems.map((item) => (
         <a
           class="flex items-center gap-1.5 no-underline transition-colors hover:text-foreground"
@@ -67,7 +76,11 @@ const navItems = [
     <!-- Right side -->
     <div class="flex items-center gap-2">
       <a
-        class="github-nav-button group hidden items-center gap-1.5 border border-border px-3.5 py-1.5 text-sm text-foreground no-underline transition-colors duration-200 hover:bg-secondary md:inline-flex"
+        class:list={[
+          'github-nav-button group hidden items-center gap-1.5 border border-border',
+          'px-3.5 py-1.5 text-sm text-foreground no-underline',
+          'transition-colors duration-200 hover:bg-secondary md:inline-flex',
+        ]}
         href={REPO_URL}
         target="_blank"
         rel="noreferrer"
@@ -82,8 +95,13 @@ const navItems = [
         {hasStars && <span class="border-l border-border pl-1.5 text-xs text-muted-foreground">{stars}</span>}
       </a>
       <a
-        class="hidden items-center gap-1.5 border border-border px-3.5 py-1.5 text-sm text-foreground no-underline transition-colors hover:bg-secondary md:inline-flex"
+        class:list={[
+          'hidden items-center gap-1.5 border border-border px-3.5 py-1.5 text-sm',
+          'text-foreground no-underline transition-colors hover:bg-secondary md:inline-flex',
+        ]}
         href={languageHref}
+        hreflang={languageLang}
+        lang={languageLang}
       >
         <Icon name="languages" size={14} class="opacity-50" aria-hidden="true" />
         {languageLabel}
@@ -91,25 +109,47 @@ const navItems = [
       <ThemeToggle />
 
       <!-- Mobile menu -->
-      <details class="group md:hidden">
-        <summary class="inline-flex h-9 w-9 list-none items-center justify-center border border-border text-foreground marker:content-none">
+      <details class="group md:hidden" data-mobile-nav>
+        <summary class:list={[
+          'inline-flex h-9 w-9 list-none items-center justify-center',
+          'border border-border text-foreground marker:content-none',
+        ]}>
           <Icon name="menu" size={18} class="group-open:hidden" aria-hidden="true" />
           <Icon name="x" size={18} class="hidden group-open:block" aria-hidden="true" />
           <span class="sr-only group-open:hidden">{menuLabel}</span>
           <span class="sr-only hidden group-open:inline">{closeLabel}</span>
         </summary>
-        <nav class="mobile-dropdown absolute left-0 right-0 top-full border-b border-border/60 bg-background/95 backdrop-blur-md p-5" role="navigation" aria-label="Mobile navigation">
+        <nav
+          class:list={[
+            'mobile-dropdown absolute left-0 right-0 top-full border-b border-border/60',
+            'bg-background/95 p-5 backdrop-blur-md',
+          ]}
+          aria-label={mobileLabel}
+        >
           <div class="grid gap-0 text-sm">
             {navItems.map((item) => (
               <a
-                class="flex items-center gap-2.5 border-b border-border/50 px-3 py-3 text-foreground no-underline transition-colors hover:bg-secondary"
+                class:list={[
+                  'flex items-center gap-2.5 border-b border-border/50 px-3 py-3',
+                  'text-foreground no-underline transition-colors hover:bg-secondary',
+                ]}
                 href={item.href}
               >
                 <Icon name={item.icon} size={15} class="opacity-50" aria-hidden="true" />
                 {item.label}
               </a>
             ))}
-            <a class="github-nav-button flex items-center gap-2.5 border-b border-border/50 px-3 py-3 text-foreground no-underline transition-colors hover:bg-secondary" href={REPO_URL} target="_blank" rel="noreferrer" aria-label={`${githubLabel}: ${REPO_SLUG}`} title={githubLabel}>
+            <a
+              class:list={[
+                'github-nav-button flex items-center gap-2.5 border-b border-border/50 px-3 py-3',
+                'text-foreground no-underline transition-colors hover:bg-secondary',
+              ]}
+              href={REPO_URL}
+              target="_blank"
+              rel="noreferrer"
+              aria-label={`${githubLabel}: ${REPO_SLUG}`}
+              title={githubLabel}
+            >
               <span class="github-nav-button__icon-wrap shrink-0" aria-hidden="true">
                 <Icon name="github" size={15} class="github-nav-button__github opacity-60" />
                 <Icon name="star" size={15} class="github-nav-button__star" fill="currentColor" />
@@ -122,7 +162,15 @@ const navItems = [
                 </span>
               )}
             </a>
-            <a class="flex items-center gap-2.5 px-3 py-3 text-foreground no-underline transition-colors hover:bg-secondary" href={languageHref}>
+            <a
+              class:list={[
+                'flex items-center gap-2.5 px-3 py-3 text-foreground no-underline',
+                'transition-colors hover:bg-secondary',
+              ]}
+              href={languageHref}
+              hreflang={languageLang}
+              lang={languageLang}
+            >
               <Icon name="languages" size={15} class="opacity-50" aria-hidden="true" />
               {languageLabel}
             </a>
@@ -188,3 +236,22 @@ const navItems = [
     }
   }
 </style>
+
+<script>
+  document.querySelectorAll<HTMLDetailsElement>('[data-mobile-nav]').forEach((details) => {
+    if (details.dataset.initialized === 'true') return;
+    details.dataset.initialized = 'true';
+
+    details.addEventListener('keydown', (event) => {
+      if (event.key !== 'Escape' || !details.open) return;
+      details.open = false;
+      details.querySelector<HTMLElement>('summary')?.focus();
+    });
+
+    details.querySelectorAll<HTMLAnchorElement>('a').forEach((link) => {
+      link.addEventListener('click', () => {
+        details.open = false;
+      });
+    });
+  });
+</script>
diff --git a/website/src/components/TapeModel.astro b/website/src/components/TapeModel.astro
index 115114cc..35558938 100644
--- a/website/src/components/TapeModel.astro
+++ b/website/src/components/TapeModel.astro
@@ -1,16 +1,11 @@
 ---
 import Icon from '@/components/ui/Icon.astro';
 import SectionHeading from '@/components/ui/SectionHeading.astro';
-import { useTranslations, getLangFromUrl } from '@/i18n/utils';
+import type { TapeModelData } from '@/data/landing-page';
 
+interface Props extends TapeModelData {}
 
-interface Props {
-  eyebrow?: string;
-  heading?: string;
-  description?: string[];
-}
-
-const { eyebrow, heading, description = [] }: Props = Astro.props;
+const { eyebrow, heading, description, labels }: Props = Astro.props;
 
 type TapeEntry = {
   ts: string;
@@ -36,10 +31,9 @@ const tapeEntries: TapeEntry[] = [
 const entryCount = tapeEntries.filter(e => e.kind === 'event').length;
 const anchorCount = tapeEntries.filter(e => e.kind === 'anchor').length;
 const COL_COUNT = 5;
-const t = useTranslations(getLangFromUrl(Astro.url));
 ---
 
-<section class="relative py-20 md:py-28" data-reveal aria-label="Tape context model">
+<section class="relative py-20 md:py-28" data-reveal aria-labelledby="tape-model-heading">
   <div class="mx-auto max-w-6xl px-5 md:px-8">
     <div class="grid items-start gap-10 lg:grid-cols-2 lg:gap-16">
 
@@ -55,7 +49,7 @@ const t = useTranslations(getLangFromUrl(Astro.url));
                 class="tape-live-dot inline-block h-[6px] w-[6px] rounded-full bg-[var(--site-accent-live)] shadow-[0_0_6px_var(--site-accent-live-shadow)]"
                 aria-hidden="true"
               ></span>
-              <span class="tape-live-label font-mono text-[0.55rem] uppercase tracking-wider">live</span>
+              <span class="tape-live-label font-mono text-[0.55rem] uppercase tracking-wider">{labels.live}</span>
             </div>
           </div>
 
@@ -67,7 +61,8 @@ const t = useTranslations(getLangFromUrl(Astro.url));
               aria-hidden="true"
             ></div>
 
-            <table class="w-full border-collapse font-mono text-[0.62rem] leading-[1.5]" role="log" aria-label="Tape entries">
+            <table class="w-full border-collapse font-mono text-[0.62rem] leading-[1.5]">
+              <caption class="sr-only">{labels.caption}</caption>
               <colgroup>
                 <col class="w-[66px] max-sm:hidden" />
                 <col class="w-[18px]" />
@@ -77,11 +72,11 @@ const t = useTranslations(getLangFromUrl(Astro.url));
               </colgroup>
               <thead>
                 <tr data-tape-header class="opacity-0">
-                  <th scope="col" class="px-[0.65rem] py-2 text-[0.5rem] font-medium uppercase tracking-[0.1em] text-left whitespace-nowrap text-muted-foreground opacity-40 border-b border-border max-sm:hidden">time</th>
-                  <th scope="col" class="px-[0.65rem] py-2 text-[0.5rem] font-medium uppercase tracking-[0.1em] text-left whitespace-nowrap text-muted-foreground opacity-40 border-b border-border" aria-label="kind"></th>
-                  <th scope="col" class="px-[0.65rem] py-2 text-[0.5rem] font-medium uppercase tracking-[0.1em] text-left whitespace-nowrap text-muted-foreground opacity-40 border-b border-border">op</th>
-                  <th scope="col" class="px-[0.65rem] py-2 text-[0.5rem] font-medium uppercase tracking-[0.1em] text-left whitespace-nowrap text-muted-foreground opacity-40 border-b border-border max-sm:hidden">key</th>
-                  <th scope="col" class="px-[0.65rem] py-2 text-[0.5rem] font-medium uppercase tracking-[0.1em] text-left whitespace-nowrap text-muted-foreground opacity-40 border-b border-border">payload</th>
+                  <th scope="col" class="px-[0.65rem] py-2 text-[0.5rem] font-medium uppercase tracking-[0.1em] text-left whitespace-nowrap text-muted-foreground opacity-40 border-b border-border max-sm:hidden">{labels.time}</th>
+                  <th scope="col" class="px-[0.65rem] py-2 text-[0.5rem] font-medium uppercase tracking-[0.1em] text-left whitespace-nowrap text-muted-foreground opacity-40 border-b border-border" aria-label={labels.kind}></th>
+                  <th scope="col" class="px-[0.65rem] py-2 text-[0.5rem] font-medium uppercase tracking-[0.1em] text-left whitespace-nowrap text-muted-foreground opacity-40 border-b border-border">{labels.operation}</th>
+                  <th scope="col" class="px-[0.65rem] py-2 text-[0.5rem] font-medium uppercase tracking-[0.1em] text-left whitespace-nowrap text-muted-foreground opacity-40 border-b border-border max-sm:hidden">{labels.key}</th>
+                  <th scope="col" class="px-[0.65rem] py-2 text-[0.5rem] font-medium uppercase tracking-[0.1em] text-left whitespace-nowrap text-muted-foreground opacity-40 border-b border-border">{labels.payload}</th>
                 </tr>
               </thead>
               <tbody>
@@ -140,7 +135,7 @@ const t = useTranslations(getLangFromUrl(Astro.url));
           <!-- Live cursor -->
           <div class="flex items-center gap-2 px-[0.65rem] py-[0.45rem] opacity-0" data-tape-cursor>
             <span class="tape-cursor-line inline-block w-[1.5px] h-[13px] bg-primary" aria-hidden="true"></span>
-            <span class="font-mono text-[0.5rem] text-primary/40">awaiting next entry…</span>
+            <span class="font-mono text-[0.5rem] text-primary/40">{labels.awaitingEntry}</span>
           </div>
 
           <!-- View assembly indicator -->
@@ -150,12 +145,12 @@ const t = useTranslations(getLangFromUrl(Astro.url));
           >
             <div class="flex items-center gap-[0.35rem]">
               <Icon name="layers" size={11} class="text-primary/70" aria-hidden="true" />
-              <span class="font-semibold uppercase tracking-[0.06em] text-primary/70">view assembled</span>
+              <span class="font-semibold uppercase tracking-[0.06em] text-primary/70">{labels.viewAssembled}</span>
             </div>
             <div class="flex items-center gap-[0.35rem] text-muted-foreground opacity-55">
-              <span>{entryCount} facts</span>
+              <span>{entryCount} {labels.facts}</span>
               <span class="opacity-40">·</span>
-              <span>{anchorCount} anchor</span>
+              <span>{anchorCount} {labels.anchor}</span>
               <span class="opacity-40">→</span>
               <span class="text-primary opacity-80">4.2k tokens</span>
             </div>
@@ -163,10 +158,10 @@ const t = useTranslations(getLangFromUrl(Astro.url));
 
           <!-- Status bar -->
           <div class="flex flex-wrap items-center gap-2 px-3 py-[0.55rem] border-t border-border font-mono">
-            <span class="inline-flex items-center bg-[var(--site-accent-signal-bg-strong)] px-[0.4rem] py-[0.1rem] text-[0.56rem] font-bold text-primary">{entryCount + anchorCount} entries</span>
-            <span class="text-[0.56rem] text-muted-foreground opacity-55">{anchorCount} anchor</span>
+            <span class="inline-flex items-center bg-[var(--site-accent-signal-bg-strong)] px-[0.4rem] py-[0.1rem] text-[0.56rem] font-bold text-primary">{entryCount + anchorCount} {labels.entries}</span>
+            <span class="text-[0.56rem] text-muted-foreground opacity-55">{anchorCount} {labels.anchor}</span>
             <span class="text-[0.52rem] text-muted-foreground opacity-35">·</span>
-            <span class="text-[0.52rem] text-muted-foreground opacity-35">append-only</span>
+            <span class="text-[0.52rem] text-muted-foreground opacity-35">{labels.appendOnly}</span>
           </div>
         </div>
       </div>
@@ -176,6 +171,7 @@ const t = useTranslations(getLangFromUrl(Astro.url));
         <SectionHeading
           eyebrow={eyebrow}
           heading={heading}
+          headingId="tape-model-heading"
           descriptions={description}
           descriptionsClass="mt-5"
           class="mb-0 max-w-none"
@@ -186,7 +182,7 @@ const t = useTranslations(getLangFromUrl(Astro.url));
           rel="noreferrer"
           class="group mt-6 inline-flex items-center gap-1.5 font-mono text-[0.7rem] text-muted-foreground transition-colors hover:text-primary"
         >
-          {t('tapeModel.learnMore')}
+          {labels.learnMore}
           <Icon name="arrowUpRight" size={12} class="opacity-50 transition-opacity group-hover:opacity-100" aria-hidden="true" />
         </a>
       </div>
@@ -195,6 +191,18 @@ const t = useTranslations(getLangFromUrl(Astro.url));
   </div>
 </section>
 
+<noscript>
+  <style is:inline>
+    [data-tape-header],
+    [data-tape-row],
+    [data-tape-view],
+    [data-tape-cursor] {
+      opacity: 1 !important;
+      transform: none !important;
+    }
+  </style>
+</noscript>
+
 <style>
   /* ── Scan line gradient (complex — kept out of Tailwind arbitrary values) ── */
   .tape-scan {
@@ -267,8 +275,9 @@ const t = useTranslations(getLangFromUrl(Astro.url));
     tapeAnimationWindow.__bubTapeAnimationCleanup?.();
     tapeAnimationWindow.__bubTapeAnimationCleanup = undefined;
 
-    const viz = document.querySelector('[data-tape-viz]');
+    const viz = document.querySelector<HTMLElement>('[data-tape-viz]');
     if (!viz) return;
+    const root = viz;
 
     const header = viz.querySelector('[data-tape-header]') as HTMLElement | null;
     const rows = Array.from(viz.querySelectorAll('[data-tape-row]')) as HTMLElement[];
@@ -286,11 +295,14 @@ const t = useTranslations(getLangFromUrl(Astro.url));
     const PAUSE = 1;
 
     let active = false;
+    let inViewport = false;
     let timers: number[] = [];
     let controls: Array<{ stop: () => void }> = [];
+    let stopInView: (() => void) | undefined;
+    const reduceMotionMql = window.matchMedia('(prefers-reduced-motion: reduce)');
 
     function setRunning(running: boolean) {
-      viz.toggleAttribute('data-tape-running', running);
+      root.toggleAttribute('data-tape-running', running);
     }
 
     function sched(fn: () => void, ms: number) {
@@ -337,6 +349,24 @@ const t = useTranslations(getLangFromUrl(Astro.url));
       }
     }
 
+    function showStaticState() {
+      stopAnimations();
+      clearTimers();
+      setRunning(false);
+      if (header) header.style.opacity = '1';
+      rows.forEach((row) => {
+        row.style.opacity = '1';
+        row.style.transform = '';
+        row.classList.remove('tape-row-highlight', 'tape-anchor-glow');
+      });
+      if (viewEl) {
+        viewEl.style.opacity = '1';
+        viewEl.style.transform = '';
+      }
+      if (cursor) cursor.style.opacity = '1';
+      if (scan) scan.style.opacity = '0';
+    }
+
     function cycle() {
       if (!active) return;
       clearTimers();
@@ -345,7 +375,7 @@ const t = useTranslations(getLangFromUrl(Astro.url));
 
       // ─ Phase 1: header
       sched(() => {
-        if (header) runAnimation(header, { opacity: [0, 1] }, { duration: 0.3, ease: 'ease-out' });
+        if (header) runAnimation(header, { opacity: [0, 1] }, { duration: 0.3, ease: 'easeOut' });
       }, 60);
 
       // ─ Phase 2: staggered rows
@@ -353,7 +383,7 @@ const t = useTranslations(getLangFromUrl(Astro.url));
         runAnimation(
           rows,
           { opacity: [0, 1], y: [10, 0] },
-          { delay: stagger(GAP, { start: BASE }), duration: 0.4, ease: [0.22, 1, 0.36, 1] }
+          { delay: stagger(GAP, { startDelay: BASE }), duration: 0.4, ease: [0.22, 1, 0.36, 1] }
         );
       }, 80);
 
@@ -375,7 +405,7 @@ const t = useTranslations(getLangFromUrl(Astro.url));
         if (row.dataset.corrects) {
           sched(() => {
             const key = row.dataset.corrects!;
-            const superseded = viz.querySelector(`[data-key="${key}"]`) as HTMLElement | null;
+            const superseded = root.querySelector(`[data-key="${key}"]`) as HTMLElement | null;
             if (superseded) superseded.classList.add('tape-row-superseded');
             row.classList.add('tape-row-highlight');
             sched(() => row.classList.remove('tape-row-highlight'), 1400);
@@ -392,7 +422,7 @@ const t = useTranslations(getLangFromUrl(Astro.url));
 
       // ─ Phase 5: cursor
       sched(() => {
-        if (cursor) runAnimation(cursor, { opacity: [0, 1] }, { duration: 0.4, ease: 'ease-out' });
+        if (cursor) runAnimation(cursor, { opacity: [0, 1] }, { duration: 0.4, ease: 'easeOut' });
       }, (ENTRANCE_END + 0.5) * 1000);
 
       // ─ Phase 6: view assembly
@@ -404,23 +434,62 @@ const t = useTranslations(getLangFromUrl(Astro.url));
       const fadeAt = (ENTRANCE_END + 1.8 + HOLD) * 1000;
       sched(() => {
         const all = [header, ...rows, viewEl, cursor].filter(Boolean) as HTMLElement[];
-        runAnimation(all, { opacity: 0 }, { duration: FADE, ease: 'ease-in' });
+        runAnimation(all, { opacity: 0 }, { duration: FADE, ease: 'easeIn' });
         sched(() => cycle(), (FADE + PAUSE) * 1000);
       }, fadeAt);
     }
 
-    const stopInView = inView(viz, () => {
-      active = true;
-      cycle();
-      return () => {
-        active = false;
-        clearTimers();
-        reset();
-      };
-    }, { margin: '-20% 0px -20% 0px' });
+    function configureForMotionPreference() {
+      stopInView?.();
+      stopInView = undefined;
+      active = false;
+      inViewport = false;
+      clearTimers();
+
+      if (reduceMotionMql.matches) {
+        showStaticState();
+        return;
+      }
+
+      reset();
+      stopInView = inView(root, () => {
+        inViewport = true;
+        if (document.visibilityState !== 'hidden') {
+          active = true;
+          cycle();
+        }
+        return () => {
+          inViewport = false;
+          active = false;
+          clearTimers();
+          reset();
+        };
+      }, { margin: '-20% 0px -20% 0px' });
+    }
+
+    function handleVisibilityChange() {
+      if (reduceMotionMql.matches || !inViewport) return;
+
+      active = false;
+      clearTimers();
+      stopAnimations();
+      setRunning(false);
+
+      if (document.visibilityState !== 'hidden') {
+        active = true;
+        cycle();
+      }
+    }
+
+    reduceMotionMql.addEventListener('change', configureForMotionPreference);
+    document.addEventListener('visibilitychange', handleVisibilityChange);
+    configureForMotionPreference();
 
     tapeAnimationWindow.__bubTapeAnimationCleanup = () => {
-      stopInView();
+      stopInView?.();
+      reduceMotionMql.removeEventListener('change', configureForMotionPreference);
+      document.removeEventListener('visibilitychange', handleVisibilityChange);
+      inViewport = false;
       active = false;
       clearTimers();
       reset();
diff --git a/website/src/components/Testimonials.astro b/website/src/components/Testimonials.astro
index a1b86002..41aa5597 100644
--- a/website/src/components/Testimonials.astro
+++ b/website/src/components/Testimonials.astro
@@ -1,20 +1,9 @@
 ---
 import TestimonialCard from '@/components/ui/TestimonialCard.astro';
 import SectionHeading from '@/components/ui/SectionHeading.astro';
+import type { TestimonialsData } from '@/data/landing-page';
 
-type TestimonialItem = {
-  name: string;
-  handle: string;
-  text: string;
-  avatar?: string;
-  platform?: string;
-};
-
-interface Props {
-  eyebrow?: string;
-  heading?: string;
-  testimonials?: TestimonialItem[];
-}
+interface Props extends TestimonialsData {}
 
 type ColumnConfig = {
   className: string;
@@ -22,7 +11,7 @@ type ColumnConfig = {
   offset: number;
 };
 
-const { eyebrow, heading, testimonials = [] }: Props = Astro.props;
+const { eyebrow, heading, playLabel, pauseLabel, testimonials = [] }: Props = Astro.props;
 
 const colorAccents = [
   'border-l-[var(--site-testimonial-1)]',
@@ -45,21 +34,43 @@ const columns = columnConfigs.map((config, columnIndex) => ({
 }));
 ---
 
-<section class="relative py-20 md:py-28" data-reveal aria-label="Testimonials">
+<section class="relative py-20 md:py-28" data-reveal aria-labelledby="testimonials-heading">
   <div class="relative mx-auto max-w-6xl px-5 md:px-8">
-    <SectionHeading eyebrow={eyebrow} heading={heading} align="center" />
+    <SectionHeading eyebrow={eyebrow} heading={heading} align="center" headingId="testimonials-heading" />
+
+    {testimonials.length > 0 && (
+      <div class="mb-3 flex justify-end" data-testimonials-controls>
+        <button
+          type="button"
+          class="border border-border px-3 py-1.5 text-xs text-muted-foreground transition-colors hover:text-foreground"
+          data-testimonials-toggle
+          data-play-label={playLabel}
+          data-pause-label={pauseLabel}
+        >
+          {pauseLabel}
+        </button>
+      </div>
+    )}
 
     <div class="testimonials-wrapper relative" data-testimonials>
       <div class="testimonials-columns testimonials-fade grid h-80 gap-3 overflow-hidden sm:h-[380px] sm:grid-cols-2 lg:h-[440px] lg:grid-cols-3">
         {columns.map((column) => (
           <div class:list={[column.className, column.directionClass]}>
             <div class="flex flex-col gap-3">
-              {[...column.items, ...column.items].map((testimonial, i) => (
+              {column.items.map((testimonial, i) => (
                 <TestimonialCard
                   testimonial={testimonial}
                   accentClass={colorAccents[(i + column.offset) % colorAccents.length]}
                 />
               ))}
+              <div class="contents" aria-hidden="true">
+                {column.items.map((testimonial, i) => (
+                  <TestimonialCard
+                    testimonial={testimonial}
+                    accentClass={colorAccents[(i + column.offset) % colorAccents.length]}
+                  />
+                ))}
+              </div>
             </div>
           </div>
         ))}
@@ -129,22 +140,36 @@ const columns = columnConfigs.map((config, columnIndex) => ({
     testimonialsWindow.__bubTestimonialsCleanup?.();
     testimonialsWindow.__bubTestimonialsCleanup = undefined;
 
-    const wrapper = document.querySelector('[data-testimonials]') as HTMLElement | null;
+    const wrapper = document.querySelector<HTMLElement>('[data-testimonials]');
     if (!wrapper) return;
+    const root = wrapper;
+    const toggle = document.querySelector<HTMLButtonElement>('[data-testimonials-toggle]');
+    const controls = document.querySelector<HTMLElement>('[data-testimonials-controls]');
 
     let wrapperInView = false;
+    let userPaused = false;
     const reduceMotionMql = window.matchMedia('(prefers-reduced-motion: reduce)');
 
     function setPlaying(playing: boolean) {
-      wrapper.toggleAttribute('data-testimonials-playing', playing);
+      root.toggleAttribute('data-testimonials-playing', playing);
+    }
+
+    function updateToggle() {
+      if (!toggle) return;
+      controls?.toggleAttribute('hidden', reduceMotionMql.matches);
+      toggle.textContent = userPaused
+        ? toggle.dataset.playLabel ?? ''
+        : toggle.dataset.pauseLabel ?? '';
     }
 
     function maybePlay() {
       setPlaying(
         wrapperInView &&
         document.visibilityState !== 'hidden' &&
-        !reduceMotionMql.matches,
+        !reduceMotionMql.matches &&
+        !userPaused,
       );
+      updateToggle();
     }
 
     const handleMotionPreferenceChange = () => {
@@ -155,10 +180,16 @@ const columns = columnConfigs.map((config, columnIndex) => ({
       maybePlay();
     };
 
+    const handleToggle = () => {
+      userPaused = !userPaused;
+      maybePlay();
+    };
+
     reduceMotionMql.addEventListener('change', handleMotionPreferenceChange);
     document.addEventListener('visibilitychange', handleVisibilityChange);
+    toggle?.addEventListener('click', handleToggle);
 
-    const stopInView = inView(wrapper, () => {
+    const stopInView = inView(root, () => {
       wrapperInView = true;
       maybePlay();
       return () => {
@@ -171,6 +202,7 @@ const columns = columnConfigs.map((config, columnIndex) => ({
       stopInView();
       reduceMotionMql.removeEventListener('change', handleMotionPreferenceChange);
       document.removeEventListener('visibilitychange', handleVisibilityChange);
+      toggle?.removeEventListener('click', handleToggle);
       wrapperInView = false;
       setPlaying(false);
     };
diff --git a/website/src/components/ui/Avatar.astro b/website/src/components/ui/Avatar.astro
new file mode 100644
index 00000000..575d9475
--- /dev/null
+++ b/website/src/components/ui/Avatar.astro
@@ -0,0 +1,55 @@
+---
+import Icon from '@/components/ui/Icon.astro';
+
+interface Props {
+  src: string;
+  alt: string;
+  size: number;
+  class?: string;
+  fallbackClass?: string;
+  imageClass?: string;
+  fallbackIconSize?: number;
+}
+
+const {
+  src,
+  alt,
+  size,
+  class: className,
+  fallbackClass,
+  imageClass,
+  fallbackIconSize = Math.round(size * 0.65),
+}: Props = Astro.props;
+---
+
+<bub-avatar class={className}>
+  <span class={fallbackClass} aria-hidden="true">
+    <Icon name="circleUserRound" size={fallbackIconSize} />
+  </span>
+  <img
+    {src}
+    {alt}
+    width={size}
+    height={size}
+    loading="lazy"
+    class={imageClass}
+  />
+</bub-avatar>
+
+<script>
+  class BubAvatar extends HTMLElement {
+    connectedCallback() {
+      const image = this.querySelector('img');
+      if (!image || image.dataset.errorBound === 'true') return;
+
+      image.dataset.errorBound = 'true';
+      const removeBrokenImage = () => image.remove();
+      image.addEventListener('error', removeBrokenImage, { once: true });
+      if (image.complete && image.naturalWidth === 0) removeBrokenImage();
+    }
+  }
+
+  if (!customElements.get('bub-avatar')) {
+    customElements.define('bub-avatar', BubAvatar);
+  }
+</script>
diff --git a/website/src/components/ui/FeatureCard.astro b/website/src/components/ui/FeatureCard.astro
index 011a7aaf..c2fa0def 100644
--- a/website/src/components/ui/FeatureCard.astro
+++ b/website/src/components/ui/FeatureCard.astro
@@ -1,14 +1,9 @@
 ---
 import Icon from '@/components/ui/Icon.astro';
-
-interface Feature {
-  icon: string;
-  title: string;
-  description: string;
-}
+import type { FeatureItem } from '@/data/landing-page';
 
 interface Props {
-  feature: Feature;
+  feature: FeatureItem;
   wide?: boolean;
   iconSize?: number;
 }
@@ -22,7 +17,7 @@ const {
 
 <div
   class:list={[
-    'feature-card group relative overflow-hidden bg-background p-5 transition-all duration-300 hover:bg-secondary/40 sm:p-8',
+    'feature-card group relative overflow-hidden bg-background p-5 transition-colors duration-300 hover:bg-secondary/40 sm:p-8',
     wide && 'col-span-1 lg:col-span-2',
   ]}
 >
diff --git a/website/src/components/ui/Icon.astro b/website/src/components/ui/Icon.astro
index 86696dfb..a111d410 100644
--- a/website/src/components/ui/Icon.astro
+++ b/website/src/components/ui/Icon.astro
@@ -1,29 +1,78 @@
 ---
-import { icons, Icon as LucideIcon, type IconProps, type IconNode } from '@lucide/astro';
+import { createLucideIcon, type IconNode, type IconProps } from '@lucide/astro';
+import Anchor from '@lucide/astro/icons/anchor';
+import ArrowLeft from '@lucide/astro/icons/arrow-left';
+import ArrowUpRight from '@lucide/astro/icons/arrow-up-right';
+import Book from '@lucide/astro/icons/book';
+import ChevronUp from '@lucide/astro/icons/chevron-up';
+import CircleUserRound from '@lucide/astro/icons/circle-user-round';
+import Cpu from '@lucide/astro/icons/cpu';
+import Ellipsis from '@lucide/astro/icons/ellipsis';
+import Languages from '@lucide/astro/icons/languages';
+import Layers from '@lucide/astro/icons/layers';
+import Menu from '@lucide/astro/icons/menu';
+import Moon from '@lucide/astro/icons/moon';
+import Newspaper from '@lucide/astro/icons/newspaper';
+import Package from '@lucide/astro/icons/package';
+import Puzzle from '@lucide/astro/icons/puzzle';
+import RadioTower from '@lucide/astro/icons/radio-tower';
+import Rss from '@lucide/astro/icons/rss';
+import Scale from '@lucide/astro/icons/scale';
+import Star from '@lucide/astro/icons/star';
+import Sun from '@lucide/astro/icons/sun';
+import Users from '@lucide/astro/icons/users';
+import Webhook from '@lucide/astro/icons/webhook';
+import X from '@lucide/astro/icons/x';
+import type { IconName } from '@/lib/icons';
 
 interface Props extends IconProps {
-  name: string;
+  name: IconName;
 }
 
-const { name, ...restProps } = Astro.props;
-
-// camelCase → PascalCase to match icons object keys (arrowUpRight → ArrowUpRight)
-const pascalName = name.charAt(0).toUpperCase() + name.slice(1) as keyof typeof icons;
-const Icon = icons[pascalName];
-
-// Brand icons (not in Lucide)
-const githubNode: IconNode = [
-  ['path', { d: 'M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12' }],
-];
+const brandPath = (d: string): IconNode => [['path', { d, fill: 'currentColor', stroke: 'none' }]];
+const GitHub = createLucideIcon(
+  'github',
+  brandPath(
+    'M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12',
+  ),
+);
+const XTwitter = createLucideIcon(
+  'x-twitter',
+  brandPath(
+    'M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z',
+  ),
+);
 
-const xNode: IconNode = [
-  ['path', { d: 'M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z' }],
-];
+const iconComponents = {
+  anchor: Anchor,
+  arrowLeft: ArrowLeft,
+  arrowUpRight: ArrowUpRight,
+  book: Book,
+  chevronUp: ChevronUp,
+  circleUserRound: CircleUserRound,
+  cpu: Cpu,
+  ellipsis: Ellipsis,
+  github: GitHub,
+  languages: Languages,
+  layers: Layers,
+  menu: Menu,
+  moon: Moon,
+  newspaper: Newspaper,
+  package: Package,
+  puzzle: Puzzle,
+  radioTower: RadioTower,
+  rss: Rss,
+  scale: Scale,
+  star: Star,
+  sun: Sun,
+  users: Users,
+  webhook: Webhook,
+  x: X,
+  'x-twitter': XTwitter,
+} satisfies Record<IconName, unknown>;
 
-const brandIcons: Record<string, IconNode> = { github: githubNode, 'x-twitter': xNode };
+const { name, ...restProps } = Astro.props;
+const Icon = iconComponents[name];
 ---
 
-{brandIcons[name]
-  ? <LucideIcon iconNode={brandIcons[name]} fill="currentColor" stroke="none" {...restProps} />
-  : Icon && <Icon {...restProps} />
-}
+<Icon {...restProps} />
diff --git a/website/src/components/ui/PostCard.astro b/website/src/components/ui/PostCard.astro
index d834c61b..f5c41fd7 100644
--- a/website/src/components/ui/PostCard.astro
+++ b/website/src/components/ui/PostCard.astro
@@ -32,7 +32,7 @@ const indexStr = index !== undefined ? String(index).padStart(2, '0') : undefine
         {indexStr}
       </span>
     )}
-    <span class="ml-auto translate-x-0 translate-y-0 text-muted-foreground opacity-0 transition-all duration-200 group-hover:translate-x-1 group-hover:-translate-y-1 group-hover:opacity-100">
+    <span class="ml-auto translate-x-0 translate-y-0 text-muted-foreground opacity-0 transition-[transform,opacity] duration-200 group-hover:translate-x-1 group-hover:-translate-y-1 group-hover:opacity-100">
       <Icon name="arrowUpRight" size={16} aria-hidden="true" />
     </span>
   </div>
@@ -67,5 +67,5 @@ const indexStr = index !== undefined ? String(index).padStart(2, '0') : undefine
   </div>
 
   <!-- bottom accent line -->
-  <span class="absolute bottom-0 left-0 h-px w-0 bg-foreground transition-all duration-300 group-hover:w-full" aria-hidden="true"></span>
+  <span class="absolute bottom-0 left-0 h-px w-0 bg-foreground transition-[width] duration-300 group-hover:w-full" aria-hidden="true"></span>
 </a>
diff --git a/website/src/components/ui/ScrollReveal.astro b/website/src/components/ui/ScrollReveal.astro
new file mode 100644
index 00000000..5a4f0c6b
--- /dev/null
+++ b/website/src/components/ui/ScrollReveal.astro
@@ -0,0 +1,62 @@
+<script>
+  import { inView } from 'motion';
+  import { animate } from 'motion/mini';
+
+  type RevealWindow = Window & {
+    __bubRevealBound?: boolean;
+    __bubRevealCleanups?: Array<() => void>;
+  };
+
+  function initScrollReveals() {
+    const revealWindow = window as RevealWindow;
+    revealWindow.__bubRevealCleanups?.forEach((cleanup) => cleanup());
+    revealWindow.__bubRevealCleanups = [];
+
+    const revealElements = Array.from(document.querySelectorAll<HTMLElement>('[data-reveal]'));
+    if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
+      revealElements.forEach((element) => {
+        element.style.opacity = '';
+        element.style.transform = '';
+      });
+      return;
+    }
+
+    revealElements.forEach((element) => {
+      element.style.opacity = '0';
+      element.style.transform = 'translateY(24px)';
+
+      const stopInView = inView(
+        element,
+        () => {
+          const keyframes = {
+            opacity: [0, 1],
+            transform: ['translateY(24px)', 'translateY(0)'],
+          };
+          const controls = animate(element, keyframes, {
+            duration: 0.6,
+            ease: [0.25, 0.1, 0.25, 1],
+          });
+          return () => {
+            controls.stop();
+            element.style.opacity = '0';
+            element.style.transform = 'translateY(24px)';
+          };
+        },
+        { margin: '0px 0px -10% 0px' },
+      );
+
+      revealWindow.__bubRevealCleanups?.push(() => {
+        stopInView();
+        element.style.opacity = '';
+        element.style.transform = '';
+      });
+    });
+  }
+
+  const revealWindow = window as RevealWindow;
+  requestAnimationFrame(initScrollReveals);
+  if (!revealWindow.__bubRevealBound) {
+    document.addEventListener('astro:page-load', () => requestAnimationFrame(initScrollReveals));
+    revealWindow.__bubRevealBound = true;
+  }
+</script>
diff --git a/website/src/components/ui/SectionHeading.astro b/website/src/components/ui/SectionHeading.astro
index 82790c57..90f4f951 100644
--- a/website/src/components/ui/SectionHeading.astro
+++ b/website/src/components/ui/SectionHeading.astro
@@ -8,6 +8,7 @@ interface Props {
   subheadingClass?: string;
   descriptionsClass?: string;
   class?: string;
+  headingId?: string;
 }
 
 const {
@@ -19,6 +20,7 @@ const {
   subheadingClass,
   descriptionsClass,
   class: className,
+  headingId,
 }: Props = Astro.props;
 ---
 
@@ -29,7 +31,7 @@ const {
     </p>
   )}
   {heading && (
-    <h2 class="text-[clamp(1.8rem,4vw,2.75rem)] font-extrabold leading-[1.1] tracking-tight text-foreground">
+    <h2 id={headingId} class="text-[clamp(1.8rem,4vw,2.75rem)] font-extrabold leading-[1.1] tracking-tight text-foreground">
       {heading}
     </h2>
   )}
diff --git a/website/src/components/ui/TestimonialCard.astro b/website/src/components/ui/TestimonialCard.astro
index f31b663a..b1ad1218 100644
--- a/website/src/components/ui/TestimonialCard.astro
+++ b/website/src/components/ui/TestimonialCard.astro
@@ -1,13 +1,7 @@
 ---
+import Avatar from '@/components/ui/Avatar.astro';
 import Icon from '@/components/ui/Icon.astro';
-
-type TestimonialItem = {
-  name: string;
-  handle: string;
-  text: string;
-  avatar?: string;
-  platform?: string;
-};
+import type { TestimonialItem } from '@/data/landing-page';
 
 interface Props {
   testimonial: TestimonialItem;
@@ -21,20 +15,15 @@ const { testimonial, accentClass } = Astro.props;
   <p class="text-[0.84rem] leading-relaxed text-foreground/85">{testimonial.text}</p>
   <div class="mt-3 flex items-center gap-2.5">
     {testimonial.avatar ? (
-      <div class="avatar-wrapper flex h-7 w-7 shrink-0 items-center justify-center">
-        <img
-          src={testimonial.avatar}
-          alt={testimonial.name}
-          width="28"
-          height="28"
-          loading="lazy"
-          class="h-7 w-7 object-cover"
-          onerror="this.remove();this.parentElement.querySelector('.avatar-fallback').hidden=false"
-        />
-        <div class="avatar-fallback text-muted-foreground/60" hidden>
-          <Icon name="circleUserRound" size={22} aria-hidden="true" />
-        </div>
-      </div>
+      <Avatar
+        src={testimonial.avatar}
+        alt=""
+        size={28}
+        class="relative flex h-7 w-7 shrink-0 items-center justify-center"
+        fallbackClass="flex h-7 w-7 items-center justify-center text-muted-foreground/60"
+        imageClass="absolute h-7 w-7 object-cover"
+        fallbackIconSize={22}
+      />
     ) : (
       <div class="flex h-7 w-7 shrink-0 items-center justify-center text-muted-foreground/60">
         <Icon name="circleUserRound" size={22} aria-hidden="true" />
@@ -44,6 +33,6 @@ const { testimonial, accentClass } = Astro.props;
       <p class="truncate text-xs font-bold text-foreground">{testimonial.name}</p>
       <p class="truncate text-[0.65rem] text-muted-foreground">{testimonial.handle}</p>
     </div>
-    {testimonial.platform && <Icon name={testimonial.platform === 'x' ? 'x-twitter' : testimonial.platform} size={12} class="shrink-0 text-muted-foreground/50" aria-hidden="true" />}
+    {testimonial.platform && <Icon name={testimonial.platform === 'x' ? 'x-twitter' : 'github'} size={12} class="shrink-0 text-muted-foreground/50" aria-hidden="true" />}
   </div>
 </div>
diff --git a/website/src/components/ui/ThemeToggle.astro b/website/src/components/ui/ThemeToggle.astro
index 3208b835..f7bc3374 100644
--- a/website/src/components/ui/ThemeToggle.astro
+++ b/website/src/components/ui/ThemeToggle.astro
@@ -1,11 +1,14 @@
 ---
 import Icon from '@/components/ui/Icon.astro';
+import { getLangFromUrl, useTranslations } from '@/i18n/utils';
+
+const t = useTranslations(getLangFromUrl(Astro.url));
 ---
 
 <button
   class="theme-toggle inline-flex h-9 w-9 cursor-pointer items-center justify-center border border-border text-foreground transition-colors hover:bg-secondary"
   type="button"
-  aria-label="Toggle color theme"
+  aria-label={t('theme.toggle')}
   data-theme-toggle
 >
   <Icon name="moon" size={16} class="dark:hidden" aria-hidden="true" />
@@ -92,11 +95,11 @@ import Icon from '@/components/ui/Icon.astro';
           fill: 'forwards',
         },
       );
-    });
+    }).catch(() => undefined);
 
     transition.finished.finally(() => {
       document.documentElement.classList.remove('theme-transitioning');
-    });
+    }).catch(() => undefined);
   }
 
   const themeToggleWindow = window as ThemeToggleWindow;
diff --git a/website/src/content.config.ts b/website/src/content.config.ts
index 5c1b4d38..8992fd70 100644
--- a/website/src/content.config.ts
+++ b/website/src/content.config.ts
@@ -1,4 +1,5 @@
-import { defineCollection, z } from 'astro:content';
+import { defineCollection } from 'astro:content';
+import { z } from 'astro/zod';
 import { docsLoader, i18nLoader } from '@astrojs/starlight/loaders';
 import { docsSchema, i18nSchema } from '@astrojs/starlight/schema';
 import { file, glob } from 'astro/loaders';
@@ -9,8 +10,8 @@ const posts = defineCollection({
     title: z.string(),
     description: z.string(),
     date: z.coerce.date(),
-    locale: z.string(),
-    tags: z.array(z.string()).optional(),
+    locale: z.enum(['en', 'zh-cn']),
+    tags: z.array(z.string()).default([]),
   }),
 });
 
@@ -19,10 +20,10 @@ const userwall = defineCollection({
   schema: z.object({
     name: z.string(),
     handle: z.string(),
-    platform: z.string().optional(),
+    platform: z.enum(['x', 'github']).optional(),
     github: z.string().optional(),
     text: z.string(),
-    ref: z.string().url().optional(),
+    ref: z.url().optional(),
   }),
 });
 
diff --git a/website/src/data/landing-page.ts b/website/src/data/landing-page.ts
index 796071bb..836c51be 100644
--- a/website/src/data/landing-page.ts
+++ b/website/src/data/landing-page.ts
@@ -1,4 +1,6 @@
 // ---------------------------------------------------------------------------
+
+import type { IconName } from '@/lib/icons';
 // Landing-page structured data — single source of truth for all landing-page
 // content. Locale-specific text (nav, footer, 404, etc.) lives in i18n/ui.ts.
 // Testimonial items are loaded separately from src/data/userwall.yml via the
@@ -6,54 +8,81 @@
 // ---------------------------------------------------------------------------
 
 export type HeroData = {
-  badge?: string;
-  title?: string;
-  description?: string;
+  badge: string;
+  title: string;
+  description: string;
   primaryHref: string;
-  primaryLabel?: string;
-  contributorsLabel?: string;
+  primaryLabel: string;
+  contributorsLabel: string;
+  contributorsViewAllLabel: string;
 };
 
-export type FeatureItem = { icon: string; title: string; description: string };
+export type FeatureItem = { icon: IconName; title: string; description: string };
 
 export type FeaturesData = {
-  eyebrow?: string;
-  heading?: string;
-  subheading?: string;
-  features?: FeatureItem[];
+  eyebrow: string;
+  heading: string;
+  subheading: string;
+  features: [FeatureItem, FeatureItem, FeatureItem, FeatureItem, FeatureItem, FeatureItem];
 };
 
 export type HookIntroData = {
-  eyebrow?: string;
-  heading?: string;
-  description?: string[];
-  hookStages?: { name: string; note: string }[];
+  eyebrow: string;
+  heading: string;
+  description: string[];
+  hookStages: { name: string; note: string }[];
 };
 
 export type TapeModelData = {
-  eyebrow?: string;
-  heading?: string;
-  description?: string[];
+  eyebrow: string;
+  heading: string;
+  description: string[];
+  labels: {
+    caption: string;
+    live: string;
+    time: string;
+    kind: string;
+    operation: string;
+    key: string;
+    payload: string;
+    awaitingEntry: string;
+    viewAssembled: string;
+    facts: string;
+    anchor: string;
+    entries: string;
+    appendOnly: string;
+    learnMore: string;
+  };
+};
+
+export type TestimonialItem = {
+  name: string;
+  handle: string;
+  text: string;
+  avatar?: string;
+  platform?: 'x' | 'github';
 };
 
 export type TestimonialsData = {
-  eyebrow?: string;
-  heading?: string;
-  /** Populated at runtime from the userwall content collection. */
-  testimonials?: { name: string; handle: string; text: string; avatar?: string; platform?: string }[];
+  eyebrow: string;
+  heading: string;
+  playLabel: string;
+  pauseLabel: string;
+  /** Populated at build time from the userwall content collection. */
+  testimonials?: TestimonialItem[];
 };
 
 export type LandingPageData = {
   hero: HeroData;
-  features?: FeaturesData;
-  hookIntro?: HookIntroData;
-  tapeModel?: TapeModelData;
-  testimonials?: TestimonialsData;
+  features: FeaturesData;
+  hookIntro: HookIntroData;
+  tapeModel: TapeModelData;
+  testimonials: TestimonialsData;
 };
 
 export type LandingLocale = 'en' | 'zh-cn';
 
-const landingPageData: Record<LandingLocale, LandingPageData> = {
+const landingPageData = {
   en: {
     hero: {
       badge: 'Hook-first · Tape-driven · Channel-agnostic',
@@ -63,6 +92,7 @@ const landingPageData: Record<LandingLocale, LandingPageData> = {
       primaryHref: '/docs/getting-started/',
       primaryLabel: 'Get Started',
       contributorsLabel: 'Developed by contributors worldwide',
+      contributorsViewAllLabel: 'View all contributors on GitHub',
     },
     features: {
       eyebrow: 'Features',
@@ -131,10 +161,28 @@ const landingPageData: Record<LandingLocale, LandingPageData> = {
         "Context isn't accumulated in session state. It's reconstructed from an append-only tape — a sequence of immutable facts. Entries record what happened; anchors mark phase boundaries and carry structured state.",
         'Corrections append new facts that supersede old ones — never overwrite. Views are assembled from anchors forward, not inherited wholesale. Every decision is auditable, replayable, and forkable.',
       ],
+      labels: {
+        caption: 'Example tape entries showing events, anchors, and corrections',
+        live: 'live',
+        time: 'time',
+        kind: 'kind',
+        operation: 'op',
+        key: 'key',
+        payload: 'payload',
+        awaitingEntry: 'awaiting next entry…',
+        viewAssembled: 'view assembled',
+        facts: 'facts',
+        anchor: 'anchor',
+        entries: 'entries',
+        appendOnly: 'append-only',
+        learnMore: 'Learn more at tape.system',
+      },
     },
     testimonials: {
       eyebrow: 'Community',
       heading: 'What people are saying.',
+      playLabel: 'Play testimonials',
+      pauseLabel: 'Pause testimonials',
     },
   },
   'zh-cn': {
@@ -146,6 +194,7 @@ const landingPageData: Record<LandingLocale, LandingPageData> = {
       primaryHref: '/zh-cn/docs/getting-started/',
       primaryLabel: '开始使用',
       contributorsLabel: '由全球开发者共同打造',
+      contributorsViewAllLabel: '在 GitHub 查看所有贡献者',
     },
     features: {
       eyebrow: '特性',
@@ -208,13 +257,31 @@ const landingPageData: Record<LandingLocale, LandingPageData> = {
         '上下文不积累在 session 状态中，而是从追加式 tape——不可变事实的序列——中重建：Entry 记录发生了什么、Anchor 标记阶段边界并携带结构化状态。',
         '通过修正追加新事实来取代旧事实——从不覆盖。视图从 anchor 往后组装，而非整体继承。每次决策都可审计、可重放、可 fork。',
       ],
+      labels: {
+        caption: '展示事件、锚点与修正的 Tape 条目示例',
+        live: '实时',
+        time: '时间',
+        kind: '类型',
+        operation: '操作',
+        key: '键',
+        payload: '载荷',
+        awaitingEntry: '等待下一条记录…',
+        viewAssembled: '视图已组装',
+        facts: '条事实',
+        anchor: '个锚点',
+        entries: '条记录',
+        appendOnly: '仅追加',
+        learnMore: '前往 tape.system 了解更多',
+      },
     },
     testimonials: {
       eyebrow: '社区',
       heading: '好东西，值得赞。',
+      playLabel: '继续评价滚动',
+      pauseLabel: '暂停评价滚动',
     },
   },
-};
+} satisfies Record<LandingLocale, LandingPageData>;
 
 export function getLandingPageData(locale: LandingLocale): LandingPageData {
   return landingPageData[locale];
diff --git a/website/src/i18n/ui.ts b/website/src/i18n/ui.ts
index 7a74c292..f54735dc 100644
--- a/website/src/i18n/ui.ts
+++ b/website/src/i18n/ui.ts
@@ -35,6 +35,13 @@ export const ui = {
     'nav.github': 'GitHub',
     'nav.menu': 'Menu',
     'nav.close': 'Close',
+    'nav.primary': 'Primary navigation',
+    'nav.mobile': 'Mobile navigation',
+
+    // Accessibility and controls
+    'a11y.skip': 'Skip to main content',
+    'a11y.backToTop': 'Back to top',
+    'theme.toggle': 'Toggle color theme',
 
     // 404
     '404.title': 'Page not found.',
@@ -46,12 +53,11 @@ export const ui = {
     'posts.title': 'Posts',
     'posts.description': 'Thoughts on agent design, collaboration, and building Bub.',
     'posts.back': 'Back to Posts',
+    'posts.subscribe': 'Subscribe via RSS',
 
     // Language switcher label (shown as the "other" language)
     'lang.switch': '中文',
 
-    // Tape model section
-    'tapeModel.learnMore': 'Learn more at tape.system',
   },
 
   'zh-cn': {
@@ -66,6 +72,13 @@ export const ui = {
     'nav.github': 'GitHub',
     'nav.menu': '菜单',
     'nav.close': '关闭',
+    'nav.primary': '主导航',
+    'nav.mobile': '移动端导航',
+
+    // 无障碍与控件
+    'a11y.skip': '跳到主要内容',
+    'a11y.backToTop': '返回顶部',
+    'theme.toggle': '切换颜色主题',
 
     // 404
     '404.title': '页面不存在。',
@@ -77,12 +90,11 @@ export const ui = {
     'posts.title': '文章',
     'posts.description': '关于 agent 设计、协作与构建 Bub 的思考。',
     'posts.back': '返回文章列表',
+    'posts.subscribe': '通过 RSS 订阅',
 
     // Language switcher label
     'lang.switch': 'English',
 
-    // Tape model section
-    'tapeModel.learnMore': '前往 tape.system 了解更多',
   },
 } as const;
 
diff --git a/website/src/i18n/utils.ts b/website/src/i18n/utils.ts
index 753f63bd..102a16a8 100644
--- a/website/src/i18n/utils.ts
+++ b/website/src/i18n/utils.ts
@@ -16,6 +16,11 @@ const htmlLangMap: Record<Locale, string> = {
   'zh-cn': 'zh-CN',
 };
 
+const openGraphLocaleMap: Record<Locale, string> = {
+  en: 'en_US',
+  'zh-cn': 'zh_CN',
+};
+
 /** Return every supported locale in route generation order. */
 export function getLocales(): Locale[] {
   return Object.keys(languages) as Locale[];
@@ -32,12 +37,6 @@ export function getLangFromUrl(url: URL): Locale {
   return isLocale(seg) ? seg : defaultLang;
 }
 
-/** Normalize a catch-all route param into a valid locale, or null when unknown. */
-export function getLocaleFromParam(localeParam?: string): Locale | null {
-  if (localeParam === undefined) return defaultLang;
-  return isLocale(localeParam) ? localeParam : null;
-}
-
 /** Map a locale to its route param representation. */
 export function getLocaleRouteParam(locale: Locale): string | undefined {
   return locale === defaultLang ? undefined : locale;
@@ -56,6 +55,16 @@ export function getHtmlLang(locale: Locale): string {
   return htmlLangMap[locale] ?? locale;
 }
 
+/** Return the locale format used by Open Graph metadata. */
+export function getOpenGraphLocale(locale: Locale): string {
+  return openGraphLocaleMap[locale];
+}
+
+/** Return the other supported locale. */
+export function getAlternateLocale(locale: Locale): Locale {
+  return getLocales().find((candidate) => candidate !== locale) ?? defaultLang;
+}
+
 /** Return a `t()` function bound to the given locale. */
 export function useTranslations(lang: Locale) {
   const localeUi = ui[lang] as Partial<Record<UIKey, string>>;
@@ -93,6 +102,11 @@ export function getPostsHref(locale: Locale): string {
   return getLocalizedPath('/posts/', locale);
 }
 
+/** Build the locale-aware RSS feed href. */
+export function getPostsRssHref(locale: Locale): string {
+  return getLocalizedPath('/rss.xml', locale);
+}
+
 /** Build the locale-aware single post href. */
 export function getPostHref(locale: Locale, slug: string): string {
   return getLocalizedPath(`/posts/${slug}/`, locale);
@@ -115,7 +129,7 @@ export function formatPostDate(date: Date, locale: Locale, month: PostDateLength
 
 /** Compute the "switch language" href for a given pathname. */
 export function getAlternateLocaleHref(pathname: string, currentLocale: Locale): string {
-  const otherLocale = getLocales().find((locale) => locale !== currentLocale) ?? defaultLang;
+  const otherLocale = getAlternateLocale(currentLocale);
 
   if (currentLocale === defaultLang) {
     return getLocalizedPath(pathname, otherLocale);
@@ -141,11 +155,15 @@ export interface NavProps {
   githubLabel: string;
   menuLabel: string;
   closeLabel: string;
+  primaryLabel: string;
+  mobileLabel: string;
+  languageLang: string;
 }
 
 /** Build NavBar props from locale + current pathname. */
 export function getNavProps(locale: Locale, pathname: string): NavProps {
   const t = useTranslations(locale);
+  const otherLocale = getAlternateLocale(locale);
 
   return {
     docsHref: getDocsHref(locale),
@@ -159,5 +177,8 @@ export function getNavProps(locale: Locale, pathname: string): NavProps {
     githubLabel: t('nav.github'),
     menuLabel: t('nav.menu'),
     closeLabel: t('nav.close'),
+    primaryLabel: t('nav.primary'),
+    mobileLabel: t('nav.mobile'),
+    languageLang: getHtmlLang(otherLocale),
   };
 }
diff --git a/website/src/layouts/BaseLayout.astro b/website/src/layouts/BaseLayout.astro
index 6c90dd1d..52ac1f6d 100644
--- a/website/src/layouts/BaseLayout.astro
+++ b/website/src/layouts/BaseLayout.astro
@@ -1,21 +1,28 @@
 ---
 /**
- * BaseLayout.astro — shared HTML shell for every page.
+ * BaseLayout.astro — shared HTML shell for custom pages.
  *
  * Provides: <!doctype>, <head> (meta, OG, favicon, inline theme init),
  * <body> with NavBar, <slot/> for main content, Footer, and
  * the scroll-reveal + back-to-top scripts.
  *
- * All other layouts (LandingLayout, PostLayout, PostListLayout)
- * and standalone pages (404) should compose on top of this.
+ * Landing pages and the standalone 404 compose on top of this. Docs and
+ * blog pages use Starlight's shell.
  */
 import '@/styles/site.css';
 import Footer from '@/components/Footer.astro';
 import NavBar from '@/components/NavBar.astro';
 import Icon from '@/components/ui/Icon.astro';
-import { getLangFromUrl, getHtmlLang, getNavProps, useTranslations } from '@/i18n/utils';
+import ScrollReveal from '@/components/ui/ScrollReveal.astro';
+import {
+  getHtmlLang,
+  getLangFromUrl,
+  getNavProps,
+  getOpenGraphLocale,
+  useTranslations,
+  type NavProps,
+} from '@/i18n/utils';
 import { getRepoStats } from '@/lib/github';
-import { SITE_URL } from 'astro:env/client';
 
 interface Props {
   /** Page <title>. Falls back to site.title from ui.ts. */
@@ -24,6 +31,8 @@ interface Props {
   description?: string;
   /** Canonical URL. If not set, omitted from head. */
   canonicalUrl?: string;
+  /** Localized equivalents of this page. */
+  alternateLinks?: Array<{ href: string; hreflang: string }>;
   /** OG type. Defaults to 'website'. */
   ogType?: string;
   /** OG image path (relative to site root, e.g. '/og/index.png'). */
@@ -35,14 +44,14 @@ interface Props {
   /** Whether to render the skip-to-content link. Default true. */
   skipLink?: boolean;
   /** Override nav props (rare — only if you need a custom nav). */
-  navOverrides?: Record<string, string>;
-  /** Extra head content via named slot. */
+  navOverrides?: Partial<NavProps>;
   /** robots meta. */
   robots?: string;
 }
 
 const locale = getLangFromUrl(Astro.url);
 const htmlLang = getHtmlLang(locale);
+const openGraphLocale = getOpenGraphLocale(locale);
 const t = useTranslations(locale);
 const navProps = { ...getNavProps(locale, Astro.url.pathname), ...(Astro.props.navOverrides ?? {}) };
 const footerCopyright = `© ${new Date().getUTCFullYear()} Bub Contributors`;
@@ -53,6 +62,7 @@ const {
   title = t('site.title'),
   description = t('site.description'),
   canonicalUrl,
+  alternateLinks = [],
   ogType = 'website',
   ogImage = '/og/index.png',
   bodyClass = 'min-h-screen antialiased font-sans',
@@ -61,7 +71,8 @@ const {
   robots,
 } = Astro.props;
 
-const ogImageUrl = new URL(ogImage, Astro.site ?? SITE_URL).href;
+if (!Astro.site) throw new Error('Astro site URL must be configured.');
+const ogImageUrl = new URL(ogImage, Astro.site).href;
 ---
 
 <!doctype html>
@@ -75,28 +86,30 @@ const ogImageUrl = new URL(ogImage, Astro.site ?? SITE_URL).href;
     <meta name="theme-color" content="#252525" media="(prefers-color-scheme: dark)" />
     <link rel="icon" href="/favicon.ico" sizes="any" />
     {canonicalUrl && <link rel="canonical" href={canonicalUrl} />}
+    {alternateLinks.map(({ href, hreflang }) => <link rel="alternate" {href} {hreflang} />)}
     {robots && <meta name="robots" content={robots} />}
-    <meta property="og:locale" content={htmlLang} />
+    <meta property="og:locale" content={openGraphLocale} />
     <meta property="og:type" content={ogType} />
     <meta property="og:title" content={title} />
     <meta property="og:description" content={description} />
     {canonicalUrl && <meta property="og:url" content={canonicalUrl} />}
     <meta property="og:site_name" content="Bub" />
     <meta property="og:image" content={ogImageUrl} />
+    <meta property="og:image:alt" content={title} />
     <meta property="og:image:width" content="1200" />
     <meta property="og:image:height" content="630" />
     <meta name="twitter:card" content="summary_large_image" />
     <meta name="twitter:title" content={title} />
     <meta name="twitter:description" content={description} />
     <meta name="twitter:image" content={ogImageUrl} />
+    <meta name="twitter:image:alt" content={title} />
     <script is:inline>
       (() => {
         const stored = localStorage.getItem('starlight-theme');
-        const dark = stored === 'dark' || (!stored && window.matchMedia('(prefers-color-scheme: dark)').matches);
-        if (dark) {
-          document.documentElement.classList.add('dark');
-          document.documentElement.setAttribute('data-theme', 'dark');
-        }
+        const followsSystem = stored === null || stored === 'auto';
+        const dark = stored === 'dark' || (followsSystem && window.matchMedia('(prefers-color-scheme: dark)').matches);
+        document.documentElement.classList.toggle('dark', dark);
+        document.documentElement.setAttribute('data-theme', dark ? 'dark' : 'light');
       })();
     </script>
     <slot name="head" />
@@ -107,7 +120,7 @@ const ogImageUrl = new URL(ogImage, Astro.site ?? SITE_URL).href;
         href="#main-content"
         class="sr-only focus:not-sr-only focus:fixed focus:top-2 focus:left-2 focus:z-[100] focus:bg-primary focus:text-primary-foreground focus:px-4 focus:py-2 focus:text-sm focus:font-semibold"
       >
-        Skip to main content
+        {t('a11y.skip')}
       </a>
     )}
 
@@ -115,13 +128,15 @@ const ogImageUrl = new URL(ogImage, Astro.site ?? SITE_URL).href;
 
     <slot />
 
-    <Footer copyright={footerCopyright} githubLabel={navProps.githubLabel} />
+    <Footer copyright={footerCopyright} githubLabel={navProps.githubLabel} homeHref={navProps.homeHref} />
+
+    <ScrollReveal />
 
     {backToTop && (
       <button
         id="back-to-top"
         class="fixed right-4 bottom-[max(5rem,env(safe-area-inset-bottom))] z-50 flex h-9 w-9 cursor-pointer items-center justify-center border border-border bg-background/95 text-foreground opacity-0 backdrop-blur-sm transition-all duration-300 hover:bg-secondary pointer-events-none sm:bottom-6 sm:right-6 sm:h-10 sm:w-10"
-        aria-label="Back to top"
+        aria-label={t('a11y.backToTop')}
         type="button"
       >
         <Icon name="chevronUp" size={16} aria-hidden="true" />
@@ -129,54 +144,11 @@ const ogImageUrl = new URL(ogImage, Astro.site ?? SITE_URL).href;
     )}
 
     <script>
-      import { inView, animate } from 'motion';
-
       type BaseLayoutWindow = Window & {
         __bubBaseLayoutPageLoadBound?: boolean;
         __bubBackToTopCleanup?: () => void;
-        __bubRevealCleanups?: Array<() => void>;
       };
 
-      function initScrollReveals() {
-        const baseLayoutWindow = window as BaseLayoutWindow;
-        baseLayoutWindow.__bubRevealCleanups?.forEach((cleanup) => cleanup());
-        baseLayoutWindow.__bubRevealCleanups = [];
-
-        const revealElements = Array.from(document.querySelectorAll<HTMLElement>('[data-reveal]'));
-        if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
-          revealElements.forEach((htmlEl) => {
-            htmlEl.style.opacity = '';
-            htmlEl.style.transform = '';
-          });
-          return;
-        }
-
-        revealElements.forEach((el) => {
-          const htmlEl = el as HTMLElement;
-          htmlEl.style.opacity = '0';
-          htmlEl.style.transform = 'translateY(24px)';
-
-          const stopInView = inView(htmlEl, () => {
-            const controls = animate(
-              htmlEl,
-              { opacity: [0, 1], transform: ['translateY(24px)', 'translateY(0)'] },
-              { duration: 0.6, easing: [0.25, 0.1, 0.25, 1] },
-            );
-            return () => {
-              controls.stop();
-              htmlEl.style.opacity = '0';
-              htmlEl.style.transform = 'translateY(24px)';
-            };
-          }, { margin: '0px 0px -10% 0px' });
-
-          baseLayoutWindow.__bubRevealCleanups?.push(() => {
-            stopInView();
-            htmlEl.style.opacity = '';
-            htmlEl.style.transform = '';
-          });
-        });
-      }
-
       function initBackToTop() {
         const baseLayoutWindow = window as BaseLayoutWindow;
         baseLayoutWindow.__bubBackToTopCleanup?.();
@@ -191,7 +163,10 @@ const ogImageUrl = new URL(ogImage, Astro.site ?? SITE_URL).href;
           btn.style.pointerEvents = show ? 'auto' : 'none';
         };
 
-        const handleClick = () => window.scrollTo({ top: 0, behavior: 'smooth' });
+        const handleClick = () => {
+          const reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
+          window.scrollTo({ top: 0, behavior: reduceMotion ? 'auto' : 'smooth' });
+        };
 
         window.addEventListener('scroll', toggle, { passive: true });
         toggle();
@@ -204,7 +179,7 @@ const ogImageUrl = new URL(ogImage, Astro.site ?? SITE_URL).href;
       }
 
       function initBaseLayoutUi() {
-        requestAnimationFrame(() => { initScrollReveals(); initBackToTop(); });
+        requestAnimationFrame(initBackToTop);
       }
 
       const baseLayoutWindow = window as BaseLayoutWindow;
diff --git a/website/src/layouts/LandingLayout.astro b/website/src/layouts/LandingLayout.astro
index e0553889..a2124a0d 100644
--- a/website/src/layouts/LandingLayout.astro
+++ b/website/src/layouts/LandingLayout.astro
@@ -5,15 +5,49 @@ import HookIntro from '@/components/HookIntro.astro';
 import TapeModel from '@/components/TapeModel.astro';
 import Testimonials from '@/components/Testimonials.astro';
 import BaseLayout from '@/layouts/BaseLayout.astro';
+import type { LandingPageData } from '@/data/landing-page';
+import { getHtmlLang, getLocales, getLocalizedPath } from '@/i18n/utils';
+import type { Locale } from '@/i18n/ui';
 import { getRepoStats } from '@/lib/github';
-import { SITE_URL } from 'astro:env/client';
 
-const { title, description, ogImage, hero, features = {}, hookIntro = {}, tapeModel = {}, testimonials = {} } = Astro.props;
+interface Props extends LandingPageData {
+  locale: Locale;
+  title: string;
+  description: string;
+  ogImage: string;
+}
+
+const {
+  locale,
+  title,
+  description,
+  ogImage,
+  hero,
+  features,
+  hookIntro,
+  tapeModel,
+  testimonials,
+}: Props = Astro.props;
 
 const { contributors } = getRepoStats();
+if (!Astro.site) throw new Error('Astro site URL must be configured.');
+const site = Astro.site;
+const canonicalUrl = new URL(getLocalizedPath('/', locale), site).href;
+const alternateLinks = getLocales().map((alternateLocale) => ({
+  hreflang: getHtmlLang(alternateLocale),
+  href: new URL(getLocalizedPath('/', alternateLocale), site).href,
+}));
+alternateLinks.push({ hreflang: 'x-default', href: new URL('/', site).href });
 ---
 
-<BaseLayout title={title} description={description} ogImage={ogImage} canonicalUrl={SITE_URL} bodyClass="ambient-page min-h-screen antialiased font-sans">
+<BaseLayout
+  title={title}
+  description={description}
+  ogImage={ogImage}
+  canonicalUrl={canonicalUrl}
+  alternateLinks={alternateLinks}
+  bodyClass="ambient-page min-h-screen antialiased font-sans"
+>
   <main id="main-content" class="relative isolate">
     <div class="pointer-events-none absolute inset-0 -z-10 overflow-hidden" aria-hidden="true">
       <svg class="grain-texture absolute inset-0 h-full w-full" xmlns="http://www.w3.org/2000/svg">
diff --git a/website/src/lib/icons.ts b/website/src/lib/icons.ts
new file mode 100644
index 00000000..a217c874
--- /dev/null
+++ b/website/src/lib/icons.ts
@@ -0,0 +1,29 @@
+export const iconNames = [
+  'anchor',
+  'arrowLeft',
+  'arrowUpRight',
+  'book',
+  'chevronUp',
+  'circleUserRound',
+  'cpu',
+  'ellipsis',
+  'github',
+  'languages',
+  'layers',
+  'menu',
+  'moon',
+  'newspaper',
+  'package',
+  'puzzle',
+  'radioTower',
+  'rss',
+  'scale',
+  'star',
+  'sun',
+  'users',
+  'webhook',
+  'x',
+  'x-twitter',
+] as const;
+
+export type IconName = (typeof iconNames)[number];
diff --git a/website/src/lib/og.ts b/website/src/lib/og.ts
index 5e4b2f15..7225b2a4 100644
--- a/website/src/lib/og.ts
+++ b/website/src/lib/og.ts
@@ -6,7 +6,7 @@
  * directly (it supports WOFF but not WOFF2).  For Noto Sans SC (CJK),
  * only the unicode-range subsets actually needed by page text are loaded.
  */
-import satori from 'satori';
+import satori, { type Font } from 'satori';
 import sharp from 'sharp';
 import { readFileSync } from 'node:fs';
 import { join } from 'node:path';
@@ -19,15 +19,8 @@ export interface PageMeta {
   description: string;
 }
 
-interface FontEntry {
-  name: string;
-  data: ArrayBuffer;
-  weight: number;
-  style: 'normal';
-}
-
 export interface FontsResult {
-  entries: FontEntry[];
+  entries: Font[];
   /** CSS font-family value covering all loaded subsets. */
   fontFamily: string;
 }
@@ -88,7 +81,7 @@ function findNeededSubsets(text: string, unicodeJson: Record<string, string>): s
  */
 export function loadFonts(allText: string): FontsResult {
   const WEIGHTS = [400, 700] as const;
-  const fonts: FontEntry[] = [];
+  const fonts: Font[] = [];
   const families: string[] = ['Outfit'];
 
   // Outfit — latin + latin-ext subsets at each weight
diff --git a/website/src/pages/[...locale]/index.astro b/website/src/pages/[...locale]/index.astro
index 60131cf3..3386d5dc 100644
--- a/website/src/pages/[...locale]/index.astro
+++ b/website/src/pages/[...locale]/index.astro
@@ -1,22 +1,13 @@
 ---
-export const prerender = false;
-
 import { getCollection } from 'astro:content';
 import { getLandingPageData } from '@/data/landing-page';
-import { getLocaleFromParam, useTranslations } from '@/i18n/utils';
+import { getStaticLocalePaths, useTranslations } from '@/i18n/utils';
 import { gitHubAvatarUrl } from '@/lib/github';
 import LandingLayout from '@/layouts/LandingLayout.astro';
 
-// In SSR mode, read locale from the catch-all param.
-// `/`       → locale = undefined → defaultLang ('en')
-// `/zh-cn/` → locale = 'zh-cn'
-const { locale: localeParam } = Astro.params;
-const locale = getLocaleFromParam(localeParam);
+export const getStaticPaths = getStaticLocalePaths;
 
-// Guard against catch-all hits from unknown paths (e.g. /foo/).
-if (!locale) {
-  return Astro.redirect('/404');
-}
+const { locale } = Astro.props;
 
 const t = useTranslations(locale);
 const pageData = getLandingPageData(locale);
@@ -34,6 +25,7 @@ const testimonials = {
 ---
 
 <LandingLayout
+  locale={locale}
   title={t('site.title')}
   description={t('site.description')}
   ogImage={ogImage}
diff --git a/website/src/pages/[...locale]/posts/index.astro b/website/src/pages/[...locale]/posts/index.astro
index 0c977f01..d4d5bc6f 100644
--- a/website/src/pages/[...locale]/posts/index.astro
+++ b/website/src/pages/[...locale]/posts/index.astro
@@ -9,13 +9,16 @@ import {
 import PostCard from '@/components/ui/PostCard.astro';
 import PostListLayout from '@/layouts/PostListLayout.astro';
 import type { Locale } from '@/i18n/ui';
-import { SITE_URL } from 'astro:env/client';
+
+interface Props {
+  locale: Locale;
+}
 
 export function getStaticPaths() {
   return getStaticLocalePaths();
 }
 
-const { locale } = Astro.props as { locale: Locale };
+const { locale }: Props = Astro.props;
 const t = useTranslations(locale);
 
 const allPosts = await getCollection('posts');
@@ -23,7 +26,8 @@ const posts = allPosts
   .filter((post) => post.data.locale === locale)
   .sort((a, b) => b.data.date.getTime() - a.data.date.getTime());
 
-const canonicalUrl = `${SITE_URL}${getPostsHref(locale)}`;
+if (!Astro.site) throw new Error('Astro site URL must be configured.');
+const canonicalUrl = new URL(getPostsHref(locale), Astro.site).href;
 ---
 
 <PostListLayout
diff --git a/website/src/pages/og/[...route].ts b/website/src/pages/og/[...route].ts
index 63dd6ed1..11de7cf9 100644
--- a/website/src/pages/og/[...route].ts
+++ b/website/src/pages/og/[...route].ts
@@ -26,10 +26,10 @@ export const GET: APIRoute = async ({ params }) => {
   if (!page) return new Response('Not found', { status: 404 });
 
   const png = await generateOgImage(page, fonts);
-  return new Response(png, {
+  return new Response(new Uint8Array(png), {
     headers: {
       'Content-Type': 'image/png',
-      'Cache-Control': 'public, max-age=31536000, immutable',
+      'Cache-Control': 'public, max-age=3600, stale-while-revalidate=86400',
     },
   });
 };
diff --git a/website/src/styles/global.css b/website/src/styles/global.css
index 588f0211..38a17f72 100644
--- a/website/src/styles/global.css
+++ b/website/src/styles/global.css
@@ -9,11 +9,11 @@
  *   https://starlight.astro.build/guides/css-and-tailwind/
  *
  * Key rules:
- *   1. Define cascade layer order FIRST so Starlight/EC styles always
+ *   1. Define cascade layer order FIRST so Starlight styles always
  *      beat the base reset but yield to theme/utilities.
  *   2. Import @astrojs/starlight-tailwind INSTEAD of bare `tailwindcss`.
  *      It configures the dark variant, provides a partial Preflight that
- *      doesn't conflict with Starlight/EC, and maps --color-accent-* /
+ *      doesn't conflict with Starlight, and maps --color-accent-* /
  *      --color-gray-* into --sl-color-* tokens automatically.
  *   3. Import only `tailwindcss/theme.css` and `tailwindcss/utilities.css`
  *      here. Full Tailwind Preflight must stay in a separate non-Starlight
@@ -32,7 +32,7 @@
  * Precedence (lowest → highest):
  *   base → starlight → theme → components → utilities → (unlayered)
  *
- * Starlight & expressive-code styles live in `starlight`, so they
+ * Starlight component styles live in `starlight`, so they
  * always override `base` resets. Unlayered CSS has the highest
  * precedence of all.
  */
@@ -312,9 +312,9 @@
 
 /* ═══ Base reset layer ═══
  *
- * Lives in `@layer base` — the LOWEST priority layer. Starlight and
- * expressive-code styles in the `starlight` layer (or unlayered)
- * will always override these declarations.
+ * Lives in `@layer base` — the LOWEST priority layer. Starlight styles
+ * in the `starlight` layer (or unlayered) always override these
+ * declarations.
  */
 @layer base {
     * {
diff --git a/website/wrangler.jsonc b/website/wrangler.jsonc
index cbd77f6e..f43bb62c 100644
--- a/website/wrangler.jsonc
+++ b/website/wrangler.jsonc
@@ -1,20 +1,13 @@
 {
   "$schema": "./node_modules/wrangler/config-schema.json",
   "name": "bub",
-  "compatibility_date": "2026-04-22",
+  "compatibility_date": "2026-08-11",
+  "assets": {
+    "directory": "./dist",
+    "html_handling": "auto-trailing-slash",
+    "not_found_handling": "404-page"
+  },
   "observability": {
-    "enabled": false,
-    "head_sampling_rate": 1,
-    "logs": {
-      "enabled": true,
-      "head_sampling_rate": 1,
-      "persist": true,
-      "invocation_logs": true
-    },
-    "traces": {
-      "enabled": false,
-      "persist": true,
-      "head_sampling_rate": 1
-    }
+    "enabled": false
   }
 }