@burdenoff/website-sdk 2026.529.4 → 2026.610.2

package/dist/index.d.mts

@@ -10,7 +10,7 @@ export { SocialLinks, SocialLinksProps, SocialPlatform } from './components/soci
 export { Resource, ResourceLinks, ResourceLinksProps } from './components/resource-links.mjs';
 export { RybbitAnalytics, RybbitAnalyticsProps } from './analytics/index.mjs';
 export { PageHead, PageHeadProps } from './seo/index.mjs';
-export { BlogListPage, BlogListPageProps, BlogPostPage, BlogPostPageProps, ContentPageData, ContentPageListData, ContentPageListItem, ContentRenderer, ContractAsset, ContractsPage, ContractsPageProps, PressKitAsset, PressKitAssetCategory, PressKitPage, PressKitPageProps, useContentPage, useContentPages } from './content/index.mjs';
+export { BlogListPage, BlogListPageProps, BlogPostPage, BlogPostPageProps, CaseStudiesListPage, CaseStudiesListPageProps, CaseStudyPage, CaseStudyPageProps, ChangelogPage, ChangelogPageProps, ContentPageData, ContentPageListData, ContentPageListItem, ContentRenderer, ContractAsset, ContractsPage, ContractsPageProps, PressKitAsset, PressKitAssetCategory, PressKitPage, PressKitPageProps, useContentPage, useContentPages } from './content/index.mjs';
 export { ProductData, ProductProvider, ProductProviderProps, useProduct, useProductConfig } from './product/index.mjs';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import * as React from 'react';

package/dist/index.d.ts

@@ -10,7 +10,7 @@ export { SocialLinks, SocialLinksProps, SocialPlatform } from './components/soci
 export { Resource, ResourceLinks, ResourceLinksProps } from './components/resource-links.js';
 export { RybbitAnalytics, RybbitAnalyticsProps } from './analytics/index.js';
 export { PageHead, PageHeadProps } from './seo/index.js';
-export { BlogListPage, BlogListPageProps, BlogPostPage, BlogPostPageProps, ContentPageData, ContentPageListData, ContentPageListItem, ContentRenderer, ContractAsset, ContractsPage, ContractsPageProps, PressKitAsset, PressKitAssetCategory, PressKitPage, PressKitPageProps, useContentPage, useContentPages } from './content/index.js';
+export { BlogListPage, BlogListPageProps, BlogPostPage, BlogPostPageProps, CaseStudiesListPage, CaseStudiesListPageProps, CaseStudyPage, CaseStudyPageProps, ChangelogPage, ChangelogPageProps, ContentPageData, ContentPageListData, ContentPageListItem, ContentRenderer, ContractAsset, ContractsPage, ContractsPageProps, PressKitAsset, PressKitAssetCategory, PressKitPage, PressKitPageProps, useContentPage, useContentPages } from './content/index.js';
 export { ProductData, ProductProvider, ProductProviderProps, useProduct, useProductConfig } from './product/index.js';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import * as React from 'react';

package/dist/index.js

@@ -4314,6 +4314,566 @@ function BlogPostPage(props) {
     ] })
   ] });
 }
