45 lines
1.6 KiB
HTML
45 lines
1.6 KiB
HTML
<section class="hero">
|
|
<!-- Mountain background layer -->
|
|
<div class="hero-mountains" aria-hidden="true">
|
|
<img [src]="resolveImageUrl(config().hero_background_url)" alt="">
|
|
</div>
|
|
|
|
<!-- Gradient overlay -->
|
|
<div class="hero-gradient"></div>
|
|
|
|
<!-- Content -->
|
|
<div class="hero-content container">
|
|
<div class="hero-inner">
|
|
<div class="hero-icon">
|
|
<img [src]="resolveImageUrl(config().hero_icon_url)" alt="" class="hero-flower">
|
|
</div>
|
|
<h1 class="hero-title">
|
|
<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 {{ config().founded_year }}.
|
|
</p>
|
|
<p class="hero-subtitle hero-tagline">
|
|
{{ config().tagline }}
|
|
</p>
|
|
<div class="hero-actions">
|
|
@if (config().donation_url) {
|
|
<a [href]="config().donation_url" target="_blank" rel="noopener noreferrer" class="btn btn-hero-primary">Support the Station</a>
|
|
}
|
|
<a routerLink="/schedule" class="btn btn-hero-secondary">View Schedule</a>
|
|
</div>
|
|
<div class="hero-listeners">
|
|
<span class="listeners-dot"></span>
|
|
<span class="listeners-text">Live on-air now — Stream free worldwide</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Mountain divider at bottom -->
|
|
<div class="hero-divider" aria-hidden="true">
|
|
<img [src]="resolveImageUrl(config().hero_divider_url)" alt="">
|
|
</div>
|
|
</section>
|