From 0c714c2f71ea75ce2d4fb451d15570ee98f0ba7f Mon Sep 17 00:00:00 2001
From: Rishabh <me@rsbh.dev>
Date: Wed, 13 May 2026 15:15:41 +0530
Subject: [PATCH] feat: render frontmatter title in default theme page

Show frontmatter title as h1 above page content. Users should
remove the # Title from MDX body to avoid duplicate headings.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 packages/chronicle/src/themes/default/Page.module.css | 4 ++++
 packages/chronicle/src/themes/default/Page.tsx        | 7 ++++++-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/packages/chronicle/src/themes/default/Page.module.css b/packages/chronicle/src/themes/default/Page.module.css
index b0196381..f6a8b68c 100644
--- a/packages/chronicle/src/themes/default/Page.module.css
+++ b/packages/chronicle/src/themes/default/Page.module.css
@@ -11,6 +11,10 @@
   max-width: 768px;
 }
 
+.title {
+  margin: 0 0 var(--rs-space-8) 0;
+}
+
 .content {
   line-height: 1.7;
 }
diff --git a/packages/chronicle/src/themes/default/Page.tsx b/packages/chronicle/src/themes/default/Page.tsx
index 194cd67c..a1bbaad7 100644
--- a/packages/chronicle/src/themes/default/Page.tsx
+++ b/packages/chronicle/src/themes/default/Page.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import { Flex } from '@raystack/apsara';
+import { Flex, Headline } from '@raystack/apsara';
 import type { ThemePageProps } from '@/types';
 import styles from './Page.module.css';
 import { Toc } from './Toc';
@@ -9,6 +9,11 @@ export function Page({ page }: ThemePageProps) {
   return (
     <Flex className={styles.page}>
       <article className={styles.article} data-article-content>
+        {page.frontmatter.title && (
+          <Headline size="t2" render={<h1 />} className={styles.title}>
+            {page.frontmatter.title}
+          </Headline>
+        )}
         <div className={styles.content}>{page.content}</div>
       </article>
       <Toc items={page.toc} />