@fullstackdatasolutions/articles 0.12.0 → 1.1.0

package/dist/index.cjs

@@ -75,10 +75,10 @@ __export(src_exports, {
   ArticleDetailHero: () => ArticleDetailHero,
   ArticleNavigation: () => ArticleNavigation,
   ArticleSEO: () => ArticleSEO,
-  ArticleSchema: () => ArticleSchema,
   ArticleSearchBar: () => ArticleSearchBar,
   ArticleSocialShare: () => ArticleSocialShare,
   ArticleTOC: () => ArticleTOC,
+  ArticleViewTracker: () => ArticleViewTracker,
   ArticlesHero: () => ArticlesHero,
   ArticlesPage: () => ArticlesPage,
   AuthorArticlesPage: () => AuthorArticlesPage,
@@ -93,6 +93,7 @@ __export(src_exports, {
   CommentItem: () => CommentItem,
   CommentThread: () => CommentThread,
   CommentsSection: () => CommentsSection,
+  CtaViewTracker: () => CtaViewTracker,
   DEFAULT_CATEGORIES_PAGE_SIZE: () => DEFAULT_CATEGORIES_PAGE_SIZE,
   DEFAULT_LAYOUT: () => DEFAULT_LAYOUT,
   DEFAULT_PAGE_SIZE: () => DEFAULT_PAGE_SIZE,
@@ -100,7 +101,10 @@ __export(src_exports, {
   FeaturedArticle: () => FeaturedArticle,
   LatestArticles: () => LatestArticles,
   LatestArticlesSection: () => LatestArticlesSection,
+  PaginationNav: () => PaginationNav,
+  RelatedArticlesSection: () => RelatedArticlesSection,
   ScrollToTop: () => ScrollToTop,
+  SeriesArticlesPage: () => SeriesArticlesPage,
   breadcrumbsAreEnabled: () => breadcrumbsAreEnabled,
   getBreadcrumbsConfig: () => getBreadcrumbsConfig,
   useArticles: () => useArticles
@@ -297,43 +301,17 @@ function BreadcrumbSchema({ items }) {
 
 // src/ArticleSchemas.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
-function getPersonSchemas(article, authors) {
+function getPersonSchemas(article, authors, config) {
   let resolvedAuthors = [];
   if (authors == null ? void 0 : authors.length) {
     resolvedAuthors = [...authors];
   } else if (article.author) {
     resolvedAuthors = [{ name: article.author, slug: "", bio: "" }];
   }
-  return resolvedAuthors.map((author) => __spreadValues(__spreadValues({
+  return resolvedAuthors.map((author) => __spreadValues(__spreadValues(__spreadValues({
     "@type": "Person",
     name: author.name
-  }, author.url && { url: author.url }), getAuthorSameAs(author).length > 0 && { sameAs: getAuthorSameAs(author) }));
-}
-function ArticleSchema({
-  article,
-  articleUrl,
-  siteName,
-  showAuthor = true,
-  authors
-}) {
-  const personSchemas = getPersonSchemas(article, authors);
-  const schema = __spreadProps(__spreadValues(__spreadValues({
-    "@context": "https://schema.org",
-    "@type": "Article",
-    headline: article.title,
-    description: article.excerpt,
-    image: article.featuredImage
-  }, article.date && { datePublished: new Date(article.date).toISOString() }), showAuthor && personSchemas.length > 0 && { author: personSchemas }), {
-    publisher: { "@type": "Organization", name: siteName },
-    mainEntityOfPage: { "@type": "WebPage", "@id": articleUrl }
-  });
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-    "script",
-    {
-      type: "application/ld+json",
-      dangerouslySetInnerHTML: { __html: JSON.stringify(schema) }
-    }
-  );
+  }, author.url && { url: author.url }), getAuthorAvatar(author, config) && { image: getAuthorAvatar(author, config) }), getAuthorSameAs(author).length > 0 && { sameAs: getAuthorSameAs(author) }));
 }
 function ArticleSEO({
   article,
@@ -341,12 +319,13 @@ function ArticleSEO({
   siteName,
   siteLogo,
   showAuthor = true,
-  authors
+  authors,
+  config
 }) {
   const publishedAt = article.date ? new Date(article.date).toISOString() : void 0;
   const modifiedAt = article.lastmod ? new Date(article.lastmod).toISOString() : publishedAt;
-  const personSchemas = getPersonSchemas(article, authors);
-  const structuredData = __spreadValues(__spreadProps(__spreadValues(__spreadValues(__spreadValues({
+  const personSchemas = getPersonSchemas(article, authors, config);
+  const structuredData = __spreadValues(__spreadValues(__spreadValues(__spreadProps(__spreadValues(__spreadValues(__spreadValues({
     "@context": "https://schema.org",
     "@type": article.articleType || "Article",
     mainEntityOfPage: { "@type": "WebPage", "@id": articleUrl },
@@ -357,8 +336,9 @@ function ArticleSEO({
       "@type": "Organization",
       name: siteName
     }, siteLogo && { logo: { "@type": "ImageObject", url: siteLogo } }),
-    description: article.excerpt
-  }), article.series && { isPartOf: { "@type": "Blog", name: article.series } });
+    description: article.excerpt,
+    articleSection: article.category
+  }), article.tags && article.tags.length > 0 && { keywords: article.tags.join(", ") }), article.wordCount !== void 0 && { wordCount: article.wordCount }), article.series && { isPartOf: { "@type": "Blog", name: article.series } });
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       "script",
@@ -426,16 +406,27 @@ function CollectionPageSchema({
   title,
   description,
   url,
-  articleCount
+  articleCount,
+  items
 }) {
-  const schema = {
+  const schema = __spreadValues({
     "@context": "https://schema.org",
     "@type": "CollectionPage",
     name: title,
     description,
     url,
     numberOfItems: articleCount
-  };
+  }, items && items.length > 0 && {
+    mainEntity: {
+      "@type": "ItemList",
+      itemListElement: items.map((item) => ({
+        "@type": "ListItem",
+        position: item.position,
+        url: item.url,
+        name: item.name
+      }))
+    }
+  });
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     "script",
     {
@@ -570,20 +561,99 @@ function FeaturedArticle({ article, showAuthor = true }) {
 }
 
 // src/LatestArticlesSection.tsx
-var import_lucide_react4 = require("lucide-react");
+var import_lucide_react6 = require("lucide-react");
 
 // src/LatestArticles.tsx
 var import_react2 = require("react");
 
 // src/ArticleCard.tsx
+var import_image4 = __toESM(require("next/image"), 1);
+var import_link6 = __toESM(require("next/link"), 1);
+var import_lucide_react4 = require("lucide-react");
+
+// src/AuthorCard.tsx
 var import_image3 = __toESM(require("next/image"), 1);
 var import_link5 = __toESM(require("next/link"), 1);
 var import_lucide_react3 = require("lucide-react");
 var import_jsx_runtime7 = require("react/jsx-runtime");
-function ArticleCard({ article }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "rounded-lg border border-border bg-card text-card-foreground shadow-sm hover:shadow-lg transition-shadow duration-300", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "p-0", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+function getInitials(name) {
+  return name.split(" ").filter(Boolean).slice(0, 2).map((part) => part.charAt(0).toUpperCase()).join("");
+}
+function AuthorCard({
+  author,
+  linkToPage = true,
+  showBio = false,
+  showSocial = false
+}) {
+  const avatar = getAuthorAvatar(author);
+  const name = linkToPage ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_link5.default, { href: getAuthorUrl(author), className: "font-medium text-foreground hover:text-primary", children: author.name }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "font-medium text-foreground", children: author.name });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-start gap-3 rounded-lg border border-border bg-card p-4 text-card-foreground", children: [
+    avatar ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       import_image3.default,
+      {
+        src: avatar,
+        alt: author.name,
+        width: 48,
+        height: 48,
+        className: "h-12 w-12 rounded-full object-cover"
+      }
+    ) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "flex h-12 w-12 shrink-0 items-center justify-center rounded-full bg-muted text-sm font-semibold text-muted-foreground", children: getInitials(author.name) }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "min-w-0 flex-1", children: [
+      name,
+      showBio && author.bio && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "mt-1 line-clamp-2 text-sm text-muted-foreground", children: author.bio }),
+      showSocial && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(AuthorSocialLinks, { author })
+    ] })
+  ] });
+}
+var SOCIAL_ICONS = {
+  Website: import_lucide_react3.Globe,
+  Facebook: import_lucide_react3.Facebook,
+  Twitter: import_lucide_react3.Twitter,
+  X: import_lucide_react3.Twitter,
+  LinkedIn: import_lucide_react3.Linkedin,
+  Instagram: import_lucide_react3.Instagram,
+  YouTube: import_lucide_react3.Youtube,
+  GitHub: import_lucide_react3.Github,
+  Newsletter: import_lucide_react3.Mail
+};
+function getSocialIcon(label) {
+  var _a;
+  return (_a = SOCIAL_ICONS[label]) != null ? _a : import_lucide_react3.MessageCircle;
+}
+function AuthorSocialLinks({ author }) {
+  const links = getAuthorSocialLinks(author);
+  if (links.length === 0) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "mt-3 flex items-center gap-2", children: links.map(({ href, label }) => {
+    const Icon = getSocialIcon(label);
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      import_link5.default,
+      {
+        href,
+        className: "inline-flex h-8 w-8 items-center justify-center rounded-md border border-border text-muted-foreground hover:bg-accent hover:text-accent-foreground",
+        "aria-label": `${author.name} on ${label}`,
+        children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { className: "h-4 w-4" })
+      },
+      `${label}-${href}`
+    );
+  }) });
+}
+
+// src/events.ts
+function emitArticleEvent(handler, event) {
+  if (!handler) return;
+  try {
+    handler(__spreadProps(__spreadValues({}, event), { timestamp: Date.now() }));
+  } catch (e) {
+  }
+}
+
+// src/ArticleCard.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
+function ArticleCard({ article, config }) {
+  var _a;
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "rounded-lg border border-border bg-card text-card-foreground shadow-sm hover:shadow-lg transition-shadow duration-300", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "p-0", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      import_image4.default,
       {
         src: article.featuredImage,
         alt: article.title,
@@ -592,35 +662,67 @@ function ArticleCard({ article }) {
         height: 200
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "p-6", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "flex gap-2 mb-3", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "bg-primary/10 text-primary text-xs font-medium px-2 py-1 rounded", children: article.category }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("h3", { className: "text-lg font-semibold leading-none tracking-tight mb-2", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-        import_link5.default,
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "p-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "flex gap-2 mb-3", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "bg-primary/10 text-primary text-xs font-medium px-2 py-1 rounded", children: article.category }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        "h3",
         {
-          href: `/articles/${article.slug}`,
-          className: "hover:text-indigo-600 transition-colors",
-          children: article.title
+          className: "text-lg font-semibold leading-none tracking-tight mb-2",
+          style: { fontFamily: (_a = config == null ? void 0 : config.theme) == null ? void 0 : _a.headerFontFamily },
+          children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_link6.default, { href: `/articles/${article.slug}`, className: "hover:text-primary transition-colors", children: article.title })
         }
-      ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "text-muted-foreground mb-4 line-clamp-3", children: article.excerpt }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center justify-between text-sm text-muted-foreground border-t pt-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center gap-3", children: [
-          article.date && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react3.Calendar, { className: "h-3 w-3" }),
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: article.date })
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "text-muted-foreground mb-4 line-clamp-3", children: article.excerpt }),
+      article.authorSlug && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+        import_link6.default,
+        {
+          href: `/articles/authors/${article.authorSlug}`,
+          className: "mb-4 flex items-center gap-2 text-sm text-muted-foreground hover:text-primary transition-colors",
+          onClick: () => emitArticleEvent(config == null ? void 0 : config.onEvent, {
+            name: "author_clicked",
+            articleSlug: article.slug,
+            authorSlug: article.authorSlug
+          }),
+          children: [
+            article.authorAvatar ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+              import_image4.default,
+              {
+                src: article.authorAvatar,
+                alt: "",
+                width: 24,
+                height: 24,
+                className: "h-6 w-6 rounded-full object-cover"
+              }
+            ) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+              "span",
+              {
+                "aria-hidden": "true",
+                className: "flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-muted text-[10px] font-semibold text-muted-foreground",
+                children: getInitials(article.author)
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: article.author })
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-center justify-between text-sm text-muted-foreground border-t pt-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-center gap-3", children: [
+          article.date && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react4.Calendar, { className: "h-3 w-3" }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: article.date })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react3.Clock, { className: "h-3 w-3" }),
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: article.readTime })
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react4.Clock, { className: "h-3 w-3" }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: article.readTime })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-          import_link5.default,
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          import_link6.default,
           {
             href: `/articles/${article.slug}`,
             className: "inline-flex items-center justify-center h-8 w-8 p-0 rounded-md hover:bg-accent transition-colors",
             "aria-label": `Read ${article.title}`,
-            children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react3.ArrowRight, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react4.ArrowRight, { className: "h-4 w-4" })
           }
         )
       ] })
