fix(i18n): drop doubled locale prefix in Governance TOC links

app/[lang]/[[...slug]]/page.tsx

@@ -63,6 +63,7 @@ export default async function CatchAllPage({ params }: PageProps) {
       isLogoSymbolism={isLogoSymbolism}
       fishExplanationHtml={fishExplanation?.content ?? undefined}
       childPages={childPages}
+      parentPath={pageSlug}
     />
   )
 }

components/sections/GovernanceTOC.tsx

@@ -3,17 +3,21 @@ import type { WPChildPage } from '@/lib/wordpress/api'
 
 interface GovernanceTOCProps {
   pages: WPChildPage[]
+  parentPath: string
   heading?: string
   description?: string
 }
 
 export default function GovernanceTOC({
   pages,
+  parentPath,
   heading,
   description,
 }: GovernanceTOCProps) {
   if (pages.length === 0) return null
 
+  const base = parentPath && parentPath !== '/' ? `/${parentPath}` : ''
+
   return (
     <section className="py-16 sm:py-20">
       <div className="cdcf-section">
@@ -33,8 +37,8 @@ export default function GovernanceTOC({
         <div className="grid gap-6 sm:grid-cols-2 lg:grid-cols-3">
           {pages.map((page) => (
             <Link
-              key={page.slug}
-              href={page.uri}
+              key={page.enSlug}
+              href={`${base}/${page.enSlug}`}
               className="group rounded-lg border border-gray-200 p-6 transition-all hover:border-cdcf-gold hover:shadow-md"
             >
               <h3 className="font-serif text-lg font-bold text-cdcf-navy transition-colors group-hover:text-cdcf-gold">

components/sections/PageRenderer.tsx

@@ -24,6 +24,7 @@ interface PageRendererProps {
   isLogoSymbolism?: boolean
   fishExplanationHtml?: string
   childPages?: WPChildPage[]
+  parentPath?: string
 }
 
 export default async function PageRenderer({
@@ -34,6 +35,7 @@ export default async function PageRenderer({
   isLogoSymbolism,
   fishExplanationHtml,
   childPages = [],
+  parentPath = '/',
 }: PageRendererProps) {
   const template = page.template?.templateName || 'Default'
   const t = await getTranslations('about')
@@ -52,9 +54,9 @@ export default async function PageRenderer({
       {template === 'About' && renderAbout(page, t)}
       {template === 'Projects' && renderProjects(page, projects, await getTranslations('projects'))}
       {template === 'Community' && renderCommunity(page, await getTranslations('community'))}
-      {template === 'Blog' && renderBlog(page, posts)}
+      {template === 'Blog' && renderBlog(posts)}
       {template === 'Contact' && renderContact(page)}
-      {template === 'Governance TOC' && renderGovernanceTOC(page, childPages)}
+      {template === 'Governance TOC' && renderGovernanceTOC(page, childPages, parentPath)}
       {template === 'Default' && renderDefault(page, isLogoSymbolism, fishExplanationHtml)}
 
       {/* CTA — shared across templates that use it */}
@@ -181,7 +183,7 @@ function renderCommunity(page: WPPage, t: (key: string) => string) {
   )
 }
 
-function renderBlog(page: WPPage, posts: WPPost[]) {
+function renderBlog(posts: WPPost[]) {
   return <BlogFeed posts={posts} />
 }
 
@@ -199,13 +201,13 @@ function renderContact(page: WPPage) {
   )
 }
 
-function renderGovernanceTOC(page: WPPage, childPages: WPChildPage[]) {
+function renderGovernanceTOC(page: WPPage, childPages: WPChildPage[], parentPath: string) {
   return (
     <>
       {page.content && (
         <TextSection heading="" body={page.content} />
       )}
-      <GovernanceTOC pages={childPages} />
+      <GovernanceTOC pages={childPages} parentPath={parentPath} />
     </>
   )
 }

lib/wordpress/api.ts

@@ -168,10 +168,16 @@ export async function getAllPages(
 }
 
 export interface WPChildPage {
+  title: string
+  enSlug: string
+  modified: string
+}
+
+interface RawChildPage {
   title: string
   slug: string
-  uri: string
   modified: string
+  translations?: { language: { code: string }; slug: string }[]
 }
 
 export async function getChildPages(
@@ -181,10 +187,16 @@ export async function getChildPages(
 ): Promise<WPChildPage[]> {
   try {
     const data = await wpQuery<{
-      pages: { nodes: WPChildPage[] }
+      pages: { nodes: RawChildPage[] }
     }>(GET_CHILD_PAGES, { parentId: parentDatabaseId, language: langCode(locale) }, options)
 
-    return data.pages.nodes
+    return data.pages.nodes.map((node) => {
+      const enSlug =
+        locale === 'en'
+          ? node.slug
+          : node.translations?.find((t) => t.language.code === 'EN')?.slug ?? node.slug
+      return { title: node.title, enSlug, modified: node.modified }
+    })
   } catch (error) {
     console.error('Failed to fetch child pages:', error)
     return []

lib/wordpress/queries.ts

@@ -406,8 +406,11 @@ export const GET_CHILD_PAGES = `
       nodes {
         title
         slug
-        uri
         modified
+        translations {
+          language { code }
+          slug
+        }
       }
     }
   }