feat: Headingコンポーネントを適用

Author: staticWagomU

2025/src/components/AboutVimConf.astro

@@ -1,11 +1,10 @@
+---
+import Heading from "./Heading.astro";
+---
+
 <section id="about" class="bg-emerald-50 py-10 md:py-16">
   <div class="container mx-auto px-4">
-    <div class="mb-8 text-center">
-      <h2 class="mb-3 text-2xl font-bold text-gray-900 md:text-3xl">
-        VimConf とは
-      </h2>
-      <div class="mx-auto h-1 w-16 bg-emerald-500"></div>
-    </div>
+    <Heading> VimConf とは </Heading>
     <div
       class="mx-auto mb-8 max-w-3xl text-center text-base text-gray-700 md:text-lg"
     >

2025/src/components/KeynoteSpeakers.astro

@@ -1,19 +1,15 @@
 ---
 import { Users } from "@lucide/astro";
 import Card from "./Card.astro";
+import Heading from "./Heading.astro";
 ---
 
 <section
   id="keynote"
   class="bg-gradient-to-b from-white to-emerald-50 py-10 md:py-16"
 >
   <div class="container mx-auto px-4">
-    <div class="mb-8 text-center">
-      <h2 class="mb-3 text-2xl font-bold text-gray-900 md:text-3xl">
-        基調講演
-      </h2>
-      <div class="mx-auto h-1 w-16 bg-emerald-500"></div>
-    </div>
+    <Heading> 基調講演 </Heading>
     <Card class="mx-auto max-w-2xl p-8 text-center">
       <Users class="mx-auto mb-4 h-12 w-12 text-emerald-600 md:h-16 md:w-16" />
 

2025/src/components/OfficialBlog.astro

@@ -1,14 +1,12 @@
 ---
+import Heading from "./Heading.astro";
 import { Calendar, User, Clock, ExternalLink } from "@lucide/astro";
 ---
 
 <section id="blog" class="bg-gray-50 py-10 md:py-16">
   <div class="container mx-auto px-4">
-    <div class="mb-8 text-center">
-      <h2 class="mb-3 text-2xl font-bold text-gray-900 md:text-3xl">
-        公式ブログ
-      </h2><div class="mx-auto h-1 w-16 bg-emerald-500"></div>
-    </div><div class="mx-auto max-w-2xl">
+    <Heading> 公式ブログ </Heading>
+    <div class="mx-auto max-w-2xl">
       <a
         href="https://vimconf.wordpress.com/2025/05/30/announcing-vimconf-2025-small/"
         target="_blank"

2025/src/components/Schedule.astro

@@ -1,16 +1,12 @@
 ---
 import Card from "./Card.astro";
+import Heading from "./Heading.astro";
 import { CalendarClock } from "@lucide/astro";
 ---
 
 <section id="schedule" class="bg-white py-10 md:py-16">
   <div class="container mx-auto px-4">
-    <div class="mb-8 text-center">
-      <h2 class="mb-3 text-2xl font-bold text-gray-900 md:text-3xl">
-        スケジュール
-      </h2>
-      <div class="mx-auto h-1 w-16 bg-emerald-500"></div>
-    </div>
+    <Heading> スケジュール </Heading>
     <Card class="mx-auto max-w-2xl p-8">
       <CalendarClock
         class="mx-auto mb-4 h-12 w-12 text-emerald-600 md:h-16 md:w-16"

2025/src/components/Sponsors/index.astro

@@ -1,5 +1,6 @@
 ---
 import Card from "../Card.astro";
+import Heading from "../Heading.astro";
 import {
   Heart,
   Calendar,
@@ -12,13 +13,7 @@ import {
 
 <section id="sponsors" class="bg-emerald-50 py-10 md:py-16">
   <div class="container mx-auto px-4">
-    <div class="mb-8 text-center">
-      <h2 class="mb-3 text-2xl font-bold text-gray-900 md:text-3xl">
-        スポンサー
-      </h2>
-      <div class="mx-auto h-1 w-16 bg-emerald-500"></div>
-    </div>
-
+    <Heading> スポンサー </Heading>
     <div class="mx-auto mb-12 max-w-4xl">
       <Card class="mb-8">
         <div class="p-6 md:p-8">

2025/src/components/Staff/index.astro

@@ -1,17 +1,11 @@
 ---
 import StaffCard from "./StaffCard.astro";
+import Heading from "../Heading.astro";
 ---
 
 <section id="staff" class="bg-white py-6 sm:py-8 md:py-12 lg:py-16">
   <div class="container mx-auto px-4">
-    <div class="mb-6 text-center sm:mb-8">
-      <h2
-        class="mb-2 text-xl font-bold text-gray-900 sm:mb-3 sm:text-2xl md:text-3xl"
-      >
-        スタッフ
-      </h2>
-      <div class="mx-auto h-1 w-12 bg-emerald-500 sm:w-16"></div>
-    </div>
+    <Heading> スタッフ </Heading>
     <div
       class="xs:grid-cols-2 grid grid-cols-1 gap-3 sm:grid-cols-3 sm:gap-4 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6"
     >

2025/src/components/Venue.astro

@@ -2,14 +2,12 @@
 import VenueMap from "@/components/VenueMap.astro";
 import Card from "./Card.astro";
 import { MapPin, Calendar, Clock } from "@lucide/astro";
+import Heading from "./Heading.astro";
 ---
 
 <section id="venue" class="bg-white py-10 md:py-16">
   <div class="container mx-auto px-4">
-    <div class="mb-8 text-center">
-      <h2 class="mb-3 text-2xl font-bold text-gray-900 md:text-3xl">会場</h2>
-      <div class="mx-auto h-1 w-16 bg-emerald-500"></div>
-    </div>
+    <Heading> 会場 </Heading>
     <div class="grid items-center gap-6 md:grid-cols-2">
       <Card>
         <div class="p-4">