fix: og image generation

app/books/bbd/[chapter]/page.tsx

@@ -1,3 +1,6 @@
+export const dynamic = "force-dynamic";
+
+import type { Metadata } from "next";
 import Link from "next/link";
 import { notFound } from "next/navigation";
 import {
@@ -6,6 +9,8 @@ import {
   type BbdChapter,
   type BbdSidebarItem,
 } from "@/lib/bbd";
+import { ogForChapter, extractQuoteFromHl, buildOgMeta } from "@/lib/og";
+import { BOOK_NAMES } from "@/lib/constants";
 import { PageHeader } from "@/components/page-header";
 import { Card, CardContent } from "@/components/ui/card";
 import { buttonVariants } from "@/components/ui/button";
@@ -13,6 +18,25 @@ import { ChevronLeft, ChevronRight } from "lucide-react";
 import { cn } from "@/lib/utils";
 import { MobileNav, type MobileNavGroup } from "@/components/mobile-nav";
 
+// ---------------------------------------------------------------------------
+// Metadata
+// ---------------------------------------------------------------------------
+
+export async function generateMetadata({
+  params,
+  searchParams,
+}: {
+  params: Promise<{ chapter: string }>;
+  searchParams: Promise<Record<string, string | string[] | undefined>>;
+}): Promise<Metadata> {
+  const sp = await searchParams;
+  const hlQuote = extractQuoteFromHl(sp);
+  if (hlQuote) {
+    return buildOgMeta({ title: BOOK_NAMES["bbd"], quote: hlQuote });
+  }
+  return ogForChapter("bbd", "");
+}
+
 // ---------------------------------------------------------------------------
 // Page
 // ---------------------------------------------------------------------------

app/books/bg/[chapter]/[verse]/page.tsx

@@ -1,9 +1,36 @@
+import type { Metadata } from "next";
 import Link from "next/link";
 import { PageHeader } from "@/components/page-header";
 import { notFound } from "next/navigation";
 import { getBookMeta, getSingleVerse, getChapterVerseIndex } from "@/lib/api";
 import { ChapterViewer } from "@/app/books/chapter-viewer";
 import type { MobileNavGroup } from "@/components/mobile-nav";
+import { ogForVerse, extractQuoteFromHl, buildOgMeta } from "@/lib/og";
+
+export const dynamic = "force-dynamic";
+
+export async function generateMetadata({
+  params,
+  searchParams,
+}: {
+  params: Promise<{ chapter: string; verse: string }>;
+  searchParams: Promise<Record<string, string | string[] | undefined>>;
+}): Promise<Metadata> {
+  const { chapter, verse } = await params;
+  const sp = await searchParams;
+  const quote = extractQuoteFromHl(sp);
+  if (quote) {
+    return buildOgMeta({
+      title: "Bhagavad-gītā As It Is",
+      detail: `Chapter ${chapter}, Verse ${verse}`,
+      quote,
+    });
+  }
+  return ogForVerse("bg", {
+    chapter: parseInt(chapter),
+    verse: parseInt(verse),
+  });
+}
 
 type BgMeta = {
   book: string;

app/books/bk/[chapter]/page.tsx

@@ -1,3 +1,4 @@
+import type { Metadata } from "next";
 import Link from "next/link";
 import { notFound } from "next/navigation";
 import {
@@ -6,6 +7,8 @@ import {
   type BkChapter,
   type BkSidebarItem,
 } from "@/lib/bk";
+import { ogForChapter, extractQuoteFromHl, buildOgMeta } from "@/lib/og";
+import { BOOK_NAMES } from "@/lib/constants";
 import { PageHeader } from "@/components/page-header";
 import { Card, CardContent } from "@/components/ui/card";
 import { buttonVariants } from "@/components/ui/button";
@@ -15,6 +18,21 @@ import { MobileNav, type MobileNavGroup } from "@/components/mobile-nav";
 
 export const dynamic = "force-dynamic";
 
+export async function generateMetadata({
+  params,
+  searchParams,
+}: {
+  params: Promise<{ chapter: string }>;
+  searchParams: Promise<Record<string, string | string[] | undefined>>;
+}): Promise<Metadata> {
+  const sp = await searchParams;
+  const hlQuote = extractQuoteFromHl(sp);
+  if (hlQuote) {
+    return buildOgMeta({ title: BOOK_NAMES["bk"], quote: hlQuote });
+  }
+  return ogForChapter("bk", "");
+}
+
 // ---------------------------------------------------------------------------
 // Page
 // ---------------------------------------------------------------------------

app/books/bs/[chapter]/[verse]/page.tsx

@@ -1,3 +1,4 @@
+import type { Metadata } from "next";
 import fs from "fs";
 import path from "path";
 import Link from "next/link";
@@ -12,6 +13,9 @@ import {
 } from "@/lib/api";
 import { ChapterViewer } from "@/app/books/chapter-viewer";
 import type { MobileNavGroup } from "@/components/mobile-nav";
+import { ogForVerse, extractQuoteFromHl, buildOgMeta } from "@/lib/og";
+
+export const dynamic = "force-dynamic";
 
 type BsMeta = {
   book: string;
@@ -110,6 +114,29 @@ async function getVerseWithFallback(
   return null;
 }
 
+export async function generateMetadata({
+  params,
+  searchParams,
+}: {
+  params: Promise<{ chapter: string; verse: string }>;
+  searchParams: Promise<Record<string, string | string[] | undefined>>;
+}): Promise<Metadata> {
+  const { chapter, verse } = await params;
+  const sp = await searchParams;
+  const quote = extractQuoteFromHl(sp);
+  if (quote) {
+    return buildOgMeta({
+      title: "Śrī Brahma-saṁhitā",
+      detail: `Chapter ${chapter}, Verse ${parseInt(verse)}`,
+      quote,
+    });
+  }
+  return ogForVerse("bs", {
+    chapter: parseInt(chapter),
+    verse: parseInt(verse),
+  });
+}
+
 export default async function VersePage({
   params,
 }: {

app/books/cbhc/[chapter]/page.tsx

@@ -1,3 +1,4 @@
+import type { Metadata } from "next";
 import Link from "next/link";
 import { notFound } from "next/navigation";
 import {
@@ -6,6 +7,8 @@ import {
   type CbhcChapter,
   type CbhcSidebarItem,
 } from "@/lib/cbhc";
+import { ogForChapter, extractQuoteFromHl, buildOgMeta } from "@/lib/og";
+import { BOOK_NAMES } from "@/lib/constants";
 import { PageHeader } from "@/components/page-header";
 import { Card, CardContent } from "@/components/ui/card";
 import { buttonVariants } from "@/components/ui/button";
@@ -15,6 +18,21 @@ import { MobileNav, type MobileNavGroup } from "@/components/mobile-nav";
 
 export const dynamic = "force-dynamic";
 
+export async function generateMetadata({
+  params,
+  searchParams,
+}: {
+  params: Promise<{ chapter: string }>;
+  searchParams: Promise<Record<string, string | string[] | undefined>>;
+}): Promise<Metadata> {
+  const sp = await searchParams;
+  const hlQuote = extractQuoteFromHl(sp);
+  if (hlQuote) {
+    return buildOgMeta({ title: BOOK_NAMES["cbhc"], quote: hlQuote });
+  }
+  return ogForChapter("cbhc", "");
+}
+
 // ---------------------------------------------------------------------------
 // Page
 // ---------------------------------------------------------------------------

app/books/cc/[lila]/[chapter]/[verse]/page.tsx

@@ -1,9 +1,13 @@
+export const dynamic = "force-dynamic";
+
+import type { Metadata } from "next";
 import Link from "next/link";
 import { PageHeader } from "@/components/page-header";
 import { notFound } from "next/navigation";
 import { getBookMeta, getSingleVerse, getChapterVerseIndex } from "@/lib/api";
 import { ChapterViewer } from "@/app/books/chapter-viewer";
 import type { MobileNavGroup } from "@/components/mobile-nav";
+import { ogForVerse, extractQuoteFromHl, buildOgMeta } from "@/lib/og";
 
 type ChapterInfo = {
   number: number;
@@ -19,6 +23,31 @@ type LilaInfo = {
   chapters: ChapterInfo[];
 };
 
+export async function generateMetadata({
+  params,
+  searchParams,
+}: {
+  params: Promise<{ lila: string; chapter: string; verse: string }>;
+  searchParams: Promise<Record<string, string | string[] | undefined>>;
+}): Promise<Metadata> {
+  const { lila, chapter, verse } = await params;
+  const sp = await searchParams;
+  const quote = extractQuoteFromHl(sp);
+  if (quote) {
+    const bookTitle = "Śrī Caitanya-caritāmṛta";
+    return buildOgMeta({
+      title: bookTitle,
+      detail: `${lila.charAt(0).toUpperCase() + lila.slice(1)}, Chapter ${chapter}, Verse ${verse}`,
+      quote,
+    });
+  }
+  return ogForVerse("cc", {
+    division: lila,
+    chapter: parseInt(chapter),
+    verse: parseInt(verse),
+  });
+}
+
 export default async function CcVersePage({
   params,
 }: {

app/books/ds/[chapter]/page.tsx

@@ -1,3 +1,6 @@
+export const dynamic = "force-dynamic";
+
+import type { Metadata } from "next";
 import Link from "next/link";
 import { notFound } from "next/navigation";
 import {
@@ -6,6 +9,8 @@ import {
   type DsChapter,
   type DsSidebarItem,
 } from "@/lib/ds";
+import { ogForChapter, extractQuoteFromHl, buildOgMeta } from "@/lib/og";
+import { BOOK_NAMES } from "@/lib/constants";
 import { PageHeader } from "@/components/page-header";
 import { Card, CardContent } from "@/components/ui/card";
 import { buttonVariants } from "@/components/ui/button";
@@ -13,6 +18,25 @@ import { ChevronLeft, ChevronRight } from "lucide-react";
 import { cn } from "@/lib/utils";
 import { MobileNav, type MobileNavGroup } from "@/components/mobile-nav";
 
+// ---------------------------------------------------------------------------
+// Metadata
+// ---------------------------------------------------------------------------
+
+export async function generateMetadata({
+  params,
+  searchParams,
+}: {
+  params: Promise<{ chapter: string }>;
+  searchParams: Promise<Record<string, string | string[] | undefined>>;
+}): Promise<Metadata> {
+  const sp = await searchParams;
+  const hlQuote = extractQuoteFromHl(sp);
+  if (hlQuote) {
+    return buildOgMeta({ title: BOOK_NAMES["ds"], quote: hlQuote });
+  }
+  return ogForChapter("ds", "");
+}
+
 // ---------------------------------------------------------------------------
 // Page
 // ---------------------------------------------------------------------------

app/books/ej/[chapter]/page.tsx

@@ -1,3 +1,6 @@
+export const dynamic = "force-dynamic";
+
+import type { Metadata } from "next";
 import Link from "next/link";
 import { notFound } from "next/navigation";
 import {
@@ -6,6 +9,8 @@ import {
   type EjChapter,
   type EjSidebarItem,
 } from "@/lib/ej";
+import { ogForChapter, extractQuoteFromHl, buildOgMeta } from "@/lib/og";
+import { BOOK_NAMES } from "@/lib/constants";
 import { PageHeader } from "@/components/page-header";
 import { Card, CardContent } from "@/components/ui/card";
 import { buttonVariants } from "@/components/ui/button";
@@ -13,6 +18,25 @@ import { ChevronLeft, ChevronRight } from "lucide-react";
 import { cn } from "@/lib/utils";
 import { MobileNav, type MobileNavGroup } from "@/components/mobile-nav";
 
+// ---------------------------------------------------------------------------
+// Metadata
+// ---------------------------------------------------------------------------
+
+export async function generateMetadata({
+  params,
+  searchParams,
+}: {
+  params: Promise<{ chapter: string }>;
+  searchParams: Promise<Record<string, string | string[] | undefined>>;
+}): Promise<Metadata> {
+  const sp = await searchParams;
+  const hlQuote = extractQuoteFromHl(sp);
+  if (hlQuote) {
+    return buildOgMeta({ title: BOOK_NAMES["ej"], quote: hlQuote });
+  }
+  return ogForChapter("ej", "");
+}
+
 // ---------------------------------------------------------------------------
 // Page
 // ---------------------------------------------------------------------------

app/books/ek/[chapter]/page.tsx

@@ -1,3 +1,6 @@
+export const dynamic = "force-dynamic";
+
+import type { Metadata } from "next";
 import Link from "next/link";
 import { notFound } from "next/navigation";
 import {
@@ -6,6 +9,8 @@ import {
   type EkChapter,
   type EkSidebarItem,
 } from "@/lib/ek";
+import { ogForChapter, extractQuoteFromHl, buildOgMeta } from "@/lib/og";
+import { BOOK_NAMES } from "@/lib/constants";
 import { PageHeader } from "@/components/page-header";
 import { Card, CardContent } from "@/components/ui/card";
 import { buttonVariants } from "@/components/ui/button";
@@ -13,6 +18,25 @@ import { ChevronLeft, ChevronRight } from "lucide-react";
 import { cn } from "@/lib/utils";
 import { MobileNav, type MobileNavGroup } from "@/components/mobile-nav";
 
+// ---------------------------------------------------------------------------
+// Metadata
+// ---------------------------------------------------------------------------
+
+export async function generateMetadata({
+  params,
+  searchParams,
+}: {
+  params: Promise<{ chapter: string }>;
+  searchParams: Promise<Record<string, string | string[] | undefined>>;
+}): Promise<Metadata> {
+  const sp = await searchParams;
+  const hlQuote = extractQuoteFromHl(sp);
+  if (hlQuote) {
+    return buildOgMeta({ title: BOOK_NAMES["ek"], quote: hlQuote });
+  }
+  return ogForChapter("ek", "");
+}
+
 // ---------------------------------------------------------------------------
 // Page
 // ---------------------------------------------------------------------------

app/books/gg/[chapter]/page.tsx

@@ -1,3 +1,4 @@
+import type { Metadata } from "next";
 import Link from "next/link";
 import { notFound } from "next/navigation";
 import {
@@ -6,6 +7,8 @@ import {
   type GgChapter,
   type GgSidebarItem,
 } from "@/lib/gg";
+import { ogForChapter, extractQuoteFromHl, buildOgMeta } from "@/lib/og";
+import { BOOK_NAMES } from "@/lib/constants";
 import { PageHeader } from "@/components/page-header";
 import { Card, CardContent } from "@/components/ui/card";
 import { buttonVariants } from "@/components/ui/button";
@@ -15,6 +18,21 @@ import { MobileNav, type MobileNavGroup } from "@/components/mobile-nav";
 
 export const dynamic = "force-dynamic";
 
+export async function generateMetadata({
+  params,
+  searchParams,
+}: {
+  params: Promise<{ chapter: string }>;
+  searchParams: Promise<Record<string, string | string[] | undefined>>;
+}): Promise<Metadata> {
+  const sp = await searchParams;
+  const hlQuote = extractQuoteFromHl(sp);
+  if (hlQuote) {
+    return buildOgMeta({ title: BOOK_NAMES["gg"], quote: hlQuote });
+  }
+  return ogForChapter("gg", "");
+}
+
 // ---------------------------------------------------------------------------
 // Page
 // ---------------------------------------------------------------------------

app/books/hkh/[chapter]/page.tsx

@@ -1,3 +1,6 @@
+export const dynamic = "force-dynamic";
+
+import type { Metadata } from "next";
 import Link from "next/link";
 import { notFound } from "next/navigation";
 import {
@@ -6,6 +9,8 @@ import {
   type HkhChapter,
   type HkhSidebarItem,
 } from "@/lib/hkh";
+import { ogForChapter, extractQuoteFromHl, buildOgMeta } from "@/lib/og";
+import { BOOK_NAMES } from "@/lib/constants";
 import { PageHeader } from "@/components/page-header";
 import { Card, CardContent } from "@/components/ui/card";
 import { buttonVariants } from "@/components/ui/button";
@@ -13,6 +18,25 @@ import { ChevronLeft, ChevronRight } from "lucide-react";
 import { cn } from "@/lib/utils";
 import { MobileNav, type MobileNavGroup } from "@/components/mobile-nav";
 
+// ---------------------------------------------------------------------------
+// Metadata
+// ---------------------------------------------------------------------------
+
+export async function generateMetadata({
+  params,
+  searchParams,
+}: {
+  params: Promise<{ chapter: string }>;
+  searchParams: Promise<Record<string, string | string[] | undefined>>;
+}): Promise<Metadata> {
+  const sp = await searchParams;
+  const hlQuote = extractQuoteFromHl(sp);
+  if (hlQuote) {
+    return buildOgMeta({ title: BOOK_NAMES["hkh"], quote: hlQuote });
+  }
+  return ogForChapter("hkh", "");
+}
+
 // ---------------------------------------------------------------------------
 // Page
 // ---------------------------------------------------------------------------

app/books/iso/[mantra]/page.tsx

@@ -1,3 +1,6 @@
+export const dynamic = "force-dynamic";
+
+import type { Metadata } from "next";
 import Link from "next/link";
 import { notFound } from "next/navigation";
 import {
@@ -7,6 +10,7 @@ import {
   type IsoIntroSegment,
   type IsoSidebarItem,
 } from "@/lib/iso";
+import { ogForChapter, extractQuoteFromHl, buildOgMeta } from "@/lib/og";
 import { PageHeader } from "@/components/page-header";
 import { Card, CardContent } from "@/components/ui/card";
 import { buttonVariants } from "@/components/ui/button";
@@ -28,6 +32,40 @@ function isIntroSegment(
   return "paragraphs" in content && "order" in content;
 }
 
+// ---------------------------------------------------------------------------
+// Metadata
+// ---------------------------------------------------------------------------
+
+export async function generateMetadata({
+  params,
+  searchParams,
+}: {
+  params: Promise<{ mantra: string }>;
+  searchParams: Promise<Record<string, string | string[] | undefined>>;
+}): Promise<Metadata> {
+  const { mantra: slug } = await params;
+  const sp = await searchParams;
+
+  const quote = extractQuoteFromHl(sp);
+  if (quote) {
+    return buildOgMeta({
+      title: "Śrī Īśopaniṣad",
+      detail: `Mantra ${slug}`,
+      quote,
+    });
+  }
+
+  const content = await getIsoContent(slug);
+  const isVerse_ = content && "mantra" in content && "devanagari" in content;
+  const title = isVerse_
+    ? `${(content as IsoVerse).reference}: ${(content as IsoVerse).title}`
+    : content && "title" in content
+      ? (content as IsoIntroSegment).title
+      : `Mantra ${slug}`;
+
+  return ogForChapter("iso", title);
+}
+
 // ---------------------------------------------------------------------------
 // Page
 // ---------------------------------------------------------------------------

app/books/kb/[volume]/[slug]/page.tsx

@@ -1,6 +1,11 @@
+export const dynamic = "force-dynamic";
+
+import type { Metadata } from "next";
 import Link from "next/link";
 import { notFound } from "next/navigation";
 import { getProseChapter, getProseChapters } from "@/lib/api";
+import { ogForChapter, extractQuoteFromHl, buildOgMeta } from "@/lib/og";
+import { BOOK_NAMES } from "@/lib/constants";
 import { PageHeader } from "@/components/page-header";
 import { Card, CardContent } from "@/components/ui/card";
 import { buttonVariants } from "@/components/ui/button";
@@ -8,6 +13,31 @@ import { ChevronLeft, ChevronRight } from "lucide-react";
 import { cn } from "@/lib/utils";
 import { MobileNav, type MobileNavGroup } from "@/components/mobile-nav";
 
+export async function generateMetadata({
+  params,
+  searchParams,
+}: {
+  params: Promise<{ volume: string; slug: string }>;
+  searchParams: Promise<Record<string, string | string[] | undefined>>;
+}): Promise<Metadata> {
+  const { volume, slug } = await params;
+  const sp = await searchParams;
+  const vol = parseInt(volume);
+  const chapter = !isNaN(vol) ? await getProseChapter("kb", vol, slug) : null;
+  const hlQuote = extractQuoteFromHl(sp);
+  if (hlQuote) {
+    return buildOgMeta({
+      title: BOOK_NAMES["kb"],
+      detail: chapter ? `Volume ${vol} — ${chapter.title}` : `Volume ${vol}`,
+      quote: hlQuote,
+    });
+  }
+  return ogForChapter(
+    "kb",
+    chapter ? `Volume ${vol} — ${chapter.title}` : `Volume ${vol}`,
+  );
+}
+
 export default async function KbChapterPage({
   params,
 }: {

app/books/lcl/[chapter]/page.tsx

@@ -1,3 +1,6 @@
+export const dynamic = "force-dynamic";
+
+import type { Metadata } from "next";
 import Link from "next/link";
 import { notFound } from "next/navigation";
 import {
@@ -6,6 +9,8 @@ import {
   type LclChapter,
   type LclSidebarItem,
 } from "@/lib/lcl";
+import { ogForChapter, extractQuoteFromHl, buildOgMeta } from "@/lib/og";
+import { BOOK_NAMES } from "@/lib/constants";
 import { PageHeader } from "@/components/page-header";
 import { Card, CardContent } from "@/components/ui/card";
 import { buttonVariants } from "@/components/ui/button";
@@ -13,6 +18,25 @@ import { ChevronLeft, ChevronRight } from "lucide-react";
 import { cn } from "@/lib/utils";
 import { MobileNav, type MobileNavGroup } from "@/components/mobile-nav";
 
+// ---------------------------------------------------------------------------
+// Metadata
+// ---------------------------------------------------------------------------
+
+export async function generateMetadata({
+  params,
+  searchParams,
+}: {
+  params: Promise<{ chapter: string }>;
+  searchParams: Promise<Record<string, string | string[] | undefined>>;
+}): Promise<Metadata> {
+  const sp = await searchParams;
+  const hlQuote = extractQuoteFromHl(sp);
+  if (hlQuote) {
+    return buildOgMeta({ title: BOOK_NAMES["lcl"], quote: hlQuote });
+  }
+  return ogForChapter("lcl", "");
+}
+
 // ---------------------------------------------------------------------------
 // Page
 // ---------------------------------------------------------------------------

app/books/lob/[chapter]/page.tsx

@@ -1,3 +1,6 @@
+export const dynamic = "force-dynamic";
+
+import type { Metadata } from "next";
 import Link from "next/link";
 import { notFound } from "next/navigation";
 import {
@@ -6,6 +9,8 @@ import {
   type LobChapter,
   type LobSidebarItem,
 } from "@/lib/lob";
+import { ogForChapter, extractQuoteFromHl, buildOgMeta } from "@/lib/og";
+import { BOOK_NAMES } from "@/lib/constants";
 import { PageHeader } from "@/components/page-header";
 import { Card, CardContent } from "@/components/ui/card";
 import { buttonVariants } from "@/components/ui/button";
@@ -13,6 +18,21 @@ import { ChevronLeft, ChevronRight } from "lucide-react";
 import { cn } from "@/lib/utils";
 import { MobileNav, type MobileNavGroup } from "@/components/mobile-nav";
 
+export async function generateMetadata({
+  params,
+  searchParams,
+}: {
+  params: Promise<{ chapter: string }>;
+  searchParams: Promise<Record<string, string | string[] | undefined>>;
+}): Promise<Metadata> {
+  const sp = await searchParams;
+  const hlQuote = extractQuoteFromHl(sp);
+  if (hlQuote) {
+    return buildOgMeta({ title: BOOK_NAMES["lob"], quote: hlQuote });
+  }
+  return ogForChapter("lob", "");
+}
+
 // ---------------------------------------------------------------------------
 // Page
 // ---------------------------------------------------------------------------
@@ -76,7 +96,7 @@ export default async function LobChapterPage({
           <Card>
             <CardContent className="py-8 px-6 sm:px-8">
               <div className="space-y-4">
-                {content.paragraphs.map((paragraph, i) => (
+                {content.paragraphs.map((paragraph, i) =>
                   paragraph.startsWith("<b>") ? (
                     <div
                       key={i}
@@ -89,8 +109,8 @@ export default async function LobChapterPage({
                       className="text-base text-foreground leading-relaxed"
                       dangerouslySetInnerHTML={{ __html: paragraph }}
                     />
-                  )
-                ))}
+                  ),
+                )}
               </div>
             </CardContent>
           </Card>

app/books/mg/[chapter]/page.tsx

@@ -1,3 +1,6 @@
+export const dynamic = "force-dynamic";
+
+import type { Metadata } from "next";
 import Link from "next/link";
 import { notFound } from "next/navigation";
 import {
@@ -6,6 +9,8 @@ import {
   type MgChapter,
   type MgSidebarItem,
 } from "@/lib/mg";
+import { ogForChapter, extractQuoteFromHl, buildOgMeta } from "@/lib/og";
+import { BOOK_NAMES } from "@/lib/constants";
 import { PageHeader } from "@/components/page-header";
 import { Card, CardContent } from "@/components/ui/card";
 import { buttonVariants } from "@/components/ui/button";
@@ -13,6 +18,21 @@ import { ChevronLeft, ChevronRight } from "lucide-react";
 import { cn } from "@/lib/utils";
 import { MobileNav, type MobileNavGroup } from "@/components/mobile-nav";
 
+export async function generateMetadata({
+  params,
+  searchParams,
+}: {
+  params: Promise<{ chapter: string }>;
+  searchParams: Promise<Record<string, string | string[] | undefined>>;
+}): Promise<Metadata> {
+  const sp = await searchParams;
+  const hlQuote = extractQuoteFromHl(sp);
+  if (hlQuote) {
+    return buildOgMeta({ title: BOOK_NAMES["mg"], quote: hlQuote });
+  }
+  return ogForChapter("mg", "");
+}
+
 // ---------------------------------------------------------------------------
 // Page
 // ---------------------------------------------------------------------------

app/books/mm/[chapter]/[verse]/page.tsx

@@ -12,6 +12,33 @@ import {
 } from "@/lib/api";
 import { ChapterViewer } from "@/app/books/chapter-viewer";
 import type { MobileNavGroup } from "@/components/mobile-nav";
+import type { Metadata } from "next";
+import { ogForVerse, extractQuoteFromHl, buildOgMeta } from "@/lib/og";
+
+export const dynamic = "force-dynamic";
+
+export async function generateMetadata({
+  params,
+  searchParams,
+}: {
+  params: Promise<{ chapter: string; verse: string }>;
+  searchParams: Promise<Record<string, string | string[] | undefined>>;
+}): Promise<Metadata> {
+  const { chapter, verse } = await params;
+  const sp = await searchParams;
+  const quote = extractQuoteFromHl(sp);
+  if (quote) {
+    return buildOgMeta({
+      title: "Mukunda-mālā-stotra",
+      detail: `Chapter ${chapter}, Verse ${verse}`,
+      quote,
+    });
+  }
+  return ogForVerse("mm", {
+    chapter: parseInt(chapter),
+    verse: parseInt(verse),
+  });
+}
 
 type MmMeta = {
   book: string;

app/books/nbs/[chapter]/[verse]/page.tsx

@@ -1,3 +1,6 @@
+export const dynamic = "force-dynamic";
+
+import type { Metadata } from "next";
 import fs from "fs";
 import path from "path";
 import Link from "next/link";
@@ -10,6 +13,7 @@ import {
   type VerseIndexEntry,
   type VerseRecord,
 } from "@/lib/api";
+import { ogForVerse, extractQuoteFromHl, buildOgMeta } from "@/lib/og";
 import { ChapterViewer } from "@/app/books/chapter-viewer";
 import type { MobileNavGroup } from "@/components/mobile-nav";
 
@@ -110,6 +114,29 @@ async function getVerseWithFallback(
   return null;
 }
 
+export async function generateMetadata({
+  params,
+  searchParams,
+}: {
+  params: Promise<{ chapter: string; verse: string }>;
+  searchParams: Promise<Record<string, string | string[] | undefined>>;
+}): Promise<Metadata> {
+  const { chapter, verse } = await params;
+  const sp = await searchParams;
+  const quote = extractQuoteFromHl(sp);
+  if (quote) {
+    return buildOgMeta({
+      title: "Nārada-bhakti-sūtra",
+      detail: `Chapter ${chapter}, Verse ${verse}`,
+      quote,
+    });
+  }
+  return ogForVerse("nbs", {
+    chapter: parseInt(chapter),
+    verse: parseInt(verse),
+  });
+}
+
 export default async function VersePage({
   params,
 }: {

app/books/noi/[text]/page.tsx

@@ -1,3 +1,6 @@
+export const dynamic = "force-dynamic";
+
+import type { Metadata } from "next";
 import Link from "next/link";
 import { notFound } from "next/navigation";
 import {
@@ -7,6 +10,7 @@ import {
   type NoiIntroSegment,
   type NoiSidebarItem,
 } from "@/lib/noi";
+import { ogForChapter, extractQuoteFromHl, buildOgMeta } from "@/lib/og";
 import { PageHeader } from "@/components/page-header";
 import { Card, CardContent } from "@/components/ui/card";
 import { buttonVariants } from "@/components/ui/button";
@@ -32,6 +36,28 @@ function isIntroSegment(
 // Page
 // ---------------------------------------------------------------------------
 
+export async function generateMetadata({
+  params,
+  searchParams,
+}: {
+  params: Promise<{ text: string }>;
+  searchParams: Promise<Record<string, string | string[] | undefined>>;
+}): Promise<Metadata> {
+  const { text: slug } = await params;
+  const sp = await searchParams;
+
+  const quote = extractQuoteFromHl(sp);
+  if (quote) {
+    return buildOgMeta({
+      title: "The Nectar of Instruction",
+      detail: `Text ${slug}`,
+      quote,
+    });
+  }
+
+  return ogForChapter("noi", `Text ${slug}`);
+}
+
 export default async function NoiTextPage({
   params,
 }: {

app/books/sb/[canto]/[chapter]/[verse]/page.tsx

@@ -1,9 +1,13 @@
+export const dynamic = "force-dynamic";
+
+import type { Metadata } from "next";
 import Link from "next/link";
 import { PageHeader } from "@/components/page-header";
 import { notFound } from "next/navigation";
 import { getBookMeta, getSingleVerse, getChapterVerseIndex } from "@/lib/api";
 import { ChapterViewer } from "@/app/books/chapter-viewer";
 import type { MobileNavGroup } from "@/components/mobile-nav";
+import { ogForVerse, extractQuoteFromHl, buildOgMeta } from "@/lib/og";
 
 type ChapterInfo = {
   number: number;
@@ -18,6 +22,30 @@ type CantoInfo = {
   chapters: ChapterInfo[];
 };
 
+export async function generateMetadata({
+  params,
+  searchParams,
+}: {
+  params: Promise<{ canto: string; chapter: string; verse: string }>;
+  searchParams: Promise<Record<string, string | string[] | undefined>>;
+}): Promise<Metadata> {
+  const { canto, chapter, verse } = await params;
+  const sp = await searchParams;
+  const quote = extractQuoteFromHl(sp);
+  if (quote) {
+    return buildOgMeta({
+      title: "Śrīmad-Bhāgavatam",
+      detail: `Canto ${canto}, Chapter ${chapter}, Verse ${verse}`,
+      quote,
+    });
+  }
+  return ogForVerse("sb", {
+    division: canto,
+    chapter: parseInt(chapter),
+    verse: parseInt(verse),
+  });
+}
+
 export default async function SbVersePage({
   params,
 }: {

app/books/sb1962/[chapter]/[verse]/page.tsx

@@ -1,9 +1,13 @@
+import type { Metadata } from "next";
 import Link from "next/link";
 import { PageHeader } from "@/components/page-header";
 import { notFound } from "next/navigation";
 import { getBookMeta, getSingleVerse, getChapterVerseIndex } from "@/lib/api";
 import { ChapterViewer } from "@/app/books/chapter-viewer";
 import type { MobileNavGroup } from "@/components/mobile-nav";
+import { ogForVerse, extractQuoteFromHl, buildOgMeta } from "@/lib/og";
+
+export const dynamic = "force-dynamic";
 
 type Sb1962Meta = {
   book: string;
@@ -13,6 +17,29 @@ type Sb1962Meta = {
   chapters: { number: number; title: string; totalVerses: number }[];
 };
 
+export async function generateMetadata({
+  params,
+  searchParams,
+}: {
+  params: Promise<{ chapter: string; verse: string }>;
+  searchParams: Promise<Record<string, string | string[] | undefined>>;
+}): Promise<Metadata> {
+  const { chapter, verse } = await params;
+  const sp = await searchParams;
+  const quote = extractQuoteFromHl(sp);
+  if (quote) {
+    return buildOgMeta({
+      title: "Śrīmad-Bhāgavatam (1962)",
+      detail: `Chapter ${chapter}, Verse ${verse}`,
+      quote,
+    });
+  }
+  return ogForVerse("sb1962", {
+    chapter: parseInt(chapter),
+    verse: parseInt(verse),
+  });
+}
+
 export default async function VersePage({
   params,
 }: {