Give each route its own title and canonical, and add robots.txt plus a sitemap.

The root layout was stamping the homepage title and production root onto every page. Routes now supply a page segment through one em-dash template, canonicals follow the request path, and non-production hosts disallow crawlers.

Co-authored-by: Cursor <cursoragent@cursor.com>

app/(marketing)/use-cases/[slug]/page.tsx

@@ -12,6 +12,7 @@ import {
   USE_CASE_DETAIL_SLUGS,
   useCaseContentKeyForSlug,
 } from "../../../../lib/useCaseSyntheticPost";
+import { routeMetadata } from "../../../../lib/siteMetadata";
 import ContentBanner from "../../../components/sections/ContentBanner";
 import AskOrganizer from "../../../components/sections/AskOrganizer";
 import type { AskOrganizerVariant } from "../../../components/sections/AskOrganizer/AskOrganizer.types";
@@ -34,7 +35,7 @@ export async function generateMetadata({ params }: PageProps): Promise<Metadata>
   const contentKey = useCaseContentKeyForSlug(slug);
   const meta = messages.metadata.useCasesDetail[contentKey];
 
-  return {
+  return routeMetadata(`/use-cases/${slug}`, {
     title: meta.title,
     description: meta.description,
     keywords: meta.keywords,
@@ -42,9 +43,9 @@ export async function generateMetadata({ params }: PageProps): Promise<Metadata>
       title: meta.title,
       description: meta.description,
       type: "website",
-      siteName: "CommunityRule",
+      siteName: messages.metadata.siteName,
     },
-  };
+  });
 }
 
 export default async function UseCaseDetailPage({ params }: PageProps) {

app/(marketing)/use-cases/page.tsx

@@ -5,6 +5,7 @@ import { Suspense } from "react";
 import messages from "../../../messages/en/index";
 import { CONTENT_CATALOG_SLUG_ORDER } from "../../../lib/assetUtils";
 import { getAllBlogPosts, getRelatedBlogPosts } from "../../../lib/content";
+import { routeMetadata } from "../../../lib/siteMetadata";
 import PageHeader from "../../components/type/PageHeader";
 import CaseStudy from "../../components/cards/CaseStudy";
 import UseCasesOrgs from "../../components/sections/UseCasesOrgs";
@@ -60,7 +61,7 @@ export async function generateMetadata(): Promise<Metadata> {
   const description = messages.metadata.useCases.description;
   const keywords = messages.metadata.useCases.keywords;
 
-  return {
+  return routeMetadata("/use-cases", {
     title,
     description,
     keywords,
@@ -68,9 +69,9 @@ export async function generateMetadata(): Promise<Metadata> {
       title,
       description,
       type: "website",
-      siteName: "CommunityRule",
+      siteName: messages.metadata.siteName,
     },
-  };
+  });
 }
 
 export default function UseCasesPage() {