LETS GOOOOOOOOOOOOOOOOOOOOOOOOO

frontend/public/_redirects

@@ -0,0 +1,5 @@
+# Signed in and auth routes get the empty app shell (noindex), not the prerendered home page.
+/app/*    /app  200
+/auth     /app  200
+/auth/*   /app  200
+/welcome  /app  200

frontend/seo/prerender.ts

@@ -0,0 +1,269 @@
+import { readFile, mkdir, writeFile } from "node:fs/promises";
+import path from "node:path";
+import type { Plugin, ResolvedConfig } from "vite";
+import { blogPosts } from "../src/content/blogPosts";
+import { NOTEBOOKLM_ALT_FAQ, NOTEBOOKLM_ALT_META, NOTEBOOKLM_ALT_ROWS } from "../src/content/notebooklmAlternative";
+import type { BlogPost } from "../src/content/seoTypes";
+import { tools, toolsHub, type ToolDef } from "../src/content/tools";
+
+/**
+ * Writes a static HTML file per public route after `vite build`, so crawlers that do not run JavaScript still get the
+ * page's title, description, canonical, headings, copy and links. The React app replaces #root on load.
+ *
+ * Files are written as <route>.html, not <route>/index.html: Cloudflare Pages serves /blogs/x from blogs/x.html with no
+ * redirect, while a folder index would 308 to /blogs/x/ and fight the canonical (which has no trailing slash).
+ */
+
+type Rendered = { path: string; title: string; description: string; body: string; jsonLd?: object[]; ogType?: string };
+
+const esc = (s: string) =>
+  s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+
+/** Post copy supports [text](url) links and **bold**; render them as real anchors. */
+const inline = (text: string) =>
+  esc(text)
+    .replace(/\[([^\]]+)\]\(([^)\s]+)\)/g, (_m, label: string, href: string) => `<a href="${href}">${label}</a>`)
+    .replace(/\*\*([^*]+)\*\*/g, "<strong>$1</strong>");
+
+const plain = (text: string) => text.replace(/\[([^\]]+)\]\([^)]+\)/g, "$1").replace(/\*\*([^*]+)\*\*/g, "$1");
+
+const faqLd = (items: { q: string; a: string }[]) => ({
+  "@context": "https://schema.org",
+  "@type": "FAQPage",
+  mainEntity: items.map((f) => ({ "@type": "Question", name: f.q, acceptedAnswer: { "@type": "Answer", text: plain(f.a) } })),
+});
+
+const faqHtml = (items: { q: string; a: string }[]) =>
+  items.length
+    ? `<section><h2>Questions</h2>${items.map((f) => `<h3>${esc(f.q)}</h3><p>${inline(f.a)}</p>`).join("")}</section>`
+    : "";
+
+const nav = () =>
+  `<header><nav aria-label="Main"><a href="/">Notestack</a> <a href="/notebooklm-alternative">Notestack vs NotebookLM</a> <a href="/tools">Free tools</a> <a href="/pricing">Pricing</a> <a href="/blogs">Blog</a></nav></header>`;
+
+const footer = () =>
+  `<footer><nav aria-label="Footer"><h2>Free tools</h2><ul>${tools
+    .map((t) => `<li><a href="/tools/${t.slug}">${esc(t.heroTitle)}</a></li>`)
+    .join("")}</ul><h2>More from Firebird Technologies</h2><ul><li><a href="https://blog2video.app">Blog2Video: blog to video</a></li><li><a href="https://pdf2vid.com">PDF2Video: PDF to video</a></li><li><a href="https://bloghub.app">BlogHub: blog and newsletter directory</a></li></ul></nav><p>&copy; Firebird Technologies</p></footer>`;
+
+const page = (main: string) => `${nav()}<main>${main}</main>${footer()}`;
+
+function pathTitle(p: string) {
+  const post = blogPosts.find((b) => `/blogs/${b.slug}` === p);
+  if (post) return post.title;
+  const tool = tools.find((t) => `/tools/${t.slug}` === p);
+  if (tool) return tool.heroTitle;
+  if (p === "/notebooklm-alternative") return "Notestack vs NotebookLM";
+  return p;
+}
+
+function renderPost(post: BlogPost): Rendered {
+  const sections = post.sections
+    .map(
+      (s) =>
+        `<section><h2>${esc(s.heading)}</h2>${s.paragraphs.map((p) => `<p>${inline(p)}</p>`).join("")}${
+          s.bullets?.length ? `<ul>${s.bullets.map((b) => `<li>${inline(b)}</li>`).join("")}</ul>` : ""
+        }${s.callout ? `<p>${inline(s.callout)}</p>` : ""}</section>`,
+    )
+    .join("");
+  const mission = post.mission ? `<p><strong>${esc(post.mission.question)}</strong> ${inline(post.mission.answer)}</p>` : "";
+  const related = post.relatedPaths.length
+    ? `<nav aria-label="Related"><h2>Related</h2><ul>${post.relatedPaths
+        .map((p) => `<li><a href="${p}">${esc(pathTitle(p))}</a></li>`)
+        .join("")}</ul></nav>`
+    : "";
+  const faq = post.faq.map((f) => ({ q: f.question, a: f.answer }));
+  return {
+    path: `/blogs/${post.slug}`,
+    title: `${post.title} | Notestack`,
+    description: post.description,
+    ogType: "article",
+    body: page(
+      `<article><p>${esc(post.heroEyebrow)}</p><h1>${esc(post.title)}</h1><p>${esc(post.heroDescription)}</p><time datetime="${post.publishedAt}">${post.publishedAt}</time>${mission}${sections}${faqHtml(faq)}</article>${related}`,
+    ),
+    jsonLd: [
+      {
+        "@context": "https://schema.org",
+        "@type": "BlogPosting",
+        headline: post.title,
+        description: post.description,
+        datePublished: post.publishedAt,
+        author: { "@type": "Organization", name: "Notestack" },
+        publisher: { "@type": "Organization", name: "Firebird Technologies" },
+      },
+      ...(faq.length ? [faqLd(faq)] : []),
+    ],
+  };
+}
+
+function renderTool(tool: ToolDef): Rendered {
+  const faq = tool.faq.map((f) => ({ q: f.question, a: f.answer }));
+  const sections = tool.sections
+    .map(
+      (s) =>
+        `<section><h2>${esc(s.heading)}</h2>${s.paragraphs.map((p) => `<p>${inline(p)}</p>`).join("")}${
+          s.bullets?.length ? `<ul>${s.bullets.map((b) => `<li>${esc(b)}</li>`).join("")}</ul>` : ""
+        }</section>`,
+    )
+    .join("");
+  const next = encodeURIComponent(`/tools/${tool.slug}`);
+  return {
+    path: `/tools/${tool.slug}`,
+    title: tool.metaTitle,
+    description: tool.description,
+    body: page(
+      `<article><p>${esc(tool.eyebrow)}</p><h1>${esc(tool.heroTitle)}</h1><p>${esc(tool.heroDescription)}</p><p><a href="/auth?mode=signup&amp;next=${next}">Sign up free to use the ${esc(
+        tool.eyebrow.toLowerCase(),
+      )}</a></p>${sections}${faqHtml(faq)}</article><nav aria-label="Related"><h2>Keep exploring</h2><ul>${tool.relatedPaths
+        .map((p) => `<li><a href="${p}">${esc(pathTitle(p))}</a></li>`)
+        .join("")}</ul></nav>`,
+    ),
+    jsonLd: [
+      {
+        "@context": "https://schema.org",
+        "@type": "SoftwareApplication",
+        name: tool.heroTitle,
+        applicationCategory: "MultimediaApplication",
+        operatingSystem: "Web",
+        description: tool.description,
+        offers: { "@type": "Offer", price: "0", priceCurrency: "USD" },
+        publisher: { "@type": "Organization", name: "Notestack" },
+      },
+      faqLd(faq),
+    ],
+  };
+}
+
+function routes(): Rendered[] {
+  const posts = [...blogPosts].sort((a, b) => b.publishedAt.localeCompare(a.publishedAt));
+  const altFaq = NOTEBOOKLM_ALT_FAQ.map((f) => ({ q: f.q, a: f.a }));
+  return [
+    {
+      path: "/",
+      title: "Notestack: your knowledge, in orbit | NotebookLM alternative for writers",
+      description:
+        "Notestack turns any blog, newsletter, site or markdown files into a grounded research notebook, audio overviews, videos and a launch kit, all in your own voice.",
+      body: page(
+        `<h1>Your knowledge, in orbit.</h1><p>Notestack turns your blog, newsletter, site or markdown files into a research notebook you can question, podcasts you can publish and launch kits for every platform. Every word traced back to what you actually wrote.</p><p><a href="/auth?mode=signup">Start free</a> or see <a href="/notebooklm-alternative">Notestack vs NotebookLM</a>.</p><h2>Free tools</h2><ul>${tools
+          .map((t) => `<li><a href="/tools/${t.slug}">${esc(t.heroTitle)}</a>: ${esc(t.description)}</li>`)
+          .join("")}</ul><h2>Field notes</h2><ul>${posts
+          .map((p) => `<li><a href="/blogs/${p.slug}">${esc(p.title)}</a></li>`)
+          .join("")}</ul>`,
+      ),
+      jsonLd: [
+        {
+          "@context": "https://schema.org",
+          "@type": "SoftwareApplication",
+          name: "Notestack",
+          applicationCategory: "BusinessApplication",
+          operatingSystem: "Web",
+          description: "The NotebookLM alternative for writers: a grounded research notebook built from your own archive.",
+          offers: { "@type": "Offer", price: "0", priceCurrency: "USD" },
+          publisher: { "@type": "Organization", name: "Firebird Technologies" },
+        },
+      ],
+    },
+    {
+      path: "/notebooklm-alternative",
+      title: NOTEBOOKLM_ALT_META.title,
+      description: NOTEBOOKLM_ALT_META.description,
+      body: page(
+        `<article><p>NotebookLM alternative</p><h1>Notestack vs NotebookLM: the NotebookLM alternative for writers</h1><p>NotebookLM is great for a pile of documents. Notestack is built for a body of work: it syncs your blog, newsletter, site or markdown, answers with citations to the exact lines you wrote, and turns your knowledge into audio, video and launch posts.</p><p><a href="/auth?mode=signup">Start free</a></p><section><h2>Notestack vs NotebookLM</h2><table><thead><tr><th></th><th>Notestack</th><th>NotebookLM</th></tr></thead><tbody>${NOTEBOOKLM_ALT_ROWS.map(
+          (r) => `<tr><th>${esc(r.feature)}</th><td>${esc(r.notestack)}</td><td>${esc(r.notebooklm)}</td></tr>`,
+        ).join("")}</tbody></table></section><section><h2>When NotebookLM is still the right call</h2><p>If you are studying someone else's documents for a one off project, want a free tool from Google, or live in Google Drive, NotebookLM is excellent. Notestack is the NotebookLM alternative when the sources are your own writing and the goal is to reuse and publish it.</p></section><section><h2>Pair it with the right publishing tool</h2><ul><li><a href="https://blog2video.app/blog-to-video">Blog2Video</a>: turn blog posts, URLs and scripts into finished videos.</li><li><a href="https://pdf2vid.com">PDF2Video</a>: turn any PDF, report, paper or deck into a narrated video.</li><li><a href="https://bloghub.app/submit-your-newsletter">BlogHub</a>: list your blog or newsletter in a free directory.</li></ul></section>${faqHtml(
+          altFaq,
+        )}<p>Comparing more tools? Read our guide to <a href="/blogs/notebooklm-alternatives">NotebookLM alternatives</a> and <a href="/blogs/notebooklm-vs-chatgpt">NotebookLM vs ChatGPT</a>.</p></article>`,
+      ),
+      jsonLd: [faqLd(altFaq)],
+    },
+    {
+      path: "/pricing",
+      title: "Pricing | Notestack",
+      description:
+        "Notestack pricing: Free ($0), Writer ($24.99 a month, $18.99 billed annually) and Studio ($48.99 a month, $36.99 billed annually). Annual billing saves 24%.",
+      body: page(
+        `<h1>Pick your trajectory</h1><ul><li><h2>Free</h2><p>$0. 1 source, first 5 posts indexed, 3 audio minutes, 1 video minute, 2 Launch Kits a month.</p></li><li><h2>Writer</h2><p>$24.99 a month ($18.99 a month billed annually). 3 sources, 500 posts, 60 audio minutes, 30 video minutes, 50 Launch Kits.</p></li><li><h2>Studio</h2><p>$48.99 a month ($36.99 a month billed annually). 10 sources, 5,000 posts, 240 audio minutes, 120 video minutes, unlimited Launch Kits.</p></li></ul><p><a href="/auth?mode=signup">Start free</a></p>`,
+      ),
+    },
+    {
+      path: "/blogs",
+      title: "Blog | Notestack",
+      description: "Field notes on research, deep writing and turning your archive into audio, video and launches.",
+      body: page(
+        `<h1>Every post is a search for an answer</h1>${posts
+          .map(
+            (p) =>
+              `<article><h2><a href="/blogs/${p.slug}">${esc(p.title)}</a></h2><p>${esc(p.description)}</p><time datetime="${p.publishedAt}">${p.publishedAt}</time></article>`,
+          )
+          .join("")}`,
+      ),
+    },
+    {
+      path: "/tools",
+      title: toolsHub.metaTitle,
+      description: toolsHub.description,
+      body: page(
+        `<h1>${esc(toolsHub.heroTitle)}</h1><p>${esc(toolsHub.heroDescription)}</p><ul>${tools
+          .map((t) => `<li><h2><a href="/tools/${t.slug}">${esc(t.heroTitle)}</a></h2><p>${esc(t.description)}</p></li>`)
+          .join("")}</ul>`,
+      ),
+    },
+    ...tools.map(renderTool),
+    ...posts.filter((p) => !p.canonicalPath).map(renderPost),
+  ];
+}
+
+/** Strips the head tags this plugin owns, so every route gets exactly one of each. */
+function sanitize(template: string) {
+  return template
+    .replace(/<title>[\s\S]*?<\/title>\s*/gi, "")
+    .replace(/<meta\s+name="description"[^>]*>\s*/gi, "")
+    .replace(/<meta\s+property="og:(title|description|url|type)"[^>]*>\s*/gi, "")
+    .replace(/<meta\s+name="twitter:(title|description)"[^>]*>\s*/gi, "")
+    .replace(/<link\s+rel="canonical"[^>]*>\s*/gi, "");
+}
+
+function head(r: Rendered, origin: string) {
+  const url = `${origin}${r.path === "/" ? "/" : r.path}`;
+  const tags = [
+    `<title>${esc(r.title)}</title>`,
+    `<meta name="description" content="${esc(r.description)}" />`,
+    `<link rel="canonical" href="${url}" />`,
+    `<meta property="og:type" content="${r.ogType ?? "website"}" />`,
+    `<meta property="og:title" content="${esc(r.title)}" />`,
+    `<meta property="og:description" content="${esc(r.description)}" />`,
+    `<meta property="og:url" content="${url}" />`,
+    `<meta name="twitter:title" content="${esc(r.title)}" />`,
+    `<meta name="twitter:description" content="${esc(r.description)}" />`,
+    ...(r.jsonLd ?? []).map((ld) => `<script type="application/ld+json">${JSON.stringify(ld).replace(/</g, "\\u003c")}</script>`),
+  ];
+  return tags.join("\n    ");
+}
+
+export function prerenderPlugin(siteUrl: string): Plugin {
+  const origin = siteUrl.replace(/\/+$/, "");
+  let config: ResolvedConfig;
+  return {
+    name: "notestack-prerender",
+    apply: "build",
+    configResolved(c) {
+      config = c;
+    },
+    async closeBundle() {
+      const outDir = path.resolve(config.root, config.build.outDir);
+      const template = sanitize(await readFile(path.join(outDir, "index.html"), "utf8"));
+      const all = routes();
+      for (const r of all) {
+        const html = template
+          .replace("</head>", `    ${head(r, origin)}\n  </head>`)
+          .replace('<div id="root"></div>', `<div id="root">${r.body}</div>`);
+        const file = r.path === "/" ? path.join(outDir, "index.html") : path.join(outDir, `${r.path.slice(1)}.html`);
+        await mkdir(path.dirname(file), { recursive: true });
+        await writeFile(file, html, "utf8");
+      }
+      // Signed in and unknown routes fall back to an app shell with no page content (see public/_redirects).
+      await writeFile(path.join(outDir, "app.html"), template.replace("</head>", `    <meta name="robots" content="noindex" />\n    <title>Notestack</title>\n  </head>`), "utf8");
+      config.logger.info(`prerendered ${all.length} public routes`);
+    },
+  };
+}

