---
import RootLayout from '../layouts/RootLayout.astro';
import NotchedBox from '../components/NotchedBox.astro';
import { getEntry, render } from 'astro:content';

const about = await getEntry('page', 'about');

if (!about) {
  throw new Error('Page not found');
}

const { Content } = await render(about);
---

<RootLayout>
  <NotchedBox fillNotches="left">
    <h1>{about.data.title}</h1>
    <Content />
  </NotchedBox>
</RootLayout>