@@ -628,18 +730,114 @@ function ArticleCard({ article }) {
   ] });
 }
 
+// src/PaginationNav.tsx
+var import_link7 = __toESM(require("next/link"), 1);
+var import_lucide_react5 = require("lucide-react");
+
+// src/pagination.ts
+function buildPageUrl(basePath, page) {
+  const base = basePath.replace(/\/$/, "");
+  return page > 1 ? `${base}/page/${page}` : base;
+}
+function buildPaginationLinks(basePath, page, totalPages) {
+  return {
+    canonicalUrl: buildPageUrl(basePath, page),
+    prevUrl: page > 1 ? buildPageUrl(basePath, page - 1) : null,
+    nextUrl: page < totalPages ? buildPageUrl(basePath, page + 1) : null
+  };
+}
+
+// src/PaginationNav.tsx
+var import_jsx_runtime9 = require("react/jsx-runtime");
+function PaginationNav({ basePath, page, totalPages }) {
+  if (totalPages <= 1) return null;
+  const { prevUrl, nextUrl } = buildPaginationLinks(basePath, page, totalPages);
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+    "nav",
+    {
+      className: "mt-10 flex items-center justify-center gap-4",
+      "aria-label": "Article listing pagination",
+      children: [
+        prevUrl && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("link", { rel: "prev", href: prevUrl }),
+        nextUrl && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("link", { rel: "next", href: nextUrl }),
+        prevUrl ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+          import_link7.default,
+          {
+            href: prevUrl,
+            className: "inline-flex items-center gap-1 px-4 py-2 border border-input bg-background hover:bg-accent rounded-md font-medium text-sm transition-colors",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react5.ChevronLeft, { className: "h-4 w-4", "aria-hidden": "true" }),
+              "Previous"
+            ]
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: "inline-flex items-center gap-1 px-4 py-2 rounded-md font-medium text-sm text-muted-foreground opacity-50",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react5.ChevronLeft, { className: "h-4 w-4" }),
+              "Previous"
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("span", { className: "text-sm text-muted-foreground", children: [
+          "Page ",
+          page,
+          " of ",
+          totalPages
+        ] }),
+        nextUrl ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+          import_link7.default,
+          {
+            href: nextUrl,
+            className: "inline-flex items-center gap-1 px-4 py-2 border border-input bg-background hover:bg-accent rounded-md font-medium text-sm transition-colors",
+            children: [
+              "Next",
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react5.ChevronRight, { className: "h-4 w-4", "aria-hidden": "true" })
+            ]
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: "inline-flex items-center gap-1 px-4 py-2 rounded-md font-medium text-sm text-muted-foreground opacity-50",
+            children: [
+              "Next",
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react5.ChevronRight, { className: "h-4 w-4" })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+
 // src/LatestArticles.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
-function LatestArticles({ articles, pageSize }) {
+var import_jsx_runtime10 = require("react/jsx-runtime");
+function LatestArticles({ articles, pageSize, pagination }) {
   const [visibleCount, setVisibleCount] = (0, import_react2.useState)(pageSize);
   (0, import_react2.useEffect)(() => {
     setVisibleCount(pageSize);
   }, [articles, pageSize]);
+  if (pagination) {
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "grid md:grid-cols-2 lg:grid-cols-3 gap-8", children: articles.map((article) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ArticleCard, { article }, article.slug)) }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        PaginationNav,
+        {
+          basePath: pagination.basePath,
+          page: pagination.page,
+          totalPages: pagination.totalPages
+        }
+      )
+    ] });
+  }
   const visible = articles.slice(0, visibleCount);
   const hasMore = visibleCount < articles.length;
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "grid md:grid-cols-2 lg:grid-cols-3 gap-8", children: visible.map((article) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ArticleCard, { article }, article.slug)) }),
-    hasMore && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "mt-10 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "grid md:grid-cols-2 lg:grid-cols-3 gap-8", children: visible.map((article) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ArticleCard, { article }, article.slug)) }),
+    hasMore && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "mt-10 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
       "button",
       {
         type: "button",
@@ -652,35 +850,36 @@ function LatestArticles({ articles, pageSize }) {
 }
 
 // src/LatestArticlesSection.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 function DescriptionText({
   searchQuery,
   count
 }) {
   const pluralSuffix = count === 1 ? "" : "s";
   const text = searchQuery ? `Found ${count} article${pluralSuffix} matching your search.` : "Stay informed with our latest insights on voter engagement, campaign strategies, and civic technology.";
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "text-lg text-muted-foreground", children: text });
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "text-lg text-muted-foreground", children: text });
 }
 function LatestArticlesSection({
   articles,
   searchQuery,
   onClearSearch,
-  pageSize = 6
+  pageSize = 6,
+  pagination
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("section", { id: "latest", className: "py-16 bg-muted/50", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "text-center mb-12", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("h2", { className: "text-3xl font-bold text-foreground mb-4", children: searchQuery ? "Search Results" : "Latest Articles" }),
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(DescriptionText, { searchQuery, count: articles.length })
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("section", { id: "latest", className: "py-16 bg-muted/50", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "text-center mb-12", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("h2", { className: "text-3xl font-bold text-foreground mb-4", children: searchQuery ? "Search Results" : "Latest Articles" }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(DescriptionText, { searchQuery, count: articles.length })
     ] }),
-    articles.length === 0 && searchQuery ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "text-center py-12", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "max-w-md mx-auto", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react4.Search, { className: "h-12 w-12 text-muted-foreground mx-auto mb-4" }),
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("h3", { className: "text-lg font-semibold text-foreground mb-2", children: "No articles found" }),
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("p", { className: "text-muted-foreground mb-4", children: [
+    articles.length === 0 && searchQuery ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "text-center py-12", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "max-w-md mx-auto", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react6.Search, { className: "h-12 w-12 text-muted-foreground mx-auto mb-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("h3", { className: "text-lg font-semibold text-foreground mb-2", children: "No articles found" }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("p", { className: "text-muted-foreground mb-4", children: [
         `We couldn't find any articles matching "`,
         searchQuery,
         '". Try adjusting your search terms.'
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
         "button",
         {
           type: "button",
@@ -689,7 +888,15 @@ function LatestArticlesSection({
           children: "Clear search"
         }
       )
-    ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(LatestArticles, { articles, pageSize }, searchQuery)
+    ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      LatestArticles,
+      {
+        articles,
+        pageSize,
+        pagination: searchQuery ? void 0 : pagination
+      },
+      searchQuery
+    )
   ] }) });
 }
 
@@ -782,11 +989,12 @@ function useArticles(initialArticles, initialCategories) {
 }
 
 // src/ArticlesPage.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 function buildThemeVars(theme) {
   if (!theme) return {};
   const vars = {};
   if (theme.fontFamily) vars["--articles-font-family"] = theme.fontFamily;
+  if (theme.headerFontFamily) vars["--articles-header-font-family"] = theme.headerFontFamily;
   if (theme.headerColor) vars["--articles-header-color"] = theme.headerColor;
   if (theme.textColor) vars["--articles-text-color"] = theme.textColor;
   if (theme.backgroundColor) vars["--articles-bg-color"] = theme.backgroundColor;
@@ -811,11 +1019,12 @@ function renderSection(section, ctx, config) {
     error,
     handleSearch,
     pageSize,
-    categoriesPageSize
+    categoriesPageSize,
+    pagination
   } = ctx;
   switch (section) {
     case "hero":
-      return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
         ArticlesHero,
         {
           title: (_a = config.hero) == null ? void 0 : _a.title,
@@ -824,7 +1033,7 @@ function renderSection(section, ctx, config) {
         "hero"
       );
     case "search":
-      return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
         ArticleSearchBar,
         {
           value: searchQuery,
@@ -835,7 +1044,7 @@ function renderSection(section, ctx, config) {
         "search"
       );
     case "featured":
-      return articles.length > 0 && !searchQuery ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      return articles.length > 0 && !searchQuery ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
         FeaturedArticle,
         {
           article: articles[0],
@@ -845,16 +1054,16 @@ function renderSection(section, ctx, config) {
       ) : null;
     case "latest":
       if (loading && articles.length === 0) {
-        return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("section", { id: "latest", className: "py-16 bg-muted/50 flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex items-center justify-center py-24", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "text-center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "animate-spin rounded-full h-12 w-12 border-b-2 border-primary mx-auto mb-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "text-muted-foreground", children: "Loading articles..." })
+        return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("section", { id: "latest", className: "py-16 bg-muted/50 flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex items-center justify-center py-24", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "text-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "animate-spin rounded-full h-12 w-12 border-b-2 border-primary mx-auto mb-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-muted-foreground", children: "Loading articles..." })
         ] }) }) }, "latest");
       }
       if (error) {
-        return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("section", { id: "latest", className: "py-16 bg-muted/50 flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "bg-red-50 border border-red-200 rounded-lg p-6 max-w-md text-center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("h3", { className: "text-lg font-semibold text-red-800 mb-2", children: "Error Loading Articles" }),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "text-red-600 mb-4", children: error }),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("section", { id: "latest", className: "py-16 bg-muted/50 flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "bg-red-50 border border-red-200 rounded-lg p-6 max-w-md text-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("h3", { className: "text-lg font-semibold text-red-800 mb-2", children: "Error Loading Articles" }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-red-600 mb-4", children: error }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
             "button",
             {
               type: "button",
@@ -865,18 +1074,19 @@ function renderSection(section, ctx, config) {
           )
         ] }) }) }, "latest");
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
         LatestArticlesSection,
         {
           articles: displayedArticles,
           searchQuery,
           onClearSearch: () => handleSearch(""),
-          pageSize
+          pageSize,
+          pagination
         },
         "latest"
       );
     case "categories":
