Update remote soul-content with local content

app/page.tsx

@@ -0,0 +1,26 @@
+import { BookCover } from "@/components/book-cover"
+import { BookIntro } from "@/components/book-intro"
+import { TableOfContents } from "@/components/table-of-contents"
+import { PurchaseSection } from "@/components/purchase-section"
+import { Footer } from "@/components/footer"
+import { getBookStructure } from "@/lib/book-file-system"
+
+// Force dynamic rendering if we want it to update on every request without rebuild
+// or use revalidation. For now, we can leave it default (static if no dynamic functions used, but fs usage makes it dynamic in dev usually).
+// Actually, in App Router, using fs directly in a Server Component usually makes it static at build time unless using dynamic functions.
+// To ensure it updates when files change in dev, it should be fine.
+export const dynamic = 'force-dynamic'; 
+
+export default async function HomePage() {
+  const parts = getBookStructure()
+
+  return (
+    <main className="min-h-screen bg-[#0a1628] text-white pb-20">
+      <BookCover />
+      <BookIntro />
+      <TableOfContents parts={parts} />
+      <PurchaseSection />
+      <Footer />
+    </main>
+  )
+}