working basic site admin

src/app/contact/contact.component.html

@@ -45,19 +45,19 @@
       <div class="contact-info">
         <div class="info-card">
           <h4><span aria-hidden="true">📍</span> Studio Location</h4>
-          <p>42 Pine Street<br>Mountain View, CO 80424</p>
+          <p [innerHTML]="config().address"></p>
         </div>
         <div class="info-card">
           <h4><span aria-hidden="true">📞</span> Phone</h4>
-          <p>(970) 555-0198<br>Mon–Fri 8 AM – 6 MT</p>
+          <p>{{ config().phone }}<br>Mon–Fri 8 AM – 6 MT</p>
         </div>
         <div class="info-card">
           <h4><span aria-hidden="true">✉️</span> Email</h4>
-          <p><a href="mailto:hello@kmountainflower.org">hello@kmountainflower.org</a></p>
+          <p><a [href]="'mailto:' + config().email">{{ config().email }}</a></p>
         </div>
         <div class="info-card">
           <h4><span aria-hidden="true">📡</span> Frequencies</h4>
-          <p>98.7 FM — Mountain Region<br>Stream: kmountainflower.org/live</p>
+          <p>{{ config().frequency }} — Mountain Region<br>Stream: {{ config().website }}/live</p>
         </div>
       </div>
     </div>

src/app/contact/contact.component.ts

@@ -1,6 +1,8 @@
-import { Component } from '@angular/core';
+import { Component, inject } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 
+import { StationConfigService } from '../services/station-config.service';
+
 @Component({
   selector: 'app-contact',
   standalone: true,
@@ -9,6 +11,8 @@ import { FormsModule } from '@angular/forms';
   styleUrl: './contact.component.scss',
 })
 export class ContactComponent {
+  readonly config = inject(StationConfigService).config;
+
   onSubmit(): void {
     alert('Thank you for your message! We will get back to you shortly.');
   }