Show workflow count on ready library rows

marketing-site/pages/read/index.jsx

@@ -2,13 +2,13 @@ import Head from "next/head";
 import Link from "next/link";
 import ReaderNav from "../../components/reader/ReaderNav";
 import ReaderFooter from "../../components/reader/ReaderFooter";
-import { LIBRARY } from "../../data/sample-chapter";
+import { LIBRARY, RECIPES } from "../../data/sample-chapter";
 
 export default function ReadLibrary() {
   return (
     <>
       <Head>
-        <title>Library — AIBook.fun reading demo</title>
+        <title>Library · AIBook.fun reading demo</title>
         <meta
           name="description"
           content="People read chapters, not a shelf of cards. Sample reading environment for AIBook.fun."
@@ -34,6 +34,7 @@ export default function ReadLibrary() {
                     <span className="num">{item.num}</span>
                     <span className="name">{item.name}</span>
                     <span className="desc">{item.desc}</span>
+                    <span className="toc-count">{RECIPES.length} workflows</span>
                     <span className="arrow" aria-hidden="true">
                       →
                     </span>