wip: DRY up things

src/components/AboutSection.astro

@@ -1,4 +1,5 @@
 ---
+import SectionHeader from "./SectionHeader.astro";
 import { config } from "../config";
 
 interface Props {
@@ -13,14 +14,10 @@ const { introduction, summary, license } = Astro.props;
 <section id="about" class="py-20 sm:py-28">
   <div class="section-container">
     <div class="max-w-3xl mx-auto">
-      <!-- Section header -->
-      <div class="mb-12 text-center">
-        <h2 class="text-3xl sm:text-4xl mb-4">About Common-Flow</h2>
-        <p class="text-lg text-gray-600 dark:text-neutral-400">
-          A practical git workflow that combines the best of GitHub Flow with
-          versioned releases
-        </p>
-      </div>
+      <SectionHeader
+        title="About Common-Flow"
+        subtitle="A practical git workflow that combines the best of GitHub Flow with versioned releases"
+      />
 
       <!-- Introduction -->
       <div class="prose-spec mb-12" set:html={introduction} />