Merge pull request 'fix(seo): use h1 as primary heading on about, schedule, events, and contact pages' (#3) from fix/seo-heading-hierarchy into main

Reviewed-on: kfj001/kmtnflower#3
Reviewed-by: kfj001 <kfj001@gmail.com>

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>
 

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.

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>
 

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>