+var CASE_STUDY_TAG = "case-study";
+var CASE_STUDIES_QUERY = `
+  query CaseStudies($productId: String!, $limit: Int, $offset: Int) {
+    publicContentPages(productId: $productId, limit: $limit, offset: $offset) {
+      items {
+        id
+        title
+        slug
+        lastUpdated
+        tags
+        seoDescription
+        excerpt
+        thumbnail
+        author
+        publishedAt
+        readingTime
+        featured
+        category
+      }
+      total
+      hasMore
+    }
+  }
+`;
+var CASE_STUDY_QUERY = `
+  query CaseStudy($slug: String!, $productId: String) {
+    publicContentPage(slug: $slug, productId: $productId) {
+      id
+      title
+      slug
+      content
+      contentFormat
+      seoTitle
+      seoDescription
+      seoKeywords
+      lastUpdated
+      tags
+      excerpt
+      thumbnail
+      author
+      publishedAt
+      readingTime
+      featured
+      category
+    }
+  }
+`;
+function CaseStudyCard({
+  post,
+  basePath = "/case-studies"
+}) {
+  const date = post.publishedAt || post.lastUpdated;
+  const formattedDate = date ? new Date(date).toLocaleDateString("en-US", {
+    year: "numeric",
+    month: "long",
+    day: "numeric"
+  }) : "";
+  const [imgError, setImgError] = React.useState(false);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "a",
+    {
+      href: `${basePath}/${post.slug}`,
+      className: "group block bg-card border rounded-xl overflow-hidden hover:shadow-lg hover:border-primary/30 transition-all duration-300",
+      children: [
+        post.thumbnail && !imgError ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aspect-[16/9] overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
+          "img",
+          {
+            src: post.thumbnail,
+            alt: post.title,
+            className: "w-full h-full object-cover group-hover:scale-105 transition-transform duration-300",
+            loading: "lazy",
+            onError: () => setImgError(true)
+          }
+        ) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aspect-[16/9] bg-muted/50 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
+          "svg",
+          {
+            className: "w-12 h-12 text-muted-foreground/20",
+            fill: "none",
+            viewBox: "0 0 24 24",
+            stroke: "currentColor",
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              "path",
+              {
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                strokeWidth: 1.5,
+                d: "M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253"
+              }
+            )
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-5 sm:p-6", children: [
+          post.category && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-block text-xs font-medium text-primary bg-primary/10 px-2.5 py-1 rounded-full mb-3", children: post.category }),
+          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold text-foreground mb-2 group-hover:text-primary transition-colors line-clamp-2", children: post.title }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground mb-4 line-clamp-3", children: post.excerpt || post.seoDescription || "" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 text-xs text-muted-foreground", children: [
+            post.author && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: post.author }),
+            post.author && formattedDate && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground/40", children: "\xB7" }),
+            formattedDate && /* @__PURE__ */ jsxRuntime.jsx("span", { children: formattedDate }),
+            post.readingTime && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground/40", children: "\xB7" }),
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                post.readingTime,
+                " min read"
+              ] })
+            ] })
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+function CaseStudiesListPage(props) {
+  const {
+    productName,
+    heroTitle = "Case Studies",
+    heroSubtitle = "Real-world stories of teams building with our platform",
+    caseStudyBasePath = "/case-studies",
+    className = "",
+    seoTitle,
+    seoDescription,
+    seoKeywords
+  } = props;
+  const client = useWebSDK();
+  const config = useWebSDKConfig();
+  const { product } = useProduct();
+  const resolvedProductId = product?.id || config.productId;
+  const [posts, setPosts] = React.useState([]);
+  const [total, setTotal] = React.useState(0);
+  const [loading, setLoading] = React.useState(true);
+  const [error, setError] = React.useState(null);
+  const [offset, setOffset] = React.useState(0);
+  const limit = 12;
+  const fetchPosts = React.useCallback(async () => {
+    if (!resolvedProductId) return;
+    setLoading(true);
+    try {
+      const result = await client.query(CASE_STUDIES_QUERY, {
+        productId: resolvedProductId,
+        limit,
+        offset
+      });
+      if (result.errors?.length) {
+        setError(result.errors[0]?.message ?? "Failed to load case studies");
+        return;
+      }
+      const caseStudies = (result.data?.publicContentPages?.items || []).filter(
+        (p) => p.tags?.includes(CASE_STUDY_TAG)
+      );
+      setPosts(caseStudies);
+      setTotal(result.data?.publicContentPages?.total || 0);
+      setError(null);
+    } catch {
+      setError("Failed to load case studies");
+    } finally {
+      setLoading(false);
+    }
+  }, [client, resolvedProductId, offset]);
+  React.useEffect(() => {
+    fetchPosts();
+  }, [fetchPosts]);
+  const featuredPosts = posts.filter((p) => p.featured);
+  const regularPosts = posts.filter((p) => !p.featured);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `w-full ${className}`, children: [
+    seoTitle && /* @__PURE__ */ jsxRuntime.jsx(
+      PageHead,
+      {
+        title: seoTitle,
+        description: seoDescription || heroSubtitle,
+        productName,
+        keywords: seoKeywords
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("section", { className: "py-16 sm:py-20 md:py-24", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center max-w-3xl mx-auto", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-3xl sm:text-4xl md:text-5xl font-bold tracking-tight text-foreground", children: heroTitle }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-4 text-lg text-muted-foreground", children: heroSubtitle })
+    ] }) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("section", { className: "pb-16 sm:pb-20", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: loading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid md:grid-cols-2 lg:grid-cols-3 gap-6 sm:gap-8", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: "bg-card border rounded-xl overflow-hidden animate-pulse",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aspect-[16/9] bg-muted" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-6 space-y-3", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 bg-muted rounded w-1/4" }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-6 bg-muted rounded w-3/4" }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 bg-muted rounded" }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 bg-muted rounded w-1/2" })
+          ] })
+        ]
+      },
+      i
+    )) }) : error ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center py-12", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: error }) }) : posts.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center py-12", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: "No case studies yet. Check back soon!" }) }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      featuredPosts.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid md:grid-cols-2 gap-6 sm:gap-8 mb-8", children: featuredPosts.map((post) => /* @__PURE__ */ jsxRuntime.jsx(
+        CaseStudyCard,
+        {
+          post,
+          basePath: caseStudyBasePath
+        },
+        post.id
+      )) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid md:grid-cols-2 lg:grid-cols-3 gap-6 sm:gap-8", children: regularPosts.map((post) => /* @__PURE__ */ jsxRuntime.jsx(
+        CaseStudyCard,
+        {
+          post,
+          basePath: caseStudyBasePath
+        },
+        post.id
+      )) }),
+      total > limit && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-center gap-4 mt-12", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            onClick: () => setOffset(Math.max(0, offset - limit)),
+            disabled: offset === 0,
+            className: "px-5 py-2.5 text-sm font-medium border rounded-lg disabled:opacity-40 hover:bg-muted transition-colors",
+            children: "Previous"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            onClick: () => setOffset(offset + limit),
+            disabled: offset + limit >= total,
+            className: "px-5 py-2.5 text-sm font-medium border rounded-lg disabled:opacity-40 hover:bg-muted transition-colors",
+            children: "Next"
+          }
+        )
+      ] })
+    ] }) }) })
+  ] });
+}
+function CaseStudyPage(props) {
+  const {
+    productName,
+    caseStudiesListUrl = "/case-studies",
+    backLabel = "Back to Case Studies",
+    className = ""
+  } = props;
+  const client = useWebSDK();
+  const config = useWebSDKConfig();
+  const { product } = useProduct();
+  const resolvedProductId = product?.id || config.productId;
+  const [post, setPost] = React.useState(null);
+  const [loading, setLoading] = React.useState(true);
+  const [error, setError] = React.useState(null);
+  const slug = typeof window !== "undefined" ? window.location.pathname.split("/").pop() || "" : "";
+  React.useEffect(() => {
+    if (!slug || !resolvedProductId) return;
+    async function fetchPost() {
+      setLoading(true);
+      try {
+        const result = await client.query(CASE_STUDY_QUERY, {
+          slug,
+          productId: resolvedProductId
+        });
+        if (result.errors?.length) {
+          setError(result.errors[0]?.message ?? "Failed to load case study");
+          return;
+        }
+        setPost(result.data?.publicContentPage ?? null);
+        setError(null);
+      } catch {
+        setError("Failed to load case study");
+      } finally {
+        setLoading(false);
+      }
+    }
+    fetchPost();
+  }, [client, slug, resolvedProductId]);
+  if (loading) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `w-full ${className}`, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-24", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "animate-pulse space-y-6", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-8 bg-muted rounded w-2/3" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 bg-muted rounded w-1/3" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aspect-[16/9] bg-muted rounded-xl" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3", children: [1, 2, 3, 4, 5].map((i) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 bg-muted rounded" }, i)) })
+    ] }) }) });
+  }
+  if (error || !post) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `w-full ${className}`, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-24 text-center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-2xl font-bold mb-4", children: "Case study not found" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground mb-6", children: error || "This case study doesn't exist or has been removed." }),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "a",
+        {
+          href: caseStudiesListUrl,
+          className: "text-primary hover:underline font-medium",
+          children: [
+            "\u2190 ",
+            backLabel
+          ]
+        }
+      )
+    ] }) });
+  }
+  const date = post.publishedAt || post.lastUpdated;
+  const formattedDate = date ? new Date(date).toLocaleDateString("en-US", {
+    year: "numeric",
+    month: "long",
+    day: "numeric"
+  }) : "";
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `w-full ${className}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      PageHead,
+      {
+        title: post.seoTitle || post.title,
+        description: post.seoDescription || post.excerpt || "",
+        productName,
+        keywords: post.seoKeywords || ""
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs("article", { className: "max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-16 sm:py-20", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "a",
+        {
+          href: caseStudiesListUrl,
+          className: "inline-flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground mb-8 transition-colors",
+          children: [
+            "\u2190 ",
+            backLabel
+          ]
+        }
+      ),
+      post.category && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-block text-xs font-medium text-primary bg-primary/10 px-2.5 py-1 rounded-full mb-4", children: post.category }),
+      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-3xl sm:text-4xl md:text-5xl font-bold tracking-tight text-foreground mb-4", children: post.title }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 text-sm text-muted-foreground mb-8", children: [
+        post.author && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-foreground", children: post.author }),
+        post.author && formattedDate && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground/40", children: "\xB7" }),
+        formattedDate && /* @__PURE__ */ jsxRuntime.jsx("span", { children: formattedDate }),
+        post.readingTime && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground/40", children: "\xB7" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+            post.readingTime,
+            " min read"
+          ] })
+        ] })
+      ] }),
+      post.thumbnail && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aspect-[16/9] rounded-xl overflow-hidden mb-10", children: /* @__PURE__ */ jsxRuntime.jsx(
+        "img",
+        {
+          src: post.thumbnail,
+          alt: post.title,
+          className: "w-full h-full object-cover"
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "prose prose-gray dark:prose-invert max-w-none", children: /* @__PURE__ */ jsxRuntime.jsx(ContentRenderer, { content: post.content, format: post.contentFormat }) })
+    ] })
+  ] });
+}
+var CHANGELOG_TAG = "changelog";
+var CHANGELOG_LIST_QUERY = `
+  query ChangelogList($productId: String!, $limit: Int, $offset: Int) {
+    publicContentPages(productId: $productId, limit: $limit, offset: $offset) {
+      items {
+        id
+        title
+        slug
+        lastUpdated
+        tags
+        excerpt
+        seoDescription
+        thumbnail
+        author
+        publishedAt
+        readingTime
+        featured
+        category
+      }
+      total
+      hasMore
+    }
+  }
+`;
+var CHANGELOG_ENTRY_QUERY = `
+  query ChangelogEntry($slug: String!, $productId: String) {
+    publicContentPage(slug: $slug, productId: $productId) {
+      content
+      contentFormat
+    }
+  }
+`;
+function formatDate(value) {
+  if (!value) return "";
+  return new Date(value).toLocaleDateString("en-US", {
+    year: "numeric",
+    month: "long",
+    day: "numeric"
+  });
+}
+function sortByDateDesc(a, b) {
+  const da = new Date(a.publishedAt || a.lastUpdated || 0).getTime();
+  const db = new Date(b.publishedAt || b.lastUpdated || 0).getTime();
+  return db - da;
+}
+function ChangelogPage(props) {
+  const {
+    productName,
+    heroEyebrow = "What's new",
+    heroTitle = "Changelog",
+    heroSubtitle = "Platform updates, improvements, and announcements \u2014 newest first.",
+    ctaTitle,
+    ctaSubtitle,
+    ctaHref,
+    ctaLabel,
+    className = "",
+    seoTitle,
+    seoDescription,
+    seoKeywords
+  } = props;
+  const client = useWebSDK();
+  const config = useWebSDKConfig();
+  const { product } = useProduct();
+  const resolvedProductId = product?.id || config.productId;
+  const [entries, setEntries] = React.useState([]);
+  const [loading, setLoading] = React.useState(true);
+  const [error, setError] = React.useState(null);
+  const fetchEntries = React.useCallback(async () => {
+    if (!resolvedProductId) return;
+    setLoading(true);
+    try {
+      const listResult = await client.query(CHANGELOG_LIST_QUERY, {
+        productId: resolvedProductId,
+        limit: 50,
+        offset: 0
+      });
+      if (listResult.errors?.length) {
+        setError(listResult.errors[0]?.message ?? "Failed to load changelog");
+        return;
+      }
+      const changelogItems = (listResult.data?.publicContentPages?.items || []).filter((p) => p.tags?.includes(CHANGELOG_TAG)).sort(sortByDateDesc);
+      const resolved = await Promise.all(
+        changelogItems.map(async (item) => {
+          try {
+            const detail = await client.query(CHANGELOG_ENTRY_QUERY, {
+              slug: item.slug,
+              productId: resolvedProductId
+            });
+            const page = detail.data?.publicContentPage;
+            return {
+              ...item,
+              content: page?.content,
+              contentFormat: page?.contentFormat
+            };
+          } catch {
+            return { ...item };
+          }
+        })
+      );
+      setEntries(resolved);
+      setError(null);
+    } catch {
+      setError("Failed to load changelog");
+    } finally {
+      setLoading(false);
+    }
+  }, [client, resolvedProductId]);
+  React.useEffect(() => {
+    fetchEntries();
+  }, [fetchEntries]);
+  const showCta = Boolean(ctaHref && ctaLabel);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `w-full ${className}`, children: [
+    seoTitle && /* @__PURE__ */ jsxRuntime.jsx(
+      PageHead,
+      {
+        title: seoTitle,
+        description: seoDescription || heroSubtitle,
+        productName,
+        keywords: seoKeywords
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("section", { className: "py-16 md:py-20 px-4 sm:px-6 lg:px-8 text-center", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-3xl mx-auto", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "inline-flex items-center gap-2 px-3 py-1.5 rounded-full bg-primary/10 border border-primary/20 text-xs font-medium text-primary mb-6", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "svg",
+          {
+            className: "h-3.5 w-3.5",
+            fill: "none",
+            viewBox: "0 0 24 24",
+            stroke: "currentColor",
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              "path",
+              {
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                strokeWidth: 2,
+                d: "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
+              }
+            )
+          }
+        ),
+        heroEyebrow
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-4xl sm:text-5xl font-bold text-foreground mb-4", children: heroTitle }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-lg text-muted-foreground", children: heroSubtitle })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("section", { className: "px-4 sm:px-6 lg:px-8 pb-20", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-3xl mx-auto space-y-12", children: loading ? [1, 2, 3].map((i) => /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: "rounded-2xl border border-border/40 bg-card overflow-hidden animate-pulse",
+        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-6 sm:p-8 space-y-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-3 bg-muted rounded w-1/3" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-6 bg-muted rounded w-2/3" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 bg-muted rounded" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 bg-muted rounded w-5/6" })
+        ] })
+      },
+      i
+    )) : error ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center py-12", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: error }) }) : entries.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center py-12", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: "No changelog entries yet. Check back soon!" }) }) : entries.map((entry) => /* @__PURE__ */ jsxRuntime.jsxs(
+      "article",
+      {
+        id: entry.slug,
+        className: "rounded-2xl border border-border/40 bg-card overflow-hidden scroll-mt-24",
+        children: [
+          entry.thumbnail && /* @__PURE__ */ jsxRuntime.jsx(
+            "img",
+            {
+              src: entry.thumbnail,
+              alt: "",
+              width: 1024,
+              height: 576,
+              loading: "lazy",
+              decoding: "async",
+              className: "w-full aspect-video object-cover border-b border-border/40"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-6 sm:p-8", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-muted-foreground mb-2", children: [
+              entry.publishedAt && /* @__PURE__ */ jsxRuntime.jsx("time", { dateTime: entry.publishedAt, children: formatDate(entry.publishedAt || entry.lastUpdated) }),
+              entry.author && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                " \xB7 ",
+                entry.author
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-xl sm:text-2xl font-bold text-foreground mb-4", children: entry.title }),
+            entry.content ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "prose prose-sm prose-gray dark:prose-invert max-w-none", children: /* @__PURE__ */ jsxRuntime.jsx(
+              ContentRenderer,
+              {
+                content: entry.content,
+                format: entry.contentFormat
+              }
+            ) }) : entry.excerpt && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground leading-relaxed", children: entry.excerpt })
+          ] })
+        ]
+      },
+      entry.id
+    )) }) }),
+    showCta && /* @__PURE__ */ jsxRuntime.jsx("section", { className: "py-14 px-4 sm:px-6 lg:px-8 bg-primary/5 border-t border-border/40", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-2xl mx-auto text-center", children: [
+      ctaTitle && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl font-bold text-foreground mb-3", children: ctaTitle }),
+      ctaSubtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground mb-7", children: ctaSubtitle }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "a",
+        {
+          href: ctaHref,
+          className: "inline-flex items-center justify-center rounded-lg bg-primary px-6 py-3 text-sm font-medium text-primary-foreground hover:opacity-90 transition-opacity",
+          children: ctaLabel
+        }
+      )
+    ] }) })
+  ] });
+}
 
 // src/content/utils.ts
 function formatBytes(bytes) {
@@ -5118,6 +5678,9 @@ exports.BlogListPage = BlogListPage;
 exports.BlogPostPage = BlogPostPage;
 exports.Button = Button;
 exports.CareersApplyForm = CareersApplyForm;
+exports.CaseStudiesListPage = CaseStudiesListPage;
+exports.CaseStudyPage = CaseStudyPage;
+exports.ChangelogPage = ChangelogPage;
 exports.ContactPage = ContactPage;
 exports.ContentRenderer = ContentRenderer;
 exports.ContractsPage = ContractsPage;