Add Privacy and Terms demo pages

src/layouts/MarkdownLayout.astro

@@ -0,0 +1,32 @@
+---
+import Layout from '~/layouts/BaseLayout.astro';
+import Header from '~/components/widgets/Header.astro';
+import Footer from '~/components/widgets/Footer.astro';
+import Announcement from '~/components/widgets/Announcement.astro';
+
+import { MetaSEO } from '~/types';
+
+export interface Props {}
+
+const { frontmatter } = Astro.props;
+
+const meta: MetaSEO = {
+	title: frontmatter?.title,
+};
+---
+
+<Layout {meta}>
+	<Announcement />
+	<Header />
+	<main>
+		<section class="px-4 py-16 sm:px-6 mx-auto lg:px-8 lg:py-20 max-w-4xl">
+			<h1 class="font-bold font-heading text-3xl md:text-4xl leading-tighter tracking-tighter">{frontmatter.title}</h1>
+			<div
+				class="mx-auto prose prose-lg max-w-4xl dark:prose-invert dark:prose-headings:text-slate-300 prose-md prose-headings:font-heading prose-headings:leading-tighter prose-headings:tracking-tighter prose-headings:font-bold prose-a:text-primary-600 dark:prose-a:text-primary-400 prose-img:rounded-md prose-img:shadow-lg mt-8"
+			>
+				<slot />
+			</div>
+		</section>
+	</main>
+	<Footer />
+</Layout>