frontend/seo/sitemap.ts

@@ -1,5 +1,6 @@
 import type { Plugin } from "vite";
 import { blogPosts } from "../src/content/blogPosts";
+import { tools } from "../src/content/tools";
 
 /**
  * sitemap.xml and robots.txt, generated from src/content/blogPosts.ts on every build (and served live
@@ -13,6 +14,8 @@ const STATIC_PAGES: { path: string; priority: string; changefreq: string }[] = [
   { path: "/notebooklm-alternative", priority: "0.9", changefreq: "monthly" },
   { path: "/pricing", priority: "0.8", changefreq: "monthly" },
   { path: "/blogs", priority: "0.9", changefreq: "weekly" },
+  { path: "/tools", priority: "0.8", changefreq: "monthly" },
+  ...tools.map((t) => ({ path: `/tools/${t.slug}`, priority: "0.8", changefreq: "monthly" })),
 ];
 
 const escapeXml = (s: string) =>
@@ -106,6 +109,7 @@ differs from NotebookLM.
 - [Notestack vs NotebookLM](${base}/notebooklm-alternative): side by side comparison and FAQ
 - [Pricing](${base}/pricing): plans and limits
 - [Blog](${base}/blogs): guides on NotebookLM alternatives, AI for research and AI tools for writers
+- [Free tools](${base}/tools): ${tools.map((t) => `[${t.heroTitle}](${base}/tools/${t.slug})`).join(", ")} (free with sign in)
 
 ## Blog
 

frontend/src/App.tsx

@@ -19,6 +19,7 @@ import Settings from "./pages/Settings";
 import Sources from "./pages/Sources";
 import Studio from "./pages/Studio";
 import TopicMap from "./pages/TopicMap";
+import { ToolPage, ToolsHub } from "./pages/Tools";
 import VoiceProfile from "./pages/VoiceProfile";
 import Welcome from "./pages/Welcome";
 
@@ -43,6 +44,8 @@ export default function App() {
       <Route path="/" element={<Landing />} />
       <Route path="/pricing" element={<PricingPage />} />
       <Route path="/notebooklm-alternative" element={<NotebookLMAlternative />} />
+      <Route path="/tools" element={<ToolsHub />} />
+      <Route path="/tools/:slug" element={<ToolPage />} />
       <Route path="/blogs" element={<Blog />} />
       <Route path="/blogs/:slug" element={<BlogPostPage />} />
       <Route path="/auth" element={<AuthPage />} />

frontend/src/components/PublicChrome.tsx

@@ -1,6 +1,7 @@
 import { Link, NavLink } from "react-router-dom";
 import { useAuth } from "../hooks/useAuth";
 import { blogPosts } from "../content/blogPosts";
+import { tools } from "../content/tools";
 import Logo from "./Logo";
 
 export function PublicNav() {
@@ -14,6 +15,7 @@ export function PublicNav() {
         <nav className="nav-links" aria-label="Main">
           <NavLink to="/#features">Features</NavLink>
           <NavLink to="/pricing">Pricing</NavLink>
+          <NavLink to="/tools">Free tools</NavLink>
           <NavLink to="/blogs">Blog</NavLink>
         </nav>
         {user ? (
@@ -52,6 +54,14 @@ export function PublicFooter() {
             <Link to="/blogs">Blog</Link>
             <Link to="/auth">Sign in</Link>
           </div>
+          <div>
+            <p className="eyebrow">Free tools</p>
+            {tools.map((t) => (
+              <Link key={t.slug} to={`/tools/${t.slug}`}>
+                {t.eyebrow}
+              </Link>
+            ))}
+          </div>
           <div>
             <p className="eyebrow">From the blog</p>
             {blogPosts.slice(0, 3).map((p) => (

frontend/src/content/blogPosts.ts

@@ -46,6 +46,7 @@ export const blogPosts: BlogPost[] = [
         paragraphs: [
           "Paste your Substack URL. Pick a post or build a notebook of related posts. Choose a format: deep dive, brief or debate. Notestack writes the script, you review it, and ElevenLabs voices it.",
           "Publish the file to your podcast feed, attach it to the original post, or cut a 60 second audiogram for social.",
+          "Want to see the shape of the episode before you connect anything? Paste a post into the free [AI podcast generator](/tools/ai-podcast-generator) for a two host script, or use the [podcast script generator](/tools/podcast-script-generator) if you plan to record it yourself.",
         ],
       },
     ],

frontend/src/content/missionPosts.ts

@@ -77,6 +77,7 @@ export const missionPosts: BlogPost[] = [
       {
         heading: "For audio and video overviews",
         paragraphs: [
+          "For a quick start, the free [AI podcast generator](/tools/ai-podcast-generator) turns any post into a two host script, and [PDF to podcast](/tools/pdf-to-podcast) does the same for papers and reports.",
           "Audio overviews are the feature people miss most. Notestack makes two host audio overviews from a post or a notebook, with every line tied back to a passage, and you can pick from ElevenLabs voices or clone your own with consent.",
           "Video is where dedicated tools win. If your source is a report, paper or deck, [PDF2Video](https://pdf2vid.com) turns any PDF into a narrated video. If it is a blog post, URL or script, [Blog2Video](https://blog2video.app) turns it into a finished video without you touching an editor. Both are a better fit than a notebook when the video itself is the deliverable.",
         ],
@@ -86,7 +87,7 @@ export const missionPosts: BlogPost[] = [
         heading: "How to switch without losing your work",
         paragraphs: [
           "Export what you can first: your notes, saved answers and the list of sources. Then rebuild around the job you named at the start rather than recreating every notebook one to one.",
-          "If you are a writer, the fastest path is to connect your publication and let the archive rebuild itself. Once it is indexed, list it on [BlogHub](https://bloghub.app), a free blog and newsletter directory, so new readers can find the work you are now researching and repurposing.",
+          "If you are a writer, the fastest path is to connect your publication and let the archive rebuild itself. Once it is indexed, list it on [BlogHub](https://bloghub.app/submit-your-newsletter), a free blog and newsletter directory, so new readers can find the work you are now researching and repurposing.",
         ],
       },
     ],
@@ -173,7 +174,7 @@ export const missionPosts: BlogPost[] = [
         heading: "Stage four: share what you found",
         paragraphs: [
           "Research that stays in a document rarely gets read. Turn the dense parts into formats people actually consume. [PDF2Video](https://pdf2vid.com) turns a paper, report or slide deck into a narrated video, which is often the fastest way to brief a team or a class.",
-          "For findings you have written up as a post, [Blog2Video](https://blog2video.app) makes a video from the URL, and an audio overview gives listeners the two host version while you keep every line grounded in the source.",
+          "For findings you have written up as a post, [Blog2Video](https://blog2video.app/url-to-video) makes a video from the URL, and an audio overview gives listeners the two host version while you keep every line grounded in the source.",
         ],
       },
       {
@@ -274,7 +275,7 @@ export const missionPosts: BlogPost[] = [
         heading: "Distribution without the busywork",
         paragraphs: [
           "Deep posts deserve a long life, and that is where AI saves the most time. A Launch Kit turns one post into a thread, a LinkedIn post, Substack Notes and a carousel, written from claims the post actually makes.",
-          "Video extends the reach further: [Blog2Video](https://blog2video.app) turns a finished post into a video for YouTube or Shorts. And make sure new readers can find you at all by listing your publication on [BlogHub](https://bloghub.app), a free directory of blogs and newsletters.",
+          "Video extends the reach further: [Blog2Video](https://blog2video.app/blog-to-shorts) turns a finished post into a video for YouTube or Shorts. And make sure new readers can find you at all by listing your publication on [BlogHub](https://bloghub.app/submit-your-newsletter), a free directory of blogs and newsletters.",
         ],
       },
       {
@@ -302,7 +303,7 @@ export const missionPosts: BlogPost[] = [
       {
         question: "How do I grow readers for a newsletter?",
         answer:
-          "Repurpose each post into formats people discover on other platforms, and list your publication on [BlogHub](https://bloghub.app) so readers browsing for new blogs and newsletters can find it.",
+          "Repurpose each post into formats people discover on other platforms, and list your publication on [BlogHub](https://bloghub.app/submit-your-newsletter) so readers browsing for new blogs and newsletters can find it. For more places to share your work, see this list of [article submission sites](https://bloghub.app/blogs/article-submission-sites).",
       },
       {
         question: "Can AI turn my blog posts into videos?",
@@ -348,7 +349,7 @@ export const missionPosts: BlogPost[] = [
         heading: "Where ChatGPT wins",
         paragraphs: [
           "ChatGPT is the better thinking partner when you do not have sources yet. It explains unfamiliar concepts, suggests angles, drafts outlines and argues the other side.",
-          "Use it early and loosely. Anything factual that survives into your final draft should be checked against a real source.",
+          "Use it early and loosely. Anything factual that survives into your final draft should be checked against a real source. And if you are wondering whether it can go further and produce media, here is the honest answer to [can ChatGPT make videos](https://blog2video.app/blogs/can-chatgpt-make-videos).",
         ],
         bullets: ["Brainstorming and outlining", "Explaining concepts you are new to", "Stress testing an argument"],
       },

frontend/src/content/notebooklmAlternative.ts

@@ -0,0 +1,79 @@
+// Copy for /notebooklm-alternative, shared by the React page and the build time prerender (seo/prerender.ts).
+
+export const NOTEBOOKLM_ALT_META = {
+  title: "Notestack vs NotebookLM: The NotebookLM Alternative for Writers | Notestack",
+  description:
+    "Notestack vs NotebookLM, side by side. Notestack is the NotebookLM alternative for writers, bloggers and newsletters: sync your archive, get answers cited to the exact line, and turn your writing into audio, video and launch posts.",
+};
+
+export const NOTEBOOKLM_ALT_ROWS: { feature: string; notestack: string; notebooklm: string }[] = [
+  {
+    feature: "Getting your writing in",
+    notestack: "Syncs any blog, newsletter or site feed (Substack, Ghost, WordPress, Medium, RSS), plus markdown, text, HTML and PDF uploads",
+    notebooklm: "Add sources one at a time: PDFs, Docs, web pages, videos",
+  },
+  {
+    feature: "Stays in sync",
+    notestack: "New posts arrive automatically on every sync",
+    notebooklm: "Re-add sources by hand when they change",
+  },
+  {
+    feature: "Citations",
+    notestack: "Exact line ranges, read back and verified before you see them",
+    notebooklm: "Passage level citations to the source",
+  },
+  {
+    feature: "When the answer is not in your sources",
+    notestack: "Says so instead of guessing; unverifiable claims are dropped",
+    notebooklm: "Grounded in sources, with passage citations",
+  },
+  {
+    feature: "Chat memory",
+    notestack: "Follow ups resolved from the conversation; off topic questions answered instantly",
+    notebooklm: "Conversation within a notebook",
+  },
+  {
+    feature: "Audio overviews",
+    notestack: "Two hosts, ElevenLabs voices, delivery controls, or your own consented voice clone",
+    notebooklm: "Two host audio overviews with Google voices",
+  },
+  {
+    feature: "Video",
+    notestack: "9:16 shorts, 16:9 explainers and 1:1 audiograms with captions and your brand",
+    notebooklm: "Video overviews",
+  },
+  {
+    feature: "Publishing",
+    notestack: "Launch Kits (threads, LinkedIn, Notes, Bluesky, SEO, carousels, quote cards) and a scheduling calendar",
+    notebooklm: "Not a publishing tool",
+  },
+  {
+    feature: "Your voice",
+    notestack: "Voice profile learned from your posts, used for every draft",
+    notebooklm: "General purpose writing",
+  },
+  {
+    feature: "Seeing your archive",
+    notestack: "Topic map with rising and dormant topics, plus evergreen resurfacing",
+    notebooklm: "Mind maps per notebook",
+  },
+];
+
+export const NOTEBOOKLM_ALT_FAQ = [
+  {
+    q: "What is the best NotebookLM alternative?",
+    a: "For writers, bloggers and newsletters, Notestack is the ultimate NotebookLM alternative: it syncs your whole archive, cites the exact lines behind every answer, and turns what you wrote into audio, video and launch posts. For academic papers, discovery tools like Elicit or Consensus pair well with it.",
+  },
+  {
+    q: "Is Notestack free?",
+    a: "Yes, there is a free plan to try it on your latest posts. Paid plans add more sources, more posts, more audio and video minutes and voice cloning.",
+  },
+  {
+    q: "Can Notestack make NotebookLM style audio overviews?",
+    a: "Yes. It writes a two host conversation grounded in your posts and voices it with ElevenLabs, with every line tied to the passage it came from. You can choose the voices or clone your own with consent.",
+  },
+  {
+    q: "What if my writing is not on Substack?",
+    a: "Notestack works with any blog, newsletter or site that has a feed, single article URLs, and uploaded markdown, text, HTML or PDF files.",
+  },
+];

frontend/src/content/tools.ts

@@ -0,0 +1,225 @@
+// Free tools at /tools/<slug>. Copy is shared by the React page and the build time prerender (seo/prerender.ts).
+// Every tool widget requires sign in; the copy below stays public so the page can rank.
+// Volumes are US Google Ads, Sep 2026. No em dashes (npm run check:copy).
+
+export type ToolSection = { heading: string; paragraphs: string[]; bullets?: string[] };
+
+export type ToolDef = {
+  slug: string;
+  /** <title> and meta description. */
+  metaTitle: string;
+  description: string;
+  eyebrow: string;
+  heroTitle: string;
+  heroDescription: string;
+  primaryKeyword: string;
+  /** What the widget asks for. */
+  inputLabel: string;
+  inputPlaceholder: string;
+  /** Optional line under the input (inline [text](url) links allowed). */
+  inputHint?: string;
+  sections: ToolSection[];
+  faq: { question: string; answer: string }[];
+  relatedPaths: string[];
+};
+
+export const toolsHub = {
+  path: "/tools",
+  metaTitle: "Free AI Podcast Tools for Writers | Notestack",
+  description:
+    "Free tools that turn your writing into podcasts: an AI podcast generator, a PDF to podcast converter and a two host podcast script generator.",
+  heroTitle: "Free tools for turning writing into audio",
+  heroDescription:
+    "Every tool works on words you already wrote. Sign in free, paste a post or a PDF's text, and get a two host script you can voice in Notestack.",
+};
+
+export const tools: ToolDef[] = [
+  {
+    slug: "ai-podcast-generator",
+    metaTitle: "Free AI Podcast Generator: Turn Any Post Into a Two Host Show | Notestack",
+    description:
+      "Free AI podcast generator for writers. Paste a blog post or newsletter and get a two host podcast script grounded in your words, then voice it as a full audio overview in Notestack.",
+    eyebrow: "AI podcast generator",
+    heroTitle: "AI podcast generator for writers",
+    heroDescription:
+      "Paste a blog post, newsletter or article and get a two host podcast script built only from what you wrote. Voice it as a finished audio overview in one click.",
+    primaryKeyword: "ai podcast generator",
+    inputLabel: "Paste your post",
+    inputPlaceholder: "Paste a blog post, newsletter issue or article. The script is built only from this text.",
+    sections: [
+      {
+        heading: "How the AI podcast generator works",
+        paragraphs: [
+          "Most AI podcast generators write a new show and hope it matches your ideas. This one starts from your text. It picks the sentences that carry your argument, then stages them as a conversation between two hosts: one who guides, one who asks the questions a listener would ask.",
+          "Because every host line comes from a passage you wrote, nothing is invented. In the full Notestack app each line keeps a citation back to the exact source lines, so you can check the show before anyone hears it.",
+        ],
+      },
+      {
+        heading: "From script to finished episode",
+        paragraphs: [
+          "The free tool gives you the script. To hear it, connect your blog or newsletter to Notestack and generate an audio overview: two natural voices, delivery controls, and optional consented voice cloning so one host can sound like you. The free plan includes audio minutes to try it.",
+          "Want a video instead of audio? [Blog2Video](https://blog2video.app/blog-to-video) turns the same post into a narrated video, and [PDF2Video](https://pdf2vid.com) does the same for reports and papers.",
+        ],
+        bullets: [
+          "Two hosts, grounded in your own post",
+          "Runtime estimate before you record anything",
+          "Copy or download the script as text",
+          "Voice it in Notestack with two host audio overviews",
+        ],
+      },
+      {
+        heading: "Why writers use a podcast generator",
+        paragraphs: [
+          "A post that took a week to write gets read once. A two host episode of the same post reaches people on walks, commutes and at the gym, and it keeps your archive working long after publish day. It is the fastest way to add audio to a newsletter without booking a guest or sitting at a microphone.",
+          "If you are comparing tools, our guide to the [best NotebookLM alternatives](/blogs/notebooklm-alternatives) covers the other audio overview options, and [Notestack vs NotebookLM](/notebooklm-alternative) explains the difference side by side.",
+        ],
+      },
+    ],
+    faq: [
+      {
+        question: "Is the AI podcast generator free?",
+        answer:
+          "Yes. Sign in with a free Notestack account and generate as many scripts as you like. Turning a script into audio uses the audio minutes included in every plan, free plan included.",
+      },
+      {
+        question: "Does it make up content?",
+        answer:
+          "No. The script is assembled only from sentences in the text you paste. The hosts reframe and question your points, but the substance is always yours.",
+      },
+      {
+        question: "How is this different from NotebookLM audio overviews?",
+        answer:
+          "NotebookLM works on sources you upload one at a time. Notestack syncs your whole blog or newsletter, keeps citations to the exact lines, and can voice one host in your own cloned voice with consent.",
+      },
+      {
+        question: "How long will my episode be?",
+        answer:
+          "The tool estimates runtime at about 150 spoken words per minute. A 1,500 word post usually becomes a six to nine minute episode.",
+      },
+    ],
+    relatedPaths: ["/tools/pdf-to-podcast", "/tools/podcast-script-generator", "/blogs/turn-substack-archive-into-podcast", "/notebooklm-alternative"],
+  },
+  {
+    slug: "pdf-to-podcast",
+    metaTitle: "PDF to Podcast: Turn Any PDF Into a Two Host Podcast Free | Notestack",
+    description:
+      "Turn a PDF, research paper or report into a two host podcast. Paste the PDF's text or upload the file to Notestack, and get an audio overview grounded in the document.",
+    eyebrow: "PDF to podcast",
+    heroTitle: "Turn any PDF into a podcast",
+    heroDescription:
+      "Research papers, reports, ebooks and slide decks become a two host conversation you can listen to. Every line stays tied to the page it came from.",
+    primaryKeyword: "pdf to podcast",
+    inputLabel: "Paste the text from your PDF",
+    inputPlaceholder: "Paste the text of your PDF here. The script is built only from this text.",
+    inputHint:
+      "Need the text first? Pull it out with the free [PDF to text tool](https://pdf2vid.com/tools/pdf-to-text), or upload the PDF straight into a Notestack notebook.",
+    sections: [
+      {
+        heading: "How PDF to podcast works",
+        paragraphs: [
+          "Paste the text from your PDF and the tool pulls out the sentences that carry the document: the claim, the evidence and the conclusion. It stages them as a two host conversation, with one host explaining and the other asking what a listener would ask.",
+          "In the Notestack app you can skip the copy and paste. Upload the PDF into a notebook and generate a full audio overview, with every host line cited to the page and lines it came from.",
+        ],
+      },
+      {
+        heading: "Which PDFs make the best podcasts",
+        paragraphs: [
+          "Documents with an argument work best: research papers, white papers, annual reports, long reads and ebook chapters. Pure reference material such as manuals or spreadsheets makes a thinner show.",
+        ],
+        bullets: [
+          "Research papers: the hosts walk through the question, method and finding",
+          "Reports: turn the executive summary into a ten minute briefing",
+          "Ebooks: one episode per chapter becomes a series",
+          "Slide decks: the narration fills in what the slides leave out",
+        ],
+      },
+      {
+        heading: "Podcast or video?",
+        paragraphs: [
+          "Audio suits people who listen on the move. If your audience watches instead, [PDF2Video](https://pdf2vid.com) turns the same PDF into a narrated video with slides, and its [PDF to audio](https://pdf2vid.com/tools/pdf-to-audio) tool reads a document aloud word for word. A podcast is different: two hosts talk the ideas through.",
+          "Researching across many PDFs? Read our guide to the [best AI for research](/blogs/best-ai-for-research).",
+        ],
+      },
+    ],
+    faq: [
+      {
+        question: "Can I turn a PDF into a podcast for free?",
+        answer:
+          "Yes. Sign in free, paste the PDF's text and get a two host script. Voicing it in Notestack uses the audio minutes included in the free plan.",
+      },
+      {
+        question: "Does it work with scanned PDFs?",
+        answer:
+          "The tool needs selectable text. If your PDF is a scan, run it through OCR first, then paste the text.",
+      },
+      {
+        question: "Is PDF to podcast the same as PDF to audio?",
+        answer:
+          "No. PDF to audio reads the document aloud. PDF to podcast turns it into a conversation between two hosts who explain and question the ideas, which is easier to follow for long or technical documents.",
+      },
+    ],
+    relatedPaths: ["/tools/ai-podcast-generator", "/tools/podcast-script-generator", "/blogs/best-ai-for-research", "/notebooklm-alternative"],
+  },
+  {
+    slug: "podcast-script-generator",
+    metaTitle: "Free Podcast Script Generator: Two Host Scripts From Your Writing | Notestack",
+    description:
+      "Free podcast script generator. Paste your notes, post or article and get a formatted two host podcast script with an intro, segments, questions and an outro, built only from your words.",
+    eyebrow: "Podcast script generator",
+    heroTitle: "Podcast script generator",
+    heroDescription:
+      "Turn notes, a post or an article into a ready to record two host script: cold open, segments, the questions your listeners would ask, and a clean outro.",
+    primaryKeyword: "podcast script generator",
+    inputLabel: "Paste your notes or post",
+    inputPlaceholder: "Paste notes, an outline or a full post. The script is built only from this text.",
+    sections: [
+      {
+        heading: "What you get",
+        paragraphs: [
+          "A script in the standard two host format: a cold open that states the big idea, segments built from your key points, host questions that set up each point, and an outro that lands the takeaway. Each line is labelled with its speaker so you can record straight from it.",
+        ],
+        bullets: [
+          "Speaker labelled lines for Host A and Host B",
+          "Segments ordered the way your text builds its argument",
+          "Estimated runtime at a natural speaking pace",
+          "Plain text you can copy into any teleprompter or doc",
+        ],
+      },
+      {
+        heading: "Record it, or let Notestack voice it",
+        paragraphs: [
+          "Record the script yourself with a co host, or generate a voiced audio overview in Notestack with two natural voices. Writers who publish every week connect their newsletter once, and every new post can become an episode.",
+          "Turning a whole back catalog into a show? Read [how to turn your Substack archive into a podcast](/blogs/turn-substack-archive-into-podcast).",
+        ],
+      },
+      {
+        heading: "Tips for a better script",
+        paragraphs: ["The generator follows your text, so the clearer the source, the better the show."],
+        bullets: [
+          "Paste the full post, not a summary: the hosts need your specifics",
+          "Keep one idea per paragraph so segments split cleanly",
+          "Edit the questions to sound like your real audience",
+          "Aim for 800 to 2,000 words for a five to fifteen minute episode",
+        ],
+      },
+    ],
+    faq: [
+      {
+        question: "Is the podcast script generator free?",
+        answer: "Yes. It is free with a Notestack account. Sign in and generate as many scripts as you need.",
+      },
+      {
+        question: "Can I use the script commercially?",
+        answer: "Yes. The script is built from your own text, so it is yours to record, publish and monetize.",
+      },
+      {
+        question: "Does it support one host shows?",
+        answer:
+          "The generator writes for two hosts, the format that keeps long ideas easy to follow. For a solo show, read Host A's lines and turn Host B's questions into your own transitions.",
+      },
+    ],
+    relatedPaths: ["/tools/ai-podcast-generator", "/tools/pdf-to-podcast", "/blogs/substack-launch-kit", "/blogs/ai-tools-for-writers"],
+  },
+];
+
+export const getTool = (slug: string) => tools.find((t) => t.slug === slug);

