working basic site admin

src/app/hero/hero.component.html

@@ -1,7 +1,7 @@
 <section class="hero">
   <!-- Mountain background layer -->
   <div class="hero-mountains" aria-hidden="true">
-    <img src="svg/mountain-landscape.svg" alt="">
+    <img [src]="config().hero_background_url" alt="">
   </div>
 
   <!-- Gradient overlay -->
@@ -11,18 +11,18 @@
   <div class="hero-content container">
     <div class="hero-inner">
       <div class="hero-icon">
-        <img src="svg/orange-flower.svg" alt="" class="hero-flower">
+        <img [src]="config().hero_icon_url" alt="" class="hero-flower">
       </div>
       <h1 class="hero-title">
-        <span class="hero-line1">KMountain</span>
-        <span class="hero-line2 text-accent">Flower Radio</span>
+        <span class="hero-line1">{{ config().name_primary }}</span>
+        <span class="hero-line2 text-accent">{{ config().name_secondary }}</span>
       </h1>
       <p class="hero-subtitle">
         Your community-powered, nonprofit radio station — bringing music,
-        stories, and connection to the mountain towns and beyond since 1987.
+        stories, and connection to the mountain towns and beyond since {{ config().founded_year }}.
       </p>
       <p class="hero-subtitle hero-tagline">
-        Free to stream. Funded by you. Always on-air.
+        {{ config().tagline }}
       </p>
       <div class="hero-actions">
         <a routerLink="/donate" class="btn btn-hero-primary">Support the Station</a>
@@ -37,6 +37,6 @@
 
   <!-- Mountain divider at bottom -->
   <div class="hero-divider" aria-hidden="true">
-    <img src="svg/mountain-divider.svg" alt="">
+    <img [src]="config().hero_divider_url" alt="">
   </div>
 </section>

src/app/hero/hero.component.ts

@@ -1,10 +1,15 @@
-import { Component } from '@angular/core';
+import { Component, inject } from '@angular/core';
+import { RouterLink } from '@angular/router';
+
+import { StationConfigService } from '../services/station-config.service';
 
 @Component({
   selector: 'app-hero',
   standalone: true,
-  imports: [],
+  imports: [RouterLink],
   templateUrl: './hero.component.html',
   styleUrl: './hero.component.scss',
 })
-export class HeroComponent {}
+export class HeroComponent {
+  readonly config = inject(StationConfigService).config;
+}