Initial commit

2026-04-04 13:29:23 +05:30
commit 5c8a516f01
152 changed files with 3173897 additions and 0 deletions
@@ -0,0 +1,70 @@
+import fs from "fs";
+import path from "path";
+import Link from "next/link";
+
+type ChapterInfo = {
+  number: number;
+  title: string;
+  totalVerses: number;
+};
+
+type Intro = {
+  book: string;
+  title: string;
+  author: string;
+  totalChapters: number;
+  chapters: ChapterInfo[];
+};
+
+export default function BgPage() {
+  const introPath = path.join(
+    process.cwd(),
+    "app/lib/books/bg/intro.json"
+  );
+  const intro: Intro = JSON.parse(fs.readFileSync(introPath, "utf-8"));
+
+  return (
+    <div className="min-h-screen bg-amber-50 dark:bg-zinc-950">
+      <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="/"
+            className="text-sm text-amber-600 hover:text-amber-800 dark:text-zinc-400 dark:hover:text-zinc-100"
+          >
+            &larr; Home
+          </Link>
+          <h1 className="mt-3 text-3xl font-bold text-zinc-900 dark:text-zinc-100">
+            {intro.title}
+          </h1>
+          <p className="mt-1 text-zinc-500 dark:text-zinc-400">
+            {intro.author}
+          </p>
+        </div>
+      </header>
+      <main className="max-w-3xl mx-auto px-6 py-8">
+        <ul className="divide-y divide-amber-200 dark:divide-zinc-800 bg-white dark:bg-zinc-900 rounded-lg border border-amber-200 dark:border-zinc-800 overflow-hidden">
+          {intro.chapters.map((ch) => (
+            <li key={ch.number}>
+              <Link
+                href={`/books/bg/${ch.number}`}
+                className="flex items-center justify-between px-5 py-4 hover:bg-amber-50 dark:hover:bg-zinc-800 transition-colors"
+              >
+                <div>
+                  <span className="text-sm text-amber-600 dark:text-amber-500 font-medium">
+                    Chapter {ch.number}
+                  </span>
+                  <p className="font-medium text-zinc-900 dark:text-zinc-100">
+                    {ch.title}
+                  </p>
+                </div>
+                <span className="text-sm text-zinc-400 shrink-0 ml-4">
+                  {ch.totalVerses} verses
+                </span>
+              </Link>
+            </li>
+          ))}
+        </ul>
+      </main>
+    </div>
+  );
+}