-      return searchQuery ? null : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      return searchQuery ? null : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
         ArticleCategoryGrid,
         {
           categories,
@@ -892,7 +1102,10 @@ function renderSection(section, ctx, config) {
 function ArticlesPage({
   config,
   initialArticles,
-  initialCategories
+  initialCategories,
+  page,
+  totalPages,
+  totalCount
 }) {
   var _a, _b, _c;
   const state = useArticles(initialArticles, initialCategories);
@@ -900,19 +1113,34 @@ function ArticlesPage({
   const pageSize = (_b = config.pageSize) != null ? _b : DEFAULT_PAGE_SIZE;
   const categoriesPageSize = (_c = config.categoriesPageSize) != null ? _c : DEFAULT_CATEGORIES_PAGE_SIZE;
   const themeVars = buildThemeVars(config.theme);
-  const hasFeatured = layout.includes("featured");
+  const isPagesMode = config.listingPagination === "pages" && page !== void 0 && totalPages !== void 0;
+  const currentPage = page != null ? page : 1;
+  const effectiveLayout = isPagesMode && currentPage > 1 ? layout.filter((section) => section !== "featured") : layout;
+  const hasFeatured = effectiveLayout.includes("featured");
   const articlesWithoutFeatured = hasFeatured ? state.articles.slice(1) : state.articles;
   const displayedArticles = state.searchQuery ? state.articles : articlesWithoutFeatured;
-  const ctx = __spreadProps(__spreadValues({}, state), { displayedArticles, pageSize, categoriesPageSize });
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { style: themeVars, children: [
-    layout.map((section) => renderSection(section, ctx, config)),
-    state.articles.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  const pagination = isPagesMode ? { page: currentPage, totalPages, basePath: "/articles" } : void 0;
+  const ctx = __spreadProps(__spreadValues({}, state), {
+    displayedArticles,
+    pageSize,
+    categoriesPageSize,
+    pagination
+  });
+  const articleCount = totalCount != null ? totalCount : state.articles.length;
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { style: themeVars, children: [
+    effectiveLayout.map((section) => renderSection(section, ctx, config)),
+    state.articles.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
       CollectionPageSchema,
       {
         title: `Articles | ${config.siteName}`,
-        description: `Browse all ${state.articles.length} articles on ${config.siteName}.`,
+        description: `Browse all ${articleCount} articles on ${config.siteName}.`,
         url: `${config.siteUrl}/articles`,
-        articleCount: state.articles.length
+        articleCount,
+        items: displayedArticles.slice(0, pageSize).map((article, index) => ({
+          position: index + 1,
+          url: `${config.siteUrl}/articles/${article.slug}`,
+          name: article.title
+        }))
       }
     )
   ] });
@@ -920,10 +1148,10 @@ function ArticlesPage({
 
 // src/ArticleDetailHero.tsx
 var import_react4 = require("react");
-var import_image4 = __toESM(require("next/image"), 1);
-var import_link6 = __toESM(require("next/link"), 1);
-var import_lucide_react5 = require("lucide-react");
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_image5 = __toESM(require("next/image"), 1);
+var import_link8 = __toESM(require("next/link"), 1);
+var import_lucide_react7 = require("lucide-react");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 function toSlug(cat) {
   return cat.toLowerCase().replaceAll(/\s+/g, "-").replaceAll(/[^a-z0-9-]/g, "");
 }
@@ -932,11 +1160,13 @@ function ArticleDetailHero({
   categoryBasePath = "/articles/category",
   showDate = false,
   showAuthor = true,
-  authors = []
+  authors = [],
+  config
 }) {
+  var _a;
   const showConfiguredAuthors = showAuthor && authors.length > 0;
   const showLegacyAuthor = showAuthor && authors.length === 0 && article.author.trim().length > 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
     "section",
     {
       style: {
@@ -948,8 +1178,8 @@ function ArticleDetailHero({
         overflow: "hidden"
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-          import_image4.default,
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          import_image5.default,
           {
             src: article.featuredImage,
             alt: article.title,
@@ -960,7 +1190,7 @@ function ArticleDetailHero({
             priority: true
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
           "div",
           {
             style: {
@@ -970,7 +1200,7 @@ function ArticleDetailHero({
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
           "div",
           {
             style: {
@@ -984,7 +1214,7 @@ function ArticleDetailHero({
               width: "100%"
             },
             children: [
-              article.categories && article.categories.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+              article.categories && article.categories.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
                 "div",
                 {
                   style: {
@@ -995,15 +1225,15 @@ function ArticleDetailHero({
                     marginBottom: "1rem"
                   },
                   children: article.categories.slice(0, 4).map(
-                    (cat) => categoryBasePath ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-                      import_link6.default,
+                    (cat) => categoryBasePath ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                      import_link8.default,
                       {
                         href: `${categoryBasePath}/${toSlug(cat)}`,
                         className: "inline-block bg-white/20 text-white text-sm font-medium px-3 py-1 rounded-full hover:bg-white/30 transition-colors",
                         children: cat
                       },
                       cat
-                    ) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                    ) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
                       "span",
                       {
                         className: "inline-block bg-white/20 text-white text-sm font-medium px-3 py-1 rounded-full",
@@ -1014,8 +1244,15 @@ function ArticleDetailHero({
                   )
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("h1", { className: "text-4xl md:text-5xl font-bold mb-4", children: article.title }),
-              /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                "h1",
+                {
+                  className: "text-4xl md:text-5xl font-bold mb-4",
+                  style: { fontFamily: (_a = config == null ? void 0 : config.theme) == null ? void 0 : _a.headerFontFamily },
+                  children: article.title
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
                 "div",
                 {
                   style: {
@@ -1027,23 +1264,23 @@ function ArticleDetailHero({
                     color: "rgba(255,255,255,0.8)"
                   },
                   children: [
-                    showDate && article.date && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" }, children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react5.Calendar, { className: "h-4 w-4" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { children: article.date })
+                    showDate && article.date && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" }, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react7.Calendar, { className: "h-4 w-4" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: article.date })
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" }, children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react5.Clock, { className: "h-4 w-4" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { children: article.readTime })
+                    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" }, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react7.Clock, { className: "h-4 w-4" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: article.readTime })
                     ] }),
-                    showConfiguredAuthors && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" }, children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react5.User, { className: "h-4 w-4" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { children: [
+                    showConfiguredAuthors && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" }, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react7.User, { className: "h-4 w-4" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { children: [
                         "By",
                         " ",
-                        authors.map((author, index) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_react4.Fragment, { children: [
+                        authors.map((author, index) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react4.Fragment, { children: [
                           index > 0 && ", ",
-                          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-                            import_link6.default,
+                          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                            import_link8.default,
                             {
                               href: `/articles/authors/${author.slug}`,
                               className: "font-medium text-white underline-offset-4 hover:underline",
@@ -1053,15 +1290,26 @@ function ArticleDetailHero({
                         ] }, author.slug))
                       ] })
                     ] }),
-                    showLegacyAuthor && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" }, children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react5.User, { className: "h-4 w-4" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { children: [
+                    showLegacyAuthor && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" }, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react7.User, { className: "h-4 w-4" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { children: [
                         "By ",
                         article.author
                       ] })
                     ] })
                   ]
                 }
+              ),
+              showConfiguredAuthors && authors.length === 1 && authors[0].promise && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                "p",
+                {
+                  style: {
+                    marginTop: "0.75rem",
+                    fontSize: "0.9375rem",
+                    color: "rgba(255,255,255,0.85)"
+                  },
+                  children: authors[0].promise
+                }
               )
             ]
           }
@@ -1072,9 +1320,9 @@ function ArticleDetailHero({
 }
 
 // src/CategoryArticlesPage.tsx
-var import_image5 = __toESM(require("next/image"), 1);
-var import_link7 = __toESM(require("next/link"), 1);
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_image6 = __toESM(require("next/image"), 1);
+var import_link9 = __toESM(require("next/link"), 1);
+var import_jsx_runtime14 = require("react/jsx-runtime");
 function getCategoryDescription(config, slug, categoryName) {
   var _a;
   const raw = (_a = config.categoryDescriptions) == null ? void 0 : _a[slug];
@@ -1116,7 +1364,14 @@ function buildCategoryBreadcrumbEntry(entry, context) {
   }
   return [{ name: context.categoryName }];
 }
-function CategoryArticlesPage({ category, articles, config }) {
+function CategoryArticlesPage({
+  category,
+  articles,
+  config,
+  page,
+  totalPages,
+  totalCount
+}) {
   var _a;
   if (articles.length === 0) return null;
   const categoryName = articles[0].category;
@@ -1125,8 +1380,25 @@ function CategoryArticlesPage({ category, articles, config }) {
   const pageSize = (_a = config.pageSize) != null ? _a : DEFAULT_PAGE_SIZE;
   const breadcrumbConfig = getBreadcrumbsConfig(config);
   const breadcrumbItems = buildCategoryBreadcrumbItems(config, categoryName);
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { children: [
-    breadcrumbsAreEnabled(config) && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  const siteUrl = config.siteUrl.replace(/\/$/, "");
+  const articleCount = totalCount != null ? totalCount : articles.length;
+  const pagination = config.listingPagination === "pages" && page !== void 0 && totalPages !== void 0 ? { page, totalPages, basePath: `/articles/category/${category}` } : void 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      CollectionPageSchema,
+      {
+        title: `${categoryName} | ${config.siteName}`,
+        description: description.short,
+        url: `${siteUrl}/articles/category/${category}`,
+        articleCount,
+        items: articles.slice(0, pageSize).map((article, index) => ({
+          position: index + 1,
+          url: `${siteUrl}/articles/${article.slug}`,
+          name: article.title
+        }))
+      }
+    ),
+    breadcrumbsAreEnabled(config) && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       Breadcrumb,
       {
         items: breadcrumbItems,
@@ -1134,7 +1406,7 @@ function CategoryArticlesPage({ category, articles, config }) {
         showSchema: breadcrumbConfig.showSchema !== false
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
       "section",
       {
         style: {
@@ -1146,8 +1418,8 @@ function CategoryArticlesPage({ category, articles, config }) {
           overflow: "hidden"
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-            import_image5.default,
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+            import_image6.default,
             {
               src: heroImage,
               alt: categoryName,
@@ -1157,8 +1429,8 @@ function CategoryArticlesPage({ category, articles, config }) {
               priority: true
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { style: { position: "absolute", inset: 0, backgroundColor: "rgba(0,0,0,0.6)" } }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { style: { position: "absolute", inset: 0, backgroundColor: "rgba(0,0,0,0.6)" } }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
             "div",
             {
               style: {
@@ -1169,10 +1441,10 @@ function CategoryArticlesPage({ category, articles, config }) {
                 padding: "0 1rem"
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-sm font-semibold uppercase tracking-widest mb-3 opacity-80", children: "Category" }),
-                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("h1", { className: "text-4xl md:text-5xl font-bold mb-3", children: categoryName }),
-                description.long && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-lg opacity-90 max-w-2xl mx-auto mt-2", children: description.long }),
-                /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("p", { className: "text-lg opacity-70 mt-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "text-sm font-semibold uppercase tracking-widest mb-3 opacity-80", children: "Category" }),
+                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("h1", { className: "text-4xl md:text-5xl font-bold mb-3", children: categoryName }),
+                description.long && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "text-lg opacity-90 max-w-2xl mx-auto mt-2", children: description.long }),
+                /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("p", { className: "text-lg opacity-70 mt-2", children: [
                   articles.length,
                   " article",
                   articles.length === 1 ? "" : "s"
@@ -1183,140 +1455,75 @@ function CategoryArticlesPage({ category, articles, config }) {
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("section", { className: "py-16 bg-muted/50 flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "mb-8 flex items-center justify-between", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_link7.default, { href: "/articles", className: "text-sm text-primary hover:underline", children: "\u2190 All Articles" }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-sm text-muted-foreground", children: description.short })
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("section", { className: "py-16 bg-muted/50 flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "mb-8 flex items-center justify-between", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_link9.default, { href: "/articles", className: "text-sm text-primary hover:underline", children: "\u2190 All Articles" }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "text-sm text-muted-foreground", children: description.short })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(LatestArticles, { articles, pageSize })
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(LatestArticles, { articles, pageSize, pagination })
     ] }) })
   ] });
 }
 
-// src/AuthorArticlesPage.tsx
-var import_link8 = __toESM(require("next/link"), 1);
-var import_jsx_runtime13 = require("react/jsx-runtime");
-function getPersonSchema(author, config, articleCount) {
-  var _a, _b;
-  return __spreadProps(__spreadValues(__spreadValues({
-    "@context": "https://schema.org",
-    "@type": "Person",
-    name: author.name,
-    description: author.bio,
-    url: (_a = author.url) != null ? _a : getAuthorUrl(author)
-  }, getAuthorAvatar(author, config) && { image: getAuthorAvatar(author, config) }), getAuthorSameAs(author).length > 0 && { sameAs: getAuthorSameAs(author) }), {
-    knowsAbout: config.siteName,
-    mainEntityOfPage: (_b = author.url) != null ? _b : `${config.siteUrl.replace(/\/$/, "")}/articles/authors/${author.slug}`,
-    interactionStatistic: {
-      "@type": "InteractionCounter",
-      interactionType: "https://schema.org/WriteAction",
-      userInteractionCount: articleCount
-    }
-  });
-}
-function AuthorArticlesPage({ author, articles, config }) {
+// src/SeriesArticlesPage.tsx
+var import_link10 = __toESM(require("next/link"), 1);
+var import_jsx_runtime15 = require("react/jsx-runtime");
+function SeriesArticlesPage({ seriesSlug, articles, config }) {
   var _a;
-  const pageSize = (_a = config.pageSize) != null ? _a : DEFAULT_PAGE_SIZE;
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-      "script",
+  if (articles.length === 0) return null;
+  const seriesName = (_a = articles[0].series) != null ? _a : seriesSlug;
+  const siteUrl = config.siteUrl.replace(/\/$/, "");
+  const seriesUrl = `${siteUrl}/articles/series/${seriesSlug}`;
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+      CollectionPageSchema,
       {
-        type: "application/ld+json",
-        dangerouslySetInnerHTML: {
-          __html: JSON.stringify(getPersonSchema(author, config, articles.length))
-        }
+        title: `${seriesName} | ${config.siteName}`,
+        description: `Follow the ${seriesName} series on ${config.siteName}.`,
+        url: seriesUrl,
+        articleCount: articles.length,
+        items: articles.map((article, index) => ({
+          position: index + 1,
+          url: `${siteUrl}/articles/${article.slug}`,
+          name: article.title
+        }))
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("section", { className: "bg-background py-16", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "mx-auto max-w-7xl px-4 sm:px-6 lg:px-8", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "mb-8 flex items-center justify-between gap-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_link8.default, { href: "/articles", className: "text-sm text-primary hover:underline", children: "All Articles" }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("p", { className: "text-sm text-muted-foreground", children: [
-          "Articles by ",
-          author.name
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("section", { className: "py-16 bg-muted/50 flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "mb-8 flex items-center justify-between", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_link10.default, { href: "/articles", className: "text-sm text-primary hover:underline", children: "\u2190 All Articles" }),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("p", { className: "text-sm text-muted-foreground", children: [
+          articles.length,
+          " article",
+          articles.length === 1 ? "" : "s",
+          " in this series"
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(LatestArticles, { articles, pageSize })
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("h1", { className: "text-3xl font-bold text-foreground mb-8", children: seriesName }),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        LatestArticles,
+        {
+          articles,
+          pageSize: Math.max(articles.length, DEFAULT_PAGE_SIZE)
+        }
+      )
     ] }) })
   ] });
 }
 
-// src/AuthorCard.tsx
-var import_image6 = __toESM(require("next/image"), 1);
-var import_link9 = __toESM(require("next/link"), 1);
-var import_lucide_react6 = require("lucide-react");
-var import_jsx_runtime14 = require("react/jsx-runtime");
-function getInitials(name) {
-  return name.split(" ").filter(Boolean).slice(0, 2).map((part) => part.charAt(0).toUpperCase()).join("");
-}
-function AuthorCard({
-  author,
-  linkToPage = true,
-  showBio = false,
-  showSocial = false
-}) {
-  const avatar = getAuthorAvatar(author);
-  const name = linkToPage ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_link9.default, { href: getAuthorUrl(author), className: "font-medium text-foreground hover:text-primary", children: author.name }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "font-medium text-foreground", children: author.name });
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-start gap-3 rounded-lg border border-border bg-card p-4 text-card-foreground", children: [
-    avatar ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-      import_image6.default,
-      {
-        src: avatar,
-        alt: author.name,
-        width: 48,
-        height: 48,
-        className: "h-12 w-12 rounded-full object-cover"
-      }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "flex h-12 w-12 shrink-0 items-center justify-center rounded-full bg-muted text-sm font-semibold text-muted-foreground", children: getInitials(author.name) }),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "min-w-0 flex-1", children: [
-      name,
-      showBio && author.bio && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "mt-1 line-clamp-2 text-sm text-muted-foreground", children: author.bio }),
-      showSocial && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(AuthorSocialLinks, { author })
-    ] })
-  ] });
-}
-var SOCIAL_ICONS = {
-  Website: import_lucide_react6.Globe,
-  Facebook: import_lucide_react6.Facebook,
-  Twitter: import_lucide_react6.Twitter,
-  X: import_lucide_react6.Twitter,
-  LinkedIn: import_lucide_react6.Linkedin,
-  Instagram: import_lucide_react6.Instagram,
-  YouTube: import_lucide_react6.Youtube,
-  GitHub: import_lucide_react6.Github,
-  Newsletter: import_lucide_react6.Mail
-};
-function getSocialIcon(label) {
-  var _a;
-  return (_a = SOCIAL_ICONS[label]) != null ? _a : import_lucide_react6.MessageCircle;
-}
-function AuthorSocialLinks({ author }) {
-  const links = getAuthorSocialLinks(author);
-  if (links.length === 0) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "mt-3 flex items-center gap-2", children: links.map(({ href, label }) => {
-    const Icon = getSocialIcon(label);
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-      import_link9.default,
-      {
-        href,
-        className: "inline-flex h-8 w-8 items-center justify-center rounded-md border border-border text-muted-foreground hover:bg-accent hover:text-accent-foreground",
-        "aria-label": `${author.name} on ${label}`,
-        children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Icon, { className: "h-4 w-4" })
-      },
-      `${label}-${href}`
-    );
-  }) });
-}
+// src/AuthorArticlesPage.tsx
+var import_link11 = __toESM(require("next/link"), 1);
 
 // src/AuthorDetailHero.tsx
 var import_image7 = __toESM(require("next/image"), 1);
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 function getInitials2(name) {
   return name.split(" ").filter(Boolean).slice(0, 2).map((part) => part.charAt(0).toUpperCase()).join("");
 }
 function AuthorDetailHero({ author, articleCount }) {
   const avatar = getAuthorAvatar(author);
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("section", { className: "bg-muted/40 py-16", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "mx-auto flex max-w-4xl flex-col items-center gap-6 px-4 text-center sm:px-6 lg:px-8", children: [
-    avatar ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("section", { className: "bg-muted/40 py-16", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "mx-auto flex max-w-4xl flex-col items-center gap-6 px-4 text-center sm:px-6 lg:px-8", children: [
+    avatar ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       import_image7.default,
       {
         src: avatar,
@@ -1326,27 +1533,303 @@ function AuthorDetailHero({ author, articleCount }) {
         className: "h-28 w-28 rounded-full object-cover",
         priority: true
       }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "flex h-28 w-28 items-center justify-center rounded-full bg-card text-3xl font-semibold text-muted-foreground shadow-sm", children: getInitials2(author.name) }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "mb-3 text-sm font-semibold uppercase tracking-widest text-muted-foreground", children: "Author" }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("h1", { className: "text-4xl font-bold text-foreground md:text-5xl", children: author.name }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "mx-auto mt-4 max-w-2xl text-lg text-muted-foreground", children: author.bio }),
-      typeof articleCount === "number" && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("p", { className: "mt-3 text-sm text-muted-foreground", children: [
+    ) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "flex h-28 w-28 items-center justify-center rounded-full bg-card text-3xl font-semibold text-muted-foreground shadow-sm", children: getInitials2(author.name) }),
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "mb-3 text-sm font-semibold uppercase tracking-widest text-muted-foreground", children: "Author" }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("h1", { className: "text-4xl font-bold text-foreground md:text-5xl", children: author.name }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "mx-auto mt-4 max-w-2xl text-lg text-muted-foreground", children: author.bio }),
+      typeof articleCount === "number" && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("p", { className: "mt-3 text-sm text-muted-foreground", children: [
         articleCount,
         " article",
         articleCount === 1 ? "" : "s"
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(AuthorSocialLinks, { author })
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(AuthorSocialLinks, { author })
   ] }) });
 }
 
-// src/ArticleSocialShare.tsx
+// src/eventTracking.tsx
 var import_react5 = require("react");
-var import_lucide_react7 = require("lucide-react");
-var import_jsx_runtime16 = require("react/jsx-runtime");
-function ArticleSocialShare({ title, url, excerpt, shareMessage }) {
-  const [copied, setCopied] = (0, import_react5.useState)(false);
+var import_jsx_runtime17 = require("react/jsx-runtime");
+var AVERAGE_WORDS_PER_MINUTE = 200;
+var DEFAULT_MEANINGFUL_READ_MS = 15e3;
+function ArticleViewTracker({ article, config }) {
+  const firedMeaningfulRead = (0, import_react5.useRef)(false);
+  (0, import_react5.useEffect)(() => {
+    emitArticleEvent(config == null ? void 0 : config.onEvent, {
+      name: "article_viewed",
+      articleSlug: article.slug,
+      category: article.category,
+      seriesSlug: article.seriesSlug
+    });
+    const estimatedMs = article.wordCount ? article.wordCount / AVERAGE_WORDS_PER_MINUTE * 6e4 * 0.5 : DEFAULT_MEANINGFUL_READ_MS;
+    const timer = setTimeout(() => {
+      if (firedMeaningfulRead.current) return;
+      firedMeaningfulRead.current = true;
+      emitArticleEvent(config == null ? void 0 : config.onEvent, { name: "meaningful_read", articleSlug: article.slug });
+    }, estimatedMs);
+    return () => clearTimeout(timer);
+  }, [article.slug]);
+  return null;
+}
+function CtaViewTracker({ ctaId, articleSlug, config, children }) {
+  const ref = (0, import_react5.useRef)(null);
+  const fired = (0, import_react5.useRef)(false);
+  (0, import_react5.useEffect)(() => {
+    const node = ref.current;
+    if (!node) return;
+    function fire() {
+      if (fired.current) return;
+      fired.current = true;
+      emitArticleEvent(config == null ? void 0 : config.onEvent, { name: "cta_viewed", ctaId, articleSlug });
+    }
+    if (typeof IntersectionObserver === "undefined") {
+      fire();
+      return;
+    }
+    const observer = new IntersectionObserver(
+      (entries) => {
+        if (entries.some((entry) => entry.isIntersecting)) fire();
+      },
+      { threshold: 0.5 }
+    );
+    observer.observe(node);
+    return () => observer.disconnect();
+  }, [ctaId, articleSlug]);
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { ref, children });
+}
+
+// src/AuthorArticlesPage.tsx
+var import_jsx_runtime18 = require("react/jsx-runtime");
+function getPersonSchema(author, config, articleCount) {
+  var _a, _b;
+  return __spreadProps(__spreadValues(__spreadValues({
+    "@context": "https://schema.org",
+    "@type": "Person",
+    name: author.name,
+    description: author.bio,
+    url: (_a = author.url) != null ? _a : getAuthorUrl(author)
+  }, getAuthorAvatar(author, config) && { image: getAuthorAvatar(author, config) }), getAuthorSameAs(author).length > 0 && { sameAs: getAuthorSameAs(author) }), {
+    knowsAbout: config.siteName,
+    mainEntityOfPage: (_b = author.url) != null ? _b : `${config.siteUrl.replace(/\/$/, "")}/articles/authors/${author.slug}`,
+    interactionStatistic: {
+      "@type": "InteractionCounter",
+      interactionType: "https://schema.org/WriteAction",
+      userInteractionCount: articleCount
+    }
+  });
+}
+function renderHeroSection(author, articleCount) {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(AuthorDetailHero, { author, articleCount }, "hero");
+}
+function renderPromiseSection(author) {
+  return author.promise ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("section", { "aria-label": "Author promise", className: "bg-background py-12", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "mx-auto max-w-3xl px-4 text-center sm:px-6 lg:px-8", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "text-xl font-medium text-foreground md:text-2xl", children: author.promise }) }) }, "promise") : null;
+}
+function renderServesWhoSection(author) {
+  return author.servesWho && author.servesWho.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("section", { "aria-label": "Who this author serves", className: "bg-muted/40 py-12", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "mx-auto max-w-3xl px-4 sm:px-6 lg:px-8", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h2", { className: "mb-4 text-center text-2xl font-bold text-foreground", children: "Who I help" }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("ul", { className: "grid gap-3 sm:grid-cols-2", children: author.servesWho.map((who) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      "li",
+      {
+        className: "rounded-lg border border-border bg-card px-4 py-3 text-sm text-card-foreground",
+        children: who
+      },
+      who
+    )) })
+  ] }) }, "servesWho") : null;
+}
+function renderOriginStorySection(author) {
+  return author.originStory && author.originStory.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("section", { "aria-label": "Author origin story", className: "bg-background py-12", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "mx-auto max-w-3xl px-4 sm:px-6 lg:px-8", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h2", { className: "mb-6 text-2xl font-bold text-foreground", children: "My story" }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "space-y-6", children: author.originStory.map((block, blockIndex) => {
+      var _a;
+      return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { children: [
+        block.heading && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h3", { className: "mb-2 text-lg font-semibold text-foreground", children: block.heading }),
+        block.paragraphs.map((paragraph, paragraphIndex) => {
+          var _a2;
+          return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+            "p",
+            {
+              className: "mb-3 text-muted-foreground",
+              children: paragraph
+            },
+            `${(_a2 = block.heading) != null ? _a2 : blockIndex}-${paragraph.slice(0, 40)}-${paragraphIndex}`
+          );
+        })
+      ] }, (_a = block.heading) != null ? _a : blockIndex);
+    }) })
+  ] }) }, "originStory") : null;
+}
+function renderPrinciplesSection(author) {
+  return author.principles && author.principles.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("section", { "aria-label": "Author principles", className: "bg-muted/40 py-12", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "mx-auto max-w-3xl px-4 sm:px-6 lg:px-8", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h2", { className: "mb-4 text-center text-2xl font-bold text-foreground", children: "What I believe" }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("ul", { className: "space-y-3", children: author.principles.map((principle) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      "li",
+      {
+        className: "rounded-lg border border-border bg-card px-4 py-3 text-sm text-card-foreground",
+        children: principle
+      },
+      principle
+    )) })
+  ] }) }, "principles") : null;
+}
+function renderProofSection(author) {
+  return author.proof && author.proof.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("section", { "aria-label": "Author proof", className: "bg-background py-12", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "mx-auto max-w-4xl px-4 sm:px-6 lg:px-8", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h2", { className: "mb-6 text-center text-2xl font-bold text-foreground", children: "Proof" }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "grid gap-4 sm:grid-cols-2", children: author.proof.map((item) => {
+      var _a, _b, _c;
+      return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+        "div",
+        {
+          className: "rounded-lg border border-border bg-card p-4 text-card-foreground",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "font-medium", children: item.claim }),
+            (item.source || item.url) && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "mt-1 text-sm text-muted-foreground", children: item.url ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_link11.default, { href: item.url, className: "hover:text-primary hover:underline", children: (_c = item.source) != null ? _c : item.url }) : item.source })
+          ]
+        },
+        `${item.claim}-${(_b = (_a = item.url) != null ? _a : item.source) != null ? _b : ""}`
+      );
+    }) })
+  ] }) }, "proof") : null;
+}
+function renderCtaSection(author, config) {
+  return author.primaryCta ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(CtaViewTracker, { ctaId: `author-cta:${author.slug}`, config, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("section", { "aria-label": "Author call to action", className: "bg-muted/40 py-12", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "mx-auto max-w-2xl px-4 text-center sm:px-6 lg:px-8", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    import_link11.default,
+    {
+      href: author.primaryCta.href,
+      onClick: () => emitArticleEvent(config == null ? void 0 : config.onEvent, {
+        name: "cta_clicked",
+        ctaId: `author-cta:${author.slug}`
+      }),
+      className: "inline-flex items-center justify-center rounded-md bg-primary px-6 py-3 text-sm font-semibold text-primary-foreground hover:bg-primary/90",
+      children: author.primaryCta.label
+    }
+  ) }) }) }, "cta") : null;
+}
+function renderArticlesSection(author, articles, pageSize, pagination) {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("section", { "aria-label": "Articles by this author", className: "bg-background py-16", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "mx-auto max-w-7xl px-4 sm:px-6 lg:px-8", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "mb-8 flex items-center justify-between gap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_link11.default, { href: "/articles", className: "text-sm text-primary hover:underline", children: "All Articles" }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("p", { className: "text-sm text-muted-foreground", children: [
+        "Articles by ",
+        author.name
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(LatestArticles, { articles, pageSize, pagination })
+  ] }) }, "articles");
+}
+function renderAuthorSection(section, ctx) {
+  const { author, articleCount, articles, pageSize, pagination, customSection, config } = ctx;
+  switch (section) {
+    case "hero":
+      return renderHeroSection(author, articleCount);
+    case "promise":
+      return renderPromiseSection(author);
+    case "servesWho":
+      return renderServesWhoSection(author);
+    case "originStory":
+      return renderOriginStorySection(author);
+    case "principles":
+      return renderPrinciplesSection(author);
+    case "proof":
+      return renderProofSection(author);
+    case "cta":
+      return renderCtaSection(author, config);
+    case "articles":
+      return renderArticlesSection(author, articles, pageSize, pagination);
+    case "custom":
+      return customSection != null ? customSection : null;
+    default:
+      return null;
+  }
+}
+function AuthorArticlesPage({
+  author,
+  articles,
+  config,
+  page,
+  totalPages,
+  totalCount,
+  sections,
+  customSection
+}) {
+  var _a, _b;
+  const pageSize = (_a = config.pageSize) != null ? _a : DEFAULT_PAGE_SIZE;
+  const siteUrl = config.siteUrl.replace(/\/$/, "");
+  const articleCount = totalCount != null ? totalCount : articles.length;
+  const pagination = config.listingPagination === "pages" && page !== void 0 && totalPages !== void 0 ? { page, totalPages, basePath: `/articles/authors/${author.slug}` } : void 0;
+  const schemas = /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      "script",
+      {
+        type: "application/ld+json",
+        dangerouslySetInnerHTML: {
+          __html: JSON.stringify(getPersonSchema(author, config, articleCount))
+        }
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      CollectionPageSchema,
+      {
+        title: `${author.name} | ${config.siteName}`,
+        description: `Articles by ${author.name} on ${config.siteName}.`,
+        url: (_b = author.url) != null ? _b : `${siteUrl}/articles/authors/${author.slug}`,
+        articleCount,
+        items: articles.slice(0, pageSize).map((article, index) => ({
+          position: index + 1,
+          url: `${siteUrl}/articles/${article.slug}`,
+          name: article.title
+        }))
+      }
+    )
+  ] });
+  if (!sections) {
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { children: [
+      schemas,
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("section", { className: "bg-background py-16", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "mx-auto max-w-7xl px-4 sm:px-6 lg:px-8", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "mb-8 flex items-center justify-between gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_link11.default, { href: "/articles", className: "text-sm text-primary hover:underline", children: "All Articles" }),
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("p", { className: "text-sm text-muted-foreground", children: [
+            "Articles by ",
+            author.name
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(LatestArticles, { articles, pageSize, pagination })
+      ] }) })
+    ] });
+  }
+  const sectionCtx = {
+    author,
+    articleCount,
+    articles,
+    pageSize,
+    pagination,
+    customSection,
+    config
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { children: [
+    schemas,
+    sections.map((section) => renderAuthorSection(section, sectionCtx))
+  ] });
+}
+
+// src/ArticleSocialShare.tsx
+var import_react6 = require("react");
+var import_lucide_react8 = require("lucide-react");
+var import_jsx_runtime19 = require("react/jsx-runtime");
+function ArticleSocialShare({
+  title,
+  url,
+  excerpt,
+  shareMessage,
+  config,
+  articleSlug
+}) {
+  const [copied, setCopied] = (0, import_react6.useState)(false);
+  function trackShare(channel) {
+    if (!articleSlug) return;
+    emitArticleEvent(config == null ? void 0 : config.onEvent, { name: "shared", articleSlug, channel });
+  }
   const encodedTitle = encodeURIComponent(title);
   const encodedUrl = encodeURIComponent(url);
   const encodedExcerpt = encodeURIComponent(excerpt || "");
@@ -1363,102 +1846,211 @@ function ArticleSocialShare({ title, url, excerpt, shareMessage }) {
     try {
       yield navigator.clipboard.writeText(url);
       setCopied(true);
+      trackShare("copy-link");
       setTimeout(() => setCopied(false), 2e3);
     } catch (e) {
     }
   });
