From b7e67fa244406f5d507cf23f56e43f9aab8c9e7a Mon Sep 17 00:00:00 2001
From: robot <robot@hermes.local>
Date: Tue, 4 Aug 2026 09:26:48 +0000
Subject: [PATCH] fix(seo): use h1 as primary heading on about, schedule,
 events, and contact pages

Each public page now has exactly one <h1> element for proper semantic
heading hierarchy:
- About: 'About [Station Name]' (h1), with subsection h2s for History/Team
- Schedule: 'Program Schedule' (h1)
- Events: 'Upcoming Events' (h1)
- Contact: 'Get in Touch' (h1)

The home page hero component already used <h1>, as did login and admin.
---
 src/app/about/about.component.html       | 2 +-
 src/app/contact/contact.component.html   | 2 +-
 src/app/events/events.component.html     | 2 +-
 src/app/schedule/schedule.component.html | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/app/about/about.component.html b/src/app/about/about.component.html
index eb67bd5..114dab7 100644
--- a/src/app/about/about.component.html
+++ b/src/app/about/about.component.html
@@ -3,7 +3,7 @@
     <!-- Intro -->
     <div class="about-intro">
       <img [src]="resolveImageUrl(config().hero_icon_url)" alt="" class="about-flower-decor" aria-hidden="true">
-      <h2>About <span class="text-accent">{{ config().name_primary }} {{ config().name_secondary }}</span></h2>
+      <h1>About <span class="text-accent">{{ config().name_primary }} {{ config().name_secondary }}</span></h1>
       <p class="section-intro">{{ config().about_intro }}</p>
     </div>
 
diff --git a/src/app/contact/contact.component.html b/src/app/contact/contact.component.html
index 0ece1c3..c137437 100644
--- a/src/app/contact/contact.component.html
+++ b/src/app/contact/contact.component.html
@@ -2,7 +2,7 @@
   <div class="container">
     <div class="contact-header">
       <img src="svg/small-flower.svg" alt="" class="contact-flower" aria-hidden="true">
-      <h2>Get in <span class="text-accent">Touch</span></h2>
+      <h1>Get in <span class="text-accent">Touch</span></h1>
       <p class="section-intro">
         Have a song request, want to volunteer, or just want to say hello?
         We'd love to hear from you.
diff --git a/src/app/events/events.component.html b/src/app/events/events.component.html
index 2c9fb72..3b820d6 100644
--- a/src/app/events/events.component.html
+++ b/src/app/events/events.component.html
@@ -2,7 +2,7 @@
   <div class="container">
     <div class="events-header">
       <img src="svg/small-flower.svg" alt="" class="events-flower" aria-hidden="true">
-      <h2>Upcoming <span class="text-accent">Events</span></h2>
+      <h1>Upcoming <span class="text-accent">Events</span></h1>
       <p class="section-intro">{{ config().events_intro }}</p>
     </div>
 
diff --git a/src/app/schedule/schedule.component.html b/src/app/schedule/schedule.component.html
index 7e2694b..9641c9f 100644
--- a/src/app/schedule/schedule.component.html
+++ b/src/app/schedule/schedule.component.html
@@ -2,7 +2,7 @@
   <div class="container">
     <div class="schedule-header">
       <img [src]="resolveImageUrl(config().logo_url)" alt="" class="schedule-flower" aria-hidden="true">
-      <h2>Program <span class="text-accent">Schedule</span></h2>
+      <h1>Program <span class="text-accent">Schedule</span></h1>
       <p class="section-intro">{{ config().schedule_intro }}</p>
     </div>