first pass - kryz inspired

src/app/about/about.component.html

@@ -0,0 +1,65 @@
+<section class="about">
+  <div class="container">
+    <div class="about-intro">
+      <img src="assets/svg/orange-flower.svg" alt="" class="about-flower-decor" aria-hidden="true">
+      <h2>About <span class="text-accent">KMountain Flower</span></h2>
+      <p class="section-intro">
+        For nearly four decades, KMountain Flower has been the voice of our
+        community — a nonprofit, listener-supported radio station dedicated to
+        music, local news, and the stories that bind mountain towns together.
+      </p>
+    </div>
+
+    <div class="about-grid">
+      <div class="about-card">
+        <div class="card-icon">🎵</div>
+        <h3>Our Music</h3>
+        <p>
+          From bluegrass and folk to jazz and classical, our playlists reflect
+          the rich cultural tapestry of the high country and its neighbors. We
+          feature local artists alongside the world's best voices.
+        </p>
+      </div>
+      <div class="about-card">
+        <div class="card-icon">🤝</div>
+        <h3>Our Community</h3>
+        <p>
+          Every show is staffed by volunteers who live and work in these
+          mountains. From high school DJs to retired teachers, our team is your
+          community — passionate about sharing what they love.
+        </p>
+      </div>
+      <div class="about-card">
+        <div class="card-icon">📡</div>
+        <h3>Our Reach</h3>
+        <p>
+          Over the air on 98.7 FM and streaming live worldwide. Whether you're
+          hiking the ridgeline or on the other side of the planet, our signal
+          — and our welcome — goes everywhere.
+        </p>
+      </div>
+      <div class="about-card">
+        <div class="card-icon">🌱</div>
+        <h3>Our Mission</h3>
+        <p>
+          To keep public radio free, independent, and deeply rooted in place.
+          No corporate advertising, no spin — just music, conversation, and
+          community served with care.
+        </p>
+      </div>
+    </div>
+
+    <div class="about-cta">
+      <div class="about-flower-divider" aria-hidden="true">
+        <img src="assets/svg/small-flower.svg" alt="">
+      </div>
+      <h3>Become a Member</h3>
+      <p class="section-intro">
+        As a 501(c)(3) nonprofit, every donation keeps our airwaves free and our
+        signal strong. Members receive exclusive perks and the satisfaction of
+        knowing they helped make this possible.
+      </p>
+      <a routerLink="/donate" class="btn">Join the Station</a>
+    </div>
+  </div>
+</section>