feat: initial commit

app/books/bg/page.tsx

@@ -1,6 +1,7 @@
 import fs from "fs";
 import path from "path";
 import Link from "next/link";
+import { ExtractedVerseCount } from "../extracted-verse-count";
 
 type ChapterInfo = {
   number: number;
@@ -17,10 +18,7 @@ type Intro = {
 };
 
 export default function BgPage() {
-  const introPath = path.join(
-    process.cwd(),
-    "app/lib/books/bg/intro.json"
-  );
+  const introPath = path.join(process.cwd(), "app/lib/books/bg/intro.json");
   const intro: Intro = JSON.parse(fs.readFileSync(introPath, "utf-8"));
 
   return (
@@ -28,10 +26,10 @@ export default function BgPage() {
       <header className="border-b border-amber-200 dark:border-zinc-800 bg-white dark:bg-zinc-900 px-6 py-8">
         <div className="max-w-3xl mx-auto">
           <Link
-            href="/"
+            href="/books"
             className="text-sm text-amber-600 hover:text-amber-800 dark:text-zinc-400 dark:hover:text-zinc-100"
           >
-            &larr; Home
+            &larr; Books
           </Link>
           <h1 className="mt-3 text-3xl font-bold text-zinc-900 dark:text-zinc-100">
             {intro.title}
@@ -58,7 +56,7 @@ export default function BgPage() {
                   </p>
                 </div>
                 <span className="text-sm text-zinc-400 shrink-0 ml-4">
-                  {ch.totalVerses} verses
+                  <ExtractedVerseCount count={ch.totalVerses} />
                 </span>
               </Link>
             </li>