Repurposed FAQ layout to be generic

src/layouts/FaqLayout.astro

@@ -1,9 +0,0 @@
----
-import BaseLayout from "./BaseLayout.astro";
----
-
-<BaseLayout title="Audacity | FAQ">
-  <article class="mx-4 sm:mx-auto py-12 md:py-20 prose prose-blue lg:prose-lg">
-   <slot />
-  </article>
-</BaseLayout>

src/layouts/PageLayout.astro

@@ -1,28 +1,17 @@
 ---
 import BaseLayout from "./BaseLayout.astro";
 
-export interface Props {
-  title: string;
-  subtitle: string;
+interface Props {
+  frontmatter: {
+    title: string;
+  };
 }
-const { title, subtitle} = Astro.props;
+
+const { frontmatter } = Astro.props;
 ---
 
-<BaseLayout title={title}>
-  <section class="mt-12 bg-gradient-to-b from-blue-600 to-indigo-600 ">
-    <div class="mx-auto max-w-lg sm:max-w-xl md:max-w-2xl lg:max-w-4xl xl:max-w-6xl px-3 sm:px-0 pt-16 pb-6 md:pt-24 md:pb-8 lg:pt-32 lg:pb-12">
-      <h1
-        class="text-xl sm:text-2xl md:text-3xl lg:text-4xl font-bold text-white"
-      >
-        {title}
-      </h1>
-      <p class="text-white">{subtitle}</p>
-    </div>
-  </section>
-
-  <div
-    class="mx-auto max-w-lg sm:max-w-xl md:max-w-2xl lg:max-w-4xl xl:max-w-6xl px-3 sm:px-0 pb-12 md:pb-24 lg:pb-32"
-  >
-    <slot />
-  </div>
+<BaseLayout title={frontmatter.title}>
+  <article class="mx-4 sm:mx-auto py-12 md:py-20 prose prose-blue lg:prose-lg">
+   <slot />
+  </article>
 </BaseLayout>

src/pages/FAQ.md

@@ -1,6 +1,6 @@
 ---
-layout: "../layouts/FaqLayout.astro"
-slug: FAQ
+layout: "../layouts/PageLayout.astro"
+title: Audacity | FAQ
 ---
 
 ## About Audacity