frontend/src/lib/podcastScript.ts

@@ -0,0 +1,85 @@
+// Builds a two host podcast script from pasted text, entirely in the browser. Every substantive line is a sentence
+// from the source; the hosts only add framing and questions around it, so nothing is invented.
+
+export type ScriptLine = { host: "A" | "B"; text: string };
+export type PodcastScript = { lines: ScriptLine[]; words: number; minutes: number; sourceSentences: number };
+
+const WORDS_PER_MINUTE = 150;
+
+const STOP = new Set(
+  "a an and are as at be but by for from has have he her his i if in into is it its of on or our she so than that the their them then there these they this to was we were what when which who will with you your not can do does did just also more most very about over out up".split(
+    " ",
+  ),
+);
+
+const QUESTIONS = [
+  "So where does it start?",
+  "Okay, and why does that matter?",
+  "What is the part people usually miss?",
+  "Can you make that concrete?",
+  "So what changes because of that?",
+  "Is there a catch?",
+  "How does that play out in practice?",
+  "And where does that leave us?",
+];
+
+const words = (s: string) => s.trim().split(/\s+/).filter(Boolean);
+
+function sentences(text: string): string[] {
+  return text
+    .replace(/\r/g, "")
+    .split(/\n{2,}|(?<=[.!?])\s+(?=[A-Z0-9"'(])/)
+    .map((s) => s.replace(/\s+/g, " ").trim())
+    .filter((s) => {
+      const n = words(s).length;
+      return n >= 6 && n <= 60 && /[a-z]/i.test(s);
+    });
+}
+
+/** Scores sentences by how many of the text's recurring terms they carry, with a small lead bias. */
+function pickPoints(all: string[]): string[] {
+  const freq = new Map<string, number>();
+  for (const s of all)
+    for (const w of words(s.toLowerCase().replace(/[^a-z0-9\s]/g, " ")))
+      if (w.length > 3 && !STOP.has(w)) freq.set(w, (freq.get(w) ?? 0) + 1);
+  const scored = all.map((s, i) => {
+    const terms = words(s.toLowerCase().replace(/[^a-z0-9\s]/g, " ")).filter((w) => freq.has(w));
+    const score = terms.reduce((sum, w) => sum + Math.min(freq.get(w) ?? 0, 5), 0) / Math.sqrt(words(s).length);
+    return { s, i, score: score + (i === 0 ? 2 : 0) + (i === all.length - 1 ? 1 : 0) };
+  });
+  return scored
+    .sort((a, b) => b.score - a.score)
+    // Roughly one point per three source sentences, so longer posts make longer episodes.
+    .slice(0, Math.min(16, Math.max(5, Math.round(all.length / 3))))
+    .sort((a, b) => a.i - b.i)
+    .map((x) => x.s);
+}
+
+export function buildPodcastScript(text: string): PodcastScript | null {
+  const all = sentences(text);
+  if (all.length < 3) return null;
+  const points = pickPoints(all);
+  const [opening, ...body] = points;
+  const closing = body.length > 2 ? body.pop()! : undefined;
+
+  const lines: ScriptLine[] = [
+    { host: "A", text: "Welcome back. Today we are walking through one piece of writing, and staying close to what it actually says." },
+    { host: "B", text: "Good, because I want the argument, not a summary. What is the big idea?" },
+    { host: "A", text: opening },
+  ];
+  body.forEach((point, i) => {
+    lines.push({ host: "B", text: QUESTIONS[i % QUESTIONS.length] });
+    lines.push({ host: "A", text: point });
+  });
+  if (closing) {
+    lines.push({ host: "B", text: "If someone remembers one thing from this, what should it be?" });
+    lines.push({ host: "A", text: closing });
+  }
+  lines.push({ host: "B", text: "That is the episode. The full piece goes deeper, so read it if this landed for you." });
+
+  const count = lines.reduce((n, l) => n + words(l.text).length, 0);
+  return { lines, words: count, minutes: count / WORDS_PER_MINUTE, sourceSentences: all.length };
+}
+
+export const scriptToText = (script: PodcastScript) =>
+  script.lines.map((l) => `HOST ${l.host}: ${l.text}`).join("\n\n");

frontend/src/pages/AuthCallback.tsx

@@ -24,7 +24,7 @@ export default function AuthCallback() {
       .redeemTicket(ticket)
       .then((result) => {
         complete(result);
-        navigate(result.created ? "/welcome" : next, { replace: true });
+        navigate(result.created && !next.startsWith("/tools/") ? "/welcome" : next, { replace: true });
       })
       .catch(() => {
         const error = new URLSearchParams({ error: "Google sign in expired. Try again." });

frontend/src/pages/AuthPage.tsx

@@ -85,7 +85,8 @@ export default function AuthPage() {
   const next = safeNext(params.get("next"));
 
   useEffect(() => {
-    if (user) navigate(isNew ? "/welcome" : next, { replace: true });
+    // New accounts get onboarding, except people who signed up to use a free tool: send them straight back to it.
+    if (user) navigate(isNew && !next.startsWith("/tools/") ? "/welcome" : next, { replace: true });
   }, [user, navigate, next, isNew]);
 
   useEffect(() => {

frontend/src/pages/Blog.tsx

@@ -45,7 +45,7 @@ const missionOf = (post: BlogPost): Mission =>
 const INLINE = /(\[[^\]]+\]\([^)\s]+\))|(\*\*[^*]+\*\*)/g;
 
 /** Inline [text](url) links and **bold** inside post copy. External links open in a new tab and stay followed. */
-function Inline({ text }: { text: string }) {
+export function Inline({ text }: { text: string }) {
   const out: ReactNode[] = [];
   let last = 0;
   let i = 0;

frontend/src/pages/NotebookLMAlternative.tsx

@@ -3,86 +3,13 @@ import SkyCanvas from "../components/SkyCanvas";
 import { PublicFooter, PublicNav } from "../components/PublicChrome";
 import { useMeta } from "./Blog";
 import "../styles/blog.css";
+import { NOTEBOOKLM_ALT_FAQ as FAQ, NOTEBOOKLM_ALT_META, NOTEBOOKLM_ALT_ROWS as ROWS } from "../content/notebooklmAlternative";
 
-/** SEO landing page: "notebooklm alternative" (590 searches/mo in the US, keyword difficulty 0, Sep 2026). */
-
-const ROWS: { feature: string; notestack: string; notebooklm: string }[] = [
-  {
-    feature: "Getting your writing in",
-    notestack: "Syncs any blog, newsletter or site feed (Substack, Ghost, WordPress, Medium, RSS), plus markdown, text, HTML and PDF uploads",
-    notebooklm: "Add sources one at a time: PDFs, Docs, web pages, videos",
-  },
-  {
-    feature: "Stays in sync",
-    notestack: "New posts arrive automatically on every sync",
-    notebooklm: "Re-add sources by hand when they change",
-  },
-  {
-    feature: "Citations",
-    notestack: "Exact line ranges, read back and verified before you see them",
-    notebooklm: "Passage level citations to the source",
-  },
-  {
-    feature: "When the answer is not in your sources",
-    notestack: "Says so instead of guessing; unverifiable claims are dropped",
-    notebooklm: "Grounded in sources, with passage citations",
-  },
-  {
-    feature: "Chat memory",
-    notestack: "Follow ups resolved from the conversation; off topic questions answered instantly",
-    notebooklm: "Conversation within a notebook",
-  },
-  {
-    feature: "Audio overviews",
-    notestack: "Two hosts, ElevenLabs voices, delivery controls, or your own consented voice clone",
-    notebooklm: "Two host audio overviews with Google voices",
-  },
-  {
-    feature: "Video",
-    notestack: "9:16 shorts, 16:9 explainers and 1:1 audiograms with captions and your brand",
-    notebooklm: "Video overviews",
-  },
-  {
-    feature: "Publishing",
-    notestack: "Launch Kits (threads, LinkedIn, Notes, Bluesky, SEO, carousels, quote cards) and a scheduling calendar",
-    notebooklm: "Not a publishing tool",
-  },
-  {
-    feature: "Your voice",
-    notestack: "Voice profile learned from your posts, used for every draft",
-    notebooklm: "General purpose writing",
-  },
-  {
-    feature: "Seeing your archive",
-    notestack: "Topic map with rising and dormant topics, plus evergreen resurfacing",
-    notebooklm: "Mind maps per notebook",
-  },
-];
-
-const FAQ = [
-  {
-    q: "What is the best NotebookLM alternative?",
-    a: "For writers, bloggers and newsletters, Notestack is the ultimate NotebookLM alternative: it syncs your whole archive, cites the exact lines behind every answer, and turns what you wrote into audio, video and launch posts. For academic papers, discovery tools like Elicit or Consensus pair well with it.",
-  },
-  {
-    q: "Is Notestack free?",
-    a: "Yes, there is a free plan to try it on your latest posts. Paid plans add more sources, more posts, more audio and video minutes and voice cloning.",
-  },
-  {
-    q: "Can Notestack make NotebookLM style audio overviews?",
-    a: "Yes. It writes a two host conversation grounded in your posts and voices it with ElevenLabs, with every line tied to the passage it came from. You can choose the voices or clone your own with consent.",
-  },
-  {
-    q: "What if my writing is not on Substack?",
-    a: "Notestack works with any blog, newsletter or site that has a feed, single article URLs, and uploaded markdown, text, HTML or PDF files.",
-  },
-];
+/** Comparison landing page: "Notestack vs NotebookLM". The /blogs/notebooklm-alternatives listicle owns the plural
+ * "notebooklm alternatives" query (590/mo US, KD 0, Sep 2026) and links here, so the two do not compete. */
 
 export default function NotebookLMAlternative() {
-  useMeta(
-    "The Ultimate NotebookLM Alternative for Writers | Notestack",
-    "Notestack is the ultimate NotebookLM alternative for writers, bloggers and newsletters: sync your archive, get answers cited to the exact line, and turn your writing into audio, video and launch posts.",
-  );
+  useMeta(NOTEBOOKLM_ALT_META.title, NOTEBOOKLM_ALT_META.description);
   const faqLd = {
     "@context": "https://schema.org",
     "@type": "FAQPage",
@@ -112,7 +39,7 @@ export default function NotebookLMAlternative() {
             <span className="mono tx-label">Incoming query</span>
             <p className="tx-query">Is there a NotebookLM built for my own writing?</p>
           </div>
-          <h1 className="post-title">The ultimate NotebookLM alternative for writers</h1>
+          <h1 className="post-title">Notestack vs NotebookLM: the NotebookLM alternative for writers</h1>
           <p className="post-lede muted">
             NotebookLM is great for a pile of documents. Notestack is built for a body of work: it syncs your blog, newsletter, site or
             markdown, answers with citations to the exact lines you wrote, and turns your knowledge into audio, video and launch posts.

frontend/src/pages/Tools.tsx

@@ -0,0 +1,222 @@
+import { useMemo, useState } from "react";
+import { Link, useParams } from "react-router-dom";
+import SkyCanvas from "../components/SkyCanvas";
+import { PublicFooter, PublicNav } from "../components/PublicChrome";
+import { getTool, tools, toolsHub, type ToolDef } from "../content/tools";
+import { useAuth } from "../hooks/useAuth";
+import { buildPodcastScript, scriptToText } from "../lib/podcastScript";
+import { Inline, useMeta } from "./Blog";
+import "../styles/blog.css";
+import "../styles/tools.css";
+
+const pathTitle = (path: string) => {
+  const tool = tools.find((t) => `/tools/${t.slug}` === path);
+  if (tool) return tool.heroTitle;
+  if (path === "/notebooklm-alternative") return "Notestack vs NotebookLM";
+  return path.replace(/^\/blogs\//, "").replace(/-/g, " ").replace(/^./, (c) => c.toUpperCase());
+};
+
+export function ToolsHub() {
+  useMeta(toolsHub.metaTitle, toolsHub.description);
+  return (
+    <div className="page">
+      <SkyCanvas intensity={0.7} travel />
+      <PublicNav />
+      <main className="container post mission alt-page">
+        <header className="mission-head">
+          <p className="eyebrow">Free tools</p>
+          <h1 className="post-title">{toolsHub.heroTitle}</h1>
+          <p className="post-lede muted">{toolsHub.heroDescription}</p>
+        </header>
+        <div className="alt-grid">
+          {tools.map((t) => (
+            <Link key={t.slug} to={`/tools/${t.slug}`} className="card alt-sister">
+              <h2 className="tool-card-title">{t.heroTitle}</h2>
+              <p className="muted">{t.description}</p>
+            </Link>
+          ))}
+        </div>
+      </main>
+      <PublicFooter />
+    </div>
+  );
+}
+
+/** Every free tool requires sign in: signed out visitors see the pitch and a sign in link that returns them here. */
+function SignInGate({ tool }: { tool: ToolDef }) {
+  const next = encodeURIComponent(`/tools/${tool.slug}`);
+  return (
+    <div className="card tool-gate">
+      <h2>Sign in to use the {tool.eyebrow.toLowerCase()}</h2>
+      <p className="muted">It is free. Create an account in seconds and come straight back to this tool.</p>
+      <div className="alt-ctas">
+        <Link to={`/auth?mode=signup&next=${next}`} className="btn btn-primary">
+          Sign up free
+        </Link>
+        <Link to={`/auth?next=${next}`} className="btn">
+          Sign in
+        </Link>
+      </div>
+    </div>
+  );
+}
+
+function PodcastScriptWidget({ tool }: { tool: ToolDef }) {
+  const [text, setText] = useState("");
+  const [copied, setCopied] = useState(false);
+  const script = useMemo(() => buildPodcastScript(text), [text]);
+  const inputWords = text.trim() ? text.trim().split(/\s+/).length : 0;
+
+  const copy = async () => {
+    if (!script) return;
+    await navigator.clipboard.writeText(scriptToText(script));
+    setCopied(true);
+    setTimeout(() => setCopied(false), 1500);
+  };
+  const download = () => {
+    if (!script) return;
+    const url = URL.createObjectURL(new Blob([scriptToText(script)], { type: "text/plain" }));
+    const a = document.createElement("a");
+    a.href = url;
+    a.download = `${tool.slug}-script.txt`;
+    a.click();
+    URL.revokeObjectURL(url);
+  };
+
+  return (
+    <div className="tool-widget">
+      <label className="field">
+        <span>
+          {tool.inputLabel} <span className="muted mono small">{inputWords} words</span>
+        </span>
+        <textarea
+          className="input tool-input"
+          value={text}
+          onChange={(e) => setText(e.target.value)}
+          placeholder={tool.inputPlaceholder}
+          rows={10}
+        />
+      </label>
+      {tool.inputHint && (
+        <p className="muted small">
+          <Inline text={tool.inputHint} />
+        </p>
+      )}
+      {text.trim() && !script && <p className="muted">Paste a little more: the script needs at least three full sentences.</p>}
+      {script && (
+        <div className="card tool-output">
+          <div className="tool-output-head">
+            <span className="mono small muted">
+              {script.lines.length} lines · about {Math.max(1, Math.round(script.minutes))} min · built from {script.sourceSentences} of your
+              sentences
+            </span>
+            <span className="tool-actions">
+              <button type="button" className="btn" onClick={copy}>
+                {copied ? "Copied" : "Copy"}
+              </button>
+              <button type="button" className="btn" onClick={download}>
+                Download
+              </button>
+            </span>
+          </div>
+          <ol className="tool-script">
+            {script.lines.map((l, i) => (
+              <li key={i} className={`host-${l.host}`}>
+                <span className="mono host-label">Host {l.host}</span>
+                <p>{l.text}</p>
+              </li>
+            ))}
+          </ol>
+          <div className="tool-next">
+            <p className="muted">Hear it with two natural voices, grounded in your whole archive.</p>
+            <Link to="/app/studio" className="btn btn-primary">
+              Voice it in Studio
+            </Link>
+          </div>
+        </div>
+      )}
+    </div>
+  );
+}
+
+export function ToolPage() {
+  const { slug = "" } = useParams();
+  const tool = getTool(slug);
+  const { user, loading } = useAuth();
+  useMeta(tool?.metaTitle ?? "Not found | Notestack", tool?.description ?? "");
+
+  if (!tool) {
+    return (
+      <div className="page">
+        <PublicNav />
+        <main className="container section">
+          <h1 className="section-title">Tool not found</h1>
+          <Link to="/tools">See all free tools</Link>
+        </main>
+      </div>
+    );
+  }
+
+  const faqLd = {
+    "@context": "https://schema.org",
+    "@type": "FAQPage",
+    mainEntity: tool.faq.map((f) => ({ "@type": "Question", name: f.question, acceptedAnswer: { "@type": "Answer", text: f.answer } })),
+  };
+
+  return (
+    <div className="page">
+      <SkyCanvas intensity={0.7} travel />
+      <PublicNav />
+      <main className="container post mission alt-page">
+        <script type="application/ld+json">{JSON.stringify(faqLd)}</script>
+        <header className="mission-head">
+          <p className="eyebrow">{tool.eyebrow}</p>
+          <h1 className="post-title">{tool.heroTitle}</h1>
+          <p className="post-lede muted">{tool.heroDescription}</p>
+        </header>
+
+        <section className="alt-section">{loading ? null : user ? <PodcastScriptWidget tool={tool} /> : <SignInGate tool={tool} />}</section>
+
+        {tool.sections.map((s) => (
+          <section key={s.heading} className="alt-section">
+            <h2>{s.heading}</h2>
+            {s.paragraphs.map((p, i) => (
+              <p key={i} className="muted">
+                <Inline text={p} />
+              </p>
+            ))}
+            {s.bullets && (
+              <ul>
+                {s.bullets.map((b) => (
+                  <li key={b}>{b}</li>
+                ))}
+              </ul>
+            )}
+          </section>
+        ))}
+
+        <section className="alt-section debrief">
+          <h2>Questions</h2>
+          {tool.faq.map((f) => (
+            <details key={f.question} className="faq">
+              <summary>{f.question}</summary>
+              <p className="muted">{f.answer}</p>
+            </details>
+          ))}
+        </section>
+
+        <nav className="alt-section" aria-label="Related">
+          <h2>Keep exploring</h2>
+          <ul>
+            {tool.relatedPaths.map((p) => (
+              <li key={p}>
+                <Link to={p}>{pathTitle(p)}</Link>
+              </li>
+            ))}
+          </ul>
+        </nav>
+      </main>
+      <PublicFooter />
+    </div>
+  );
+}

frontend/src/styles/tools.css

@@ -0,0 +1,93 @@
+/* Free tools (/tools/*). Builds on blog.css (.alt-page, .alt-section, .alt-grid). */
+
+.tool-card-title {
+  font-size: 1.15rem;
+  margin: 0 0 0.5rem;
+}
+
+.tool-gate {
+  text-align: center;
+  padding: 2rem 1.5rem;
+}
+
+.tool-gate h2 {
+  margin-top: 0;
+}
+
+.tool-gate .alt-ctas {
+  justify-content: center;
+}
+
+.tool-widget {
+  display: grid;
+  gap: 1rem;
+}
+
+.tool-input {
+  width: 100%;
+  min-height: 14rem;
+  resize: vertical;
+  font: inherit;
+  line-height: 1.6;
+}
+
+.tool-output {
+  display: grid;
+  gap: 1rem;
+}
+
+.tool-output-head {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.75rem;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.tool-actions {
+  display: flex;
+  gap: 0.5rem;
+}
+
+.tool-script {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: grid;
+  gap: 0.85rem;
+}
+
+.tool-script li {
+  display: grid;
+  grid-template-columns: 5.5rem 1fr;
+  gap: 0.75rem;
+}
+
+.tool-script p {
+  margin: 0;
+}
+
+.tool-script .host-B p {
+  opacity: 0.8;
+}
+
+.host-label {
+  font-size: 0.75rem;
+  opacity: 0.7;
+  padding-top: 0.2rem;
+}
+
+.tool-next {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 1rem;
+  align-items: center;
+  justify-content: space-between;
+}
+
+@media (max-width: 560px) {
+  .tool-script li {
+    grid-template-columns: 1fr;
+    gap: 0.2rem;
+  }
+}

frontend/tsconfig.tsbuildinfo

@@ -1 +1 @@
-{"root":["./src/app.tsx","./src/main.tsx","./src/api/auth.ts","./src/api/client.ts","./src/api/endpoints.ts","./src/api/stream.ts","./src/api/types.ts","./src/components/appshell.tsx","./src/components/artifactcard.tsx","./src/components/docpicker.tsx","./src/components/featureshowcase.tsx","./src/components/logo.tsx","./src/components/markdown.tsx","./src/components/nudges.tsx","./src/components/pricingtiers.tsx","./src/components/publicchrome.tsx","./src/components/reader.tsx","./src/components/schedulemodal.tsx","./src/components/skycanvas.tsx","./src/components/upgrademodal.tsx","./src/components/ui.tsx","./src/components/icons/icons.tsx","./src/content/blogposts.ts","./src/content/missionposts.ts","./src/content/seotypes.ts","./src/hooks/useauth.tsx","./src/hooks/usejob.ts","./src/hooks/useupgrade.tsx","./src/lib/highlight.tsx","./src/lib/sound.ts","./src/pages/archive.tsx","./src/pages/authcallback.tsx","./src/pages/authpage.tsx","./src/pages/blog.tsx","./src/pages/landing.tsx","./src/pages/launchkit.tsx","./src/pages/launchpad.tsx","./src/pages/missioncontrol.tsx","./src/pages/notebooklmalternative.tsx","./src/pages/notebookview.tsx","./src/pages/notebooks.tsx","./src/pages/resurface.tsx","./src/pages/settings.tsx","./src/pages/sources.tsx","./src/pages/studio.tsx","./src/pages/topicmap.tsx","./src/pages/voiceprofile.tsx","./src/pages/welcome.tsx"],"version":"5.6.3"}
+{"root":["./src/app.tsx","./src/main.tsx","./src/api/auth.ts","./src/api/client.ts","./src/api/endpoints.ts","./src/api/stream.ts","./src/api/types.ts","./src/components/appshell.tsx","./src/components/artifactcard.tsx","./src/components/docpicker.tsx","./src/components/featureshowcase.tsx","./src/components/logo.tsx","./src/components/markdown.tsx","./src/components/nudges.tsx","./src/components/pricingtiers.tsx","./src/components/publicchrome.tsx","./src/components/reader.tsx","./src/components/schedulemodal.tsx","./src/components/skycanvas.tsx","./src/components/upgrademodal.tsx","./src/components/ui.tsx","./src/components/icons/icons.tsx","./src/content/blogposts.ts","./src/content/missionposts.ts","./src/content/notebooklmalternative.ts","./src/content/seotypes.ts","./src/content/tools.ts","./src/hooks/useauth.tsx","./src/hooks/usejob.ts","./src/hooks/useupgrade.tsx","./src/lib/highlight.tsx","./src/lib/podcastscript.ts","./src/lib/sound.ts","./src/pages/archive.tsx","./src/pages/authcallback.tsx","./src/pages/authpage.tsx","./src/pages/blog.tsx","./src/pages/landing.tsx","./src/pages/launchkit.tsx","./src/pages/launchpad.tsx","./src/pages/missioncontrol.tsx","./src/pages/notebooklmalternative.tsx","./src/pages/notebookview.tsx","./src/pages/notebooks.tsx","./src/pages/resurface.tsx","./src/pages/settings.tsx","./src/pages/sources.tsx","./src/pages/studio.tsx","./src/pages/tools.tsx","./src/pages/topicmap.tsx","./src/pages/voiceprofile.tsx","./src/pages/welcome.tsx"],"version":"5.6.3"}

frontend/vite.config.ts

@@ -1,5 +1,6 @@
 import { defineConfig } from "vite";
 import react from "@vitejs/plugin-react";
+import { prerenderPlugin } from "./seo/prerender";
 import { sitemapPlugin } from "./seo/sitemap";
 
 // Public origin for sitemap.xml and robots.txt. Set SITE_URL in the deploy environment.
@@ -9,6 +10,8 @@ export default defineConfig({
   plugins: [
     react(),
     sitemapPlugin(SITE_URL),
+    // Static HTML per public route for crawlers that do not run JavaScript. Must run after site-url fills index.html.
+    prerenderPlugin(SITE_URL),
     // Link preview tags need absolute URLs: fill %SITE_URL% in index.html.
     { name: "site-url", transformIndexHtml: (html) => html.replaceAll("%SITE_URL%", SITE_URL.replace(/\/$/, "")) },
   ],