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)/how-it-works/page.tsx

@@ -10,6 +10,7 @@ import {
   buildHowItWorksSyntheticPost,
   HOW_IT_WORKS_SENTINEL_SLUG,
 } from "../../../lib/howItWorksSyntheticPost";
+import { routeMetadata } from "../../../lib/siteMetadata";
 import ContentBanner from "../../components/sections/ContentBanner";
 import ContentTemplateDecorativeShapes from "../_components/ContentTemplateDecorativeShapes";
 import AskOrganizer from "../../components/sections/AskOrganizer";
@@ -29,7 +30,7 @@ export async function generateMetadata(): Promise<Metadata> {
   const meta = messages.metadata.howItWorks;
   const page = messages.pages.howItWorks;
 
-  return {
+  return routeMetadata("/how-it-works", {
     title: meta.title,
     description: meta.description,
     keywords: meta.keywords,
@@ -37,9 +38,9 @@ export async function generateMetadata(): Promise<Metadata> {
       title: page.banner.title,
       description: page.banner.description,
       type: "website",
-      siteName: "CommunityRule",
+      siteName: messages.metadata.siteName,
     },
-  };
+  });
 }
 
 export default function HowItWorksPage() {