-  const openShareWindow = (shareUrl) => {
+  const openShareWindow = (shareUrl, channel) => {
+    trackShare(channel);
     globalThis.open(shareUrl, "_blank", "width=600,height=400,scrollbars=yes,resizable=yes");
   };
   const btnClass = "inline-flex items-center gap-2 px-3 py-1.5 text-sm rounded-md border border-border bg-background text-foreground hover:bg-primary/10 hover:border-primary hover:text-primary transition-colors cursor-pointer";
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "border-t border-border pt-8 mt-8", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center gap-2 mb-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react7.Share2, { className: "h-5 w-5 text-muted-foreground" }),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("h3", { className: "text-lg font-semibold text-foreground", children: "Share this article" })
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "border-t border-border pt-8 mt-8", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center gap-2 mb-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react8.Share2, { className: "h-5 w-5 text-muted-foreground" }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("h3", { className: "text-lg font-semibold text-foreground", children: "Share this article" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex flex-wrap gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("button", { className: btnClass, onClick: () => openShareWindow(shareLinks.linkedin), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react7.Users, { className: "h-4 w-4" }),
-        "LinkedIn"
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("button", { className: btnClass, onClick: () => openShareWindow(shareLinks.facebook), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-xs font-bold", children: "f" }),
-        " Facebook"
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("button", { className: btnClass, onClick: () => openShareWindow(shareLinks.twitter), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react7.MessageCircle, { className: "h-4 w-4" }),
-        "Twitter"
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("button", { className: btnClass, onClick: () => openShareWindow(shareLinks.reddit), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react7.FileText, { className: "h-4 w-4" }),
-        "Reddit"
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("button", { className: btnClass, onClick: () => openShareWindow(shareLinks.whatsapp), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react7.MessageCircle, { className: "h-4 w-4" }),
-        "WhatsApp"
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("button", { className: btnClass, onClick: () => openShareWindow(shareLinks.telegram), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react7.MessageCircle, { className: "h-4 w-4" }),
-        "Telegram"
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("a", { className: btnClass, href: shareLinks.email, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react7.Mail, { className: "h-4 w-4" }),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex flex-wrap gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+        "button",
+        {
+          type: "button",
+          className: btnClass,
+          onClick: () => openShareWindow(shareLinks.linkedin, "linkedin"),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react8.Users, { className: "h-4 w-4" }),
+            "LinkedIn"
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+        "button",
+        {
+          type: "button",
+          className: btnClass,
+          onClick: () => openShareWindow(shareLinks.facebook, "facebook"),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-xs font-bold", children: "f" }),
+            " Facebook"
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+        "button",
+        {
+          type: "button",
+          className: btnClass,
+          onClick: () => openShareWindow(shareLinks.twitter, "twitter"),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react8.MessageCircle, { className: "h-4 w-4" }),
+            "Twitter"
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+        "button",
+        {
+          type: "button",
+          className: btnClass,
+          onClick: () => openShareWindow(shareLinks.reddit, "reddit"),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react8.FileText, { className: "h-4 w-4" }),
+            "Reddit"
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+        "button",
+        {
+          type: "button",
+          className: btnClass,
+          onClick: () => openShareWindow(shareLinks.whatsapp, "whatsapp"),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react8.MessageCircle, { className: "h-4 w-4" }),
+            "WhatsApp"
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+        "button",
+        {
+          type: "button",
+          className: btnClass,
+          onClick: () => openShareWindow(shareLinks.telegram, "telegram"),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react8.MessageCircle, { className: "h-4 w-4" }),
+            "Telegram"
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("a", { className: btnClass, href: shareLinks.email, onClick: () => trackShare("email"), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react8.Mail, { className: "h-4 w-4" }),
         "Email"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("button", { className: btnClass, onClick: copyToClipboard, children: [
-        copied ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react7.Check, { className: "h-4 w-4" }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react7.Copy, { className: "h-4 w-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("button", { type: "button", className: btnClass, onClick: copyToClipboard, children: [
+        copied ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react8.Check, { className: "h-4 w-4" }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react8.Copy, { className: "h-4 w-4" }),
         copied ? "Copied!" : "Copy Link"
       ] })
     ] }),
-    shareMessage && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-sm text-muted-foreground mt-3", children: shareMessage })
+    shareMessage && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "text-sm text-muted-foreground mt-3", children: shareMessage })
   ] });
 }
 
 // src/ArticleNavigation.tsx
-var import_link10 = __toESM(require("next/link"), 1);
-var import_lucide_react8 = require("lucide-react");
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_link12 = __toESM(require("next/link"), 1);
+var import_lucide_react9 = require("lucide-react");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 function truncateTitle(title, maxLength = 60) {
   return title.length > maxLength ? `${title.substring(0, maxLength)}...` : title;
 }
-function ArticleNavigation({ previous, next, basePath }) {
+function ArticleNavigation({
+  previous,
+  next,
+  basePath,
+  fromSlug,
+  pathKey,
+  config
+}) {
   if (!previous && !next) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("nav", { className: "mt-12 pt-8 border-t border-border", "aria-label": "Article navigation", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex justify-between gap-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "flex-1 min-w-0", children: previous && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
-      import_link10.default,
+  function emitStep(toSlug2, direction) {
+    if (!pathKey || !fromSlug) return;
+    emitArticleEvent(config == null ? void 0 : config.onEvent, {
+      name: "path_step_advanced",
+      pathKey,
+      fromSlug,
+      toSlug: toSlug2,
+      direction
+    });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("nav", { className: "mt-12 pt-8 border-t border-border", "aria-label": "Article navigation", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex justify-between gap-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "flex-1 min-w-0", children: previous && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+      import_link12.default,
       {
         href: `${basePath}/${previous.slug}`,
+        onClick: () => emitStep(previous.slug, "previous"),
         className: "group flex items-center gap-3 p-4 rounded-lg border border-border hover:border-primary/20 hover:bg-muted/50 transition-colors",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react8.ChevronLeft, { className: "h-5 w-5 text-muted-foreground group-hover:text-primary shrink-0" }),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "text-sm text-muted-foreground mb-1", children: "Previous Article" }),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "font-medium text-foreground truncate", title: previous.title, children: truncateTitle(previous.title) })
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react9.ChevronLeft, { className: "h-5 w-5 text-muted-foreground group-hover:text-primary shrink-0" }),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "text-sm text-muted-foreground mb-1", children: "Previous Article" }),
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "font-medium text-foreground truncate", title: previous.title, children: truncateTitle(previous.title) })
           ] })
         ]
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "flex-1 min-w-0", children: next && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
-      import_link10.default,
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "flex-1 min-w-0", children: next && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+      import_link12.default,
       {
         href: `${basePath}/${next.slug}`,
+        onClick: () => emitStep(next.slug, "next"),
         className: "group flex items-center justify-end gap-3 p-4 rounded-lg border border-border hover:border-primary/20 hover:bg-muted/50 transition-colors",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "min-w-0 flex-1 text-right", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "text-sm text-muted-foreground mb-1", children: "Next Article" }),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "font-medium text-foreground truncate", title: next.title, children: truncateTitle(next.title) })
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "min-w-0 flex-1 text-right", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "text-sm text-muted-foreground mb-1", children: "Next Article" }),
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "font-medium text-foreground truncate", title: next.title, children: truncateTitle(next.title) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react8.ChevronRight, { className: "h-5 w-5 text-muted-foreground group-hover:text-primary shrink-0" })
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react9.ChevronRight, { className: "h-5 w-5 text-muted-foreground group-hover:text-primary shrink-0" })
         ]
       }
     ) })
   ] }) });
 }
 
