From 499ef6d9c267da176cea1d9ef7d60ae236559880 Mon Sep 17 00:00:00 2001
From: Sat Naing <satnaingdev@gmail.com>
Date: Sun, 11 Sep 2022 23:14:40 +0630
Subject: [PATCH] Create AboutLayout for about page

---
 src/layouts/AboutLayout.astro | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)
 create mode 100644 src/layouts/AboutLayout.astro

diff --git a/src/layouts/AboutLayout.astro b/src/layouts/AboutLayout.astro
new file mode 100644
index 0000000..244749e
--- /dev/null
+++ b/src/layouts/AboutLayout.astro
@@ -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>