Create AboutLayout for about page

2026-08-14 11:29:33 +08:00 · 2022-09-11 23:14:40 +06:30
parent a3dfdb8c1b
commit 499ef6d9c2
1 changed files with 25 additions and 0 deletions
@@ -0,0 +1,25 @@
+---
+import Footer from "@components/Footer.astro";
+import Header from "@components/Header.astro";
+import Layout from "./Layout.astro";
+
+export interface Props {
+  frontmatter: {
+    title: string;
+    description?: string;
+  };
+}
+
+const { frontmatter } = Astro.props;
+---
+
+<Layout title={frontmatter.title}>
+  <Header activeNav="about" />
+  <main>
+    <section class="mt-8 mb-28 prose prose-slate max-w-3xl">
+      <h1 class="text-2xl sm:text-3xl tracking-wider">{frontmatter.title}</h1>
+      <slot />
+    </section>
+  </main>
+  <Footer />
+</Layout>