first pass - kryz inspired

src/app/events/events.component.html

@@ -0,0 +1,34 @@
+<section class="events">
+  <div class="container">
+    <div class="events-header">
+      <img src="assets/svg/small-flower.svg" alt="" class="events-flower" aria-hidden="true">
+      <h2>Upcoming <span class="text-accent">Events</span></h2>
+      <p class="section-intro">
+        Come meet the team, enjoy live music, and support public radio in
+        person. All events are open to the community — friends and family of
+        listeners welcome.
+      </p>
+    </div>
+
+    <div class="events-list">
+      <div class="event-card" *ngFor="let event of upcomingEvents">
+        <div class="event-date">
+          <span class="event-month">Jul</span>
+          <span class="event-day">12</span>
+          <span class="event-year">2026</span>
+        </div>
+        <div class="event-content">
+          <h3>{{ event.title }}</h3>
+          <p>{{ event.description }}</p>
+          <div class="event-meta">
+            <span class="event-location">
+              <span aria-hidden="true">📍</span> {{ event.location }}
+            </span>
+            <a href="#" class="event-rsvp">Learn More →</a>
+          </div>
+        </div>
+        <div class="event-icon" aria-hidden="true">{{ event.icon }}</div>
+      </div>
+    </div>
+  </div>
+</section>