+// src/RelatedArticlesSection.tsx
+var import_jsx_runtime21 = require("react/jsx-runtime");
+function RelatedArticlesSection({
+  articles,
+  category,
+  heading,
+  config,
+  fromSlug,
+  source = "category"
+}) {
+  var _a;
+  if (articles.length === 0) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("section", { className: "mt-12 pt-8 border-t border-border", "aria-label": "Related articles", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+      "h2",
+      {
+        className: "text-xl font-semibold text-foreground mb-6",
+        style: { fontFamily: (_a = config == null ? void 0 : config.theme) == null ? void 0 : _a.headerFontFamily },
+        children: heading != null ? heading : `More in ${category}`
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "grid gap-6 sm:grid-cols-2 lg:grid-cols-3", children: articles.map((article) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+      "div",
+      {
+        onClickCapture: () => {
+          if (!fromSlug) return;
+          emitArticleEvent(config == null ? void 0 : config.onEvent, {
+            name: "related_article_clicked",
+            fromSlug,
+            toSlug: article.slug,
+            source
+          });
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ArticleCard, { article, config })
+      },
+      article.slug
+    )) })
+  ] });
+}
+
 // src/ArticleBackLink.tsx
-var import_link11 = __toESM(require("next/link"), 1);
-var import_lucide_react9 = require("lucide-react");
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_link13 = __toESM(require("next/link"), 1);
+var import_lucide_react10 = require("lucide-react");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 function ArticleBackLink({
   config,
   href = "/articles",
@@ -1466,13 +2058,13 @@ function ArticleBackLink({
   className
 }) {
   if (config.showBackToArticles === false) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
-    import_link11.default,
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+    import_link13.default,
     {
       href,
       className: className != null ? className : "inline-flex items-center gap-2 mb-6 -ml-3 px-3 py-2 rounded-md text-sm font-medium text-muted-foreground hover:text-foreground hover:bg-muted/50 transition-colors",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react9.ArrowLeft, { className: "h-4 w-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react10.ArrowLeft, { className: "h-4 w-4" }),
         label
       ]
     }
@@ -1480,17 +2072,17 @@ function ArticleBackLink({
 }
 
 // src/ArticleTOC.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 function ArticleTOC({ toc, className }) {
   if (!toc.length) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
     "nav",
     {
       "aria-label": "Table of contents",
       className: `mb-8 rounded-lg border border-border bg-muted/40 px-6 py-4 ${className != null ? className : ""}`,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "mb-3 text-sm font-semibold uppercase tracking-wide text-muted-foreground", children: "On this page" }),
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("ul", { className: "space-y-1 text-sm", children: toc.map((item) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("li", { style: { paddingLeft: `${Math.max(0, item.depth - 2) * 1}rem` }, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "mb-3 text-sm font-semibold uppercase tracking-wide text-muted-foreground", children: "On this page" }),
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("ul", { className: "space-y-1 text-sm", children: toc.map((item) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("li", { style: { paddingLeft: `${Math.max(0, item.depth - 2) * 1}rem` }, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
           "a",
           {
             href: `#${item.id}`,
@@ -1504,35 +2096,35 @@ function ArticleTOC({ toc, className }) {
 }
 
 // src/ScrollToTop.tsx
-var import_react6 = require("react");
-var import_lucide_react10 = require("lucide-react");
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_react7 = require("react");
+var import_lucide_react11 = require("lucide-react");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 function ScrollToTop() {
-  const [visible, setVisible] = (0, import_react6.useState)(false);
-  (0, import_react6.useEffect)(() => {
+  const [visible, setVisible] = (0, import_react7.useState)(false);
+  (0, import_react7.useEffect)(() => {
     const onScroll = () => setVisible(globalThis.scrollY > 300);
     globalThis.addEventListener("scroll", onScroll, { passive: true });
     return () => globalThis.removeEventListener("scroll", onScroll);
   }, []);
   if (!visible) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     "button",
     {
       "aria-label": "Scroll to top",
       onClick: () => globalThis.scrollTo({ top: 0, behavior: "smooth" }),
       className: "fixed bottom-8 right-8 z-50 rounded-full bg-primary p-2 shadow-md text-primary-foreground hover:bg-primary/90 transition-colors",
-      children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react10.ArrowUp, { className: "h-5 w-5" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react11.ArrowUp, { className: "h-5 w-5" })
     }
   );
 }
 
 // src/CommentsSection.tsx
-var import_react9 = require("next-auth/react");
-var import_react10 = require("react");
+var import_react10 = require("next-auth/react");
+var import_react11 = require("react");
 
 // src/CommentForm.tsx
-var import_react7 = require("react");
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_react8 = require("react");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 var MAX_LENGTH = 2e3;
 var WARN_THRESHOLD = 1800;
 function submitLabel(submitting, parentId) {
@@ -1540,9 +2132,9 @@ function submitLabel(submitting, parentId) {
   return parentId ? "Reply" : "Post comment";
 }
 function CommentForm({ articleSlug, parentId, onSuccess, onCancel }) {
-  const [body, setBody] = (0, import_react7.useState)("");
-  const [submitting, setSubmitting] = (0, import_react7.useState)(false);
-  const [error, setError] = (0, import_react7.useState)(null);
+  const [body, setBody] = (0, import_react8.useState)("");
+  const [submitting, setSubmitting] = (0, import_react8.useState)(false);
+  const [error, setError] = (0, import_react8.useState)(null);
   const remaining = MAX_LENGTH - body.length;
   function handleSubmit(e) {
     return __async(this, null, function* () {
@@ -1571,8 +2163,8 @@ function CommentForm({ articleSlug, parentId, onSuccess, onCancel }) {
       }
     });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("form", { onSubmit: handleSubmit, className: "space-y-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("form", { onSubmit: handleSubmit, className: "space-y-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
       "textarea",
       {
         value: body,
@@ -1585,13 +2177,13 @@ function CommentForm({ articleSlug, parentId, onSuccess, onCancel }) {
         "aria-label": parentId ? "Reply text" : "Comment text"
       }
     ),
-    remaining <= MAX_LENGTH - WARN_THRESHOLD && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("p", { className: `text-xs ${remaining < 0 ? "text-destructive" : "text-muted-foreground"}`, children: [
+    remaining <= MAX_LENGTH - WARN_THRESHOLD && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("p", { className: `text-xs ${remaining < 0 ? "text-destructive" : "text-muted-foreground"}`, children: [
       remaining,
       " characters remaining"
     ] }),
-    error && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "text-xs text-destructive", children: error }),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    error && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-xs text-destructive", children: error }),
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
         "button",
         {
           type: "submit",
@@ -1600,7 +2192,7 @@ function CommentForm({ articleSlug, parentId, onSuccess, onCancel }) {
           children: submitLabel(submitting, parentId)
         }
       ),
-      onCancel && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+      onCancel && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
         "button",
         {
           type: "button",
@@ -1614,8 +2206,8 @@ function CommentForm({ articleSlug, parentId, onSuccess, onCancel }) {
 }
 
 // src/CommentItem.tsx
-var import_react8 = require("react");
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_react9 = require("react");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 function relativeTime(iso) {
   const diff = Date.now() - new Date(iso).getTime();
   const minutes = Math.floor(diff / 6e4);
@@ -1636,8 +2228,8 @@ function CommentItem({
   isReply = false,
   onRefresh
 }) {
-  const [showReplyForm, setShowReplyForm] = (0, import_react8.useState)(false);
-  const [deleting, setDeleting] = (0, import_react8.useState)(false);
+  const [showReplyForm, setShowReplyForm] = (0, import_react9.useState)(false);
+  const [deleting, setDeleting] = (0, import_react9.useState)(false);
   const replies = "replies" in comment ? comment.replies : [];
   const canReply = !isReply && !!currentUserId && !comment.isDeleted;
   const canDelete = !!currentUserId && currentUserId === comment.authorId && !comment.isDeleted;
@@ -1653,15 +2245,15 @@ function CommentItem({
       }
     });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: `${isReply ? "ml-8 border-l-2 border-border pl-4" : ""}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "rounded-lg bg-muted/40 p-3 space-y-1", children: comment.isDeleted ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-sm italic text-muted-foreground", children: "Comment removed" }) : /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "text-sm font-medium text-foreground", children: comment.authorName }),
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "text-xs text-muted-foreground", children: relativeTime(comment.createdAt) })
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: `${isReply ? "ml-8 border-l-2 border-border pl-4" : ""}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "rounded-lg bg-muted/40 p-3 space-y-1", children: comment.isDeleted ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-sm italic text-muted-foreground", children: "Comment removed" }) : /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_jsx_runtime26.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "text-sm font-medium text-foreground", children: comment.authorName }),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "text-xs text-muted-foreground", children: relativeTime(comment.createdAt) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-sm text-foreground whitespace-pre-wrap break-words", children: comment.body }),
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex gap-3 pt-1", children: [
-        canReply && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-sm text-foreground whitespace-pre-wrap break-words", children: comment.body }),
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex gap-3 pt-1", children: [
+        canReply && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
           "button",
           {
             onClick: () => setShowReplyForm((v) => !v),
@@ -1669,7 +2261,7 @@ function CommentItem({
             children: showReplyForm ? "Cancel" : "Reply"
           }
         ),
-        canDelete && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        canDelete && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
           "button",
           {
             onClick: handleDelete,
@@ -1680,7 +2272,7 @@ function CommentItem({
         )
       ] })
     ] }) }),
-    showReplyForm && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "mt-2 ml-2", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    showReplyForm && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "mt-2 ml-2", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
       CommentForm,
       {
         articleSlug,
@@ -1692,7 +2284,7 @@ function CommentItem({
         onCancel: () => setShowReplyForm(false)
       }
     ) }),
-    replies.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "mt-2 space-y-2", children: replies.map((reply) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    replies.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "mt-2 space-y-2", children: replies.map((reply) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
       CommentItem,
       {
         comment: __spreadProps(__spreadValues({}, reply), { replies: [] }),
@@ -1707,7 +2299,7 @@ function CommentItem({
 }
 
 // src/CommentThread.tsx
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 function CommentThread({
   comments,
   articleSlug,
@@ -1715,9 +2307,9 @@ function CommentThread({
   onRefresh
 }) {
   if (comments.length === 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "text-sm text-muted-foreground text-center py-6", children: "No comments yet. Be the first to share your thoughts." });
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "text-sm text-muted-foreground text-center py-6", children: "No comments yet. Be the first to share your thoughts." });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "space-y-4", children: comments.map((comment) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "space-y-4", children: comments.map((comment) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     CommentItem,
     {
       comment,
@@ -1730,17 +2322,17 @@ function CommentThread({
 }
 
 // src/CommentsSection.tsx
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 function CommentsSection({ articleSlug, config }) {
   var _a, _b, _c, _d, _e, _f;
-  const { data: session, status } = (0, import_react9.useSession)();
-  const [comments, setComments] = (0, import_react10.useState)([]);
-  const [loading, setLoading] = (0, import_react10.useState)(true);
-  const [fetchError, setFetchError] = (0, import_react10.useState)(null);
+  const { data: session, status } = (0, import_react10.useSession)();
+  const [comments, setComments] = (0, import_react11.useState)([]);
+  const [loading, setLoading] = (0, import_react11.useState)(true);
+  const [fetchError, setFetchError] = (0, import_react11.useState)(null);
   const perArticleEnabled = (_b = (_a = config.perArticleOverride) == null ? void 0 : _a[articleSlug]) != null ? _b : true;
   const enabled = config.enabled && perArticleEnabled;
   const currentUserId = (_f = (_e = (_c = session == null ? void 0 : session.user) == null ? void 0 : _c.email) != null ? _e : (_d = session == null ? void 0 : session.user) == null ? void 0 : _d.name) != null ? _f : void 0;
-  const fetchComments = (0, import_react10.useCallback)(() => __async(this, null, function* () {
+  const fetchComments = (0, import_react11.useCallback)(() => __async(this, null, function* () {
     setLoading(true);
     setFetchError(null);
     try {
@@ -1754,7 +2346,7 @@ function CommentsSection({ articleSlug, config }) {
       setLoading(false);
     }
   }), [articleSlug]);
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     if (enabled) {
       fetchComments().catch(() => void 0);
     }
@@ -1762,13 +2354,13 @@ function CommentsSection({ articleSlug, config }) {
   if (!enabled) return null;
   const count = comments.length;
   const label = count === 1 ? "1 comment" : `${count} comments`;
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("section", { "aria-label": "Comments", className: "mt-12 pt-8 border-t border-border space-y-6", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("h2", { className: "text-xl font-semibold text-foreground", children: loading ? "Comments" : label }),
-    status === "authenticated" ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(CommentForm, { articleSlug, onSuccess: fetchComments }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("p", { className: "text-sm text-muted-foreground", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("section", { "aria-label": "Comments", className: "mt-12 pt-8 border-t border-border space-y-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("h2", { className: "text-xl font-semibold text-foreground", children: loading ? "Comments" : label }),
+    status === "authenticated" ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(CommentForm, { articleSlug, onSuccess: fetchComments }) : /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("p", { className: "text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
         "button",
         {
-          onClick: () => (0, import_react9.signIn)(),
+          onClick: () => (0, import_react10.signIn)(),
           className: "text-primary underline hover:no-underline focus:outline-none",
           children: "Sign in"
         }
@@ -1776,8 +2368,8 @@ function CommentsSection({ articleSlug, config }) {
       " ",
       "to join the discussion."
     ] }),
-    fetchError && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "text-sm text-destructive", children: fetchError }),
-    loading ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "text-sm text-muted-foreground", children: "Loading comments\u2026" }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    fetchError && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "text-sm text-destructive", children: fetchError }),
+    loading ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "text-sm text-muted-foreground", children: "Loading comments\u2026" }) : /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       CommentThread,
       {
         comments,
@@ -1796,10 +2388,10 @@ function CommentsSection({ articleSlug, config }) {
   ArticleDetailHero,
   ArticleNavigation,
   ArticleSEO,
-  ArticleSchema,
   ArticleSearchBar,
   ArticleSocialShare,
   ArticleTOC,
+  ArticleViewTracker,
   ArticlesHero,
   ArticlesPage,
   AuthorArticlesPage,
@@ -1814,6 +2406,7 @@ function CommentsSection({ articleSlug, config }) {
   CommentItem,
   CommentThread,
   CommentsSection,
+  CtaViewTracker,
   DEFAULT_CATEGORIES_PAGE_SIZE,
   DEFAULT_LAYOUT,
   DEFAULT_PAGE_SIZE,
@@ -1821,7 +2414,10 @@ function CommentsSection({ articleSlug, config }) {
   FeaturedArticle,
   LatestArticles,
   LatestArticlesSection,
+  PaginationNav,
+  RelatedArticlesSection,
   ScrollToTop,
+  SeriesArticlesPage,
   breadcrumbsAreEnabled,
   getBreadcrumbsConfig,
   useArticles