43 lines
1.5 KiB
HTML
43 lines
1.5 KiB
HTML
<section class="hero">
|
|
<!-- Mountain background layer -->
|
|
<div class="hero-mountains" aria-hidden="true">
|
|
<img src="assets/svg/mountain-silhouette.svg" 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="assets/svg/orange-flower.svg" alt="" class="hero-flower">
|
|
</div>
|
|
<h1 class="hero-title">
|
|
<span class="hero-line1">KMountain</span>
|
|
<span class="hero-line2 text-accent">Flower Radio</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.
|
|
</p>
|
|
<p class="hero-subtitle hero-tagline">
|
|
Free to stream. Funded by you. Always on-air.
|
|
</p>
|
|
<div class="hero-actions">
|
|
<a routerLink="/donate" 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="assets/svg/mountain-divider.svg" alt="">
|
|
</div>
|
|
</section>
|