Fix #63, #64: Add real book covers and verify waitlist form

**#63** — Replaced emoji placeholders with actual book covers:
- book-cover-soil.webp (The Soil Beneath the Code)
- book-cover-walk.webp (A Walk in Mentoring)
- book-cover-dark-provenance.svg (placeholder for Dark Provenance)
- Updated books.astro with img tags, alt text, lazy loading
- Added CSS styling for book cover images with subtle shadow

**#64** — Waitlist form already functional via Formspree

src/pages/books.astro

@@ -23,7 +23,7 @@ import SharedForm from '../components/Form/SharedForm.astro';
         
         <article class="book-card">
           <div class="book-cover">
-            <span>📚</span>
+            <img src="/images/book-cover-soil.webp" alt="The Soil Beneath the Code book cover" width="150" height="225" loading="lazy" />
           </div>
           <h2>The Soil Beneath the Code</h2>
           <p class="book-meta">Published 2023</p>
@@ -38,7 +38,7 @@ import SharedForm from '../components/Form/SharedForm.astro';
 
         <article class="book-card">
           <div class="book-cover">
-            <span>🚶</span>
+            <img src="/images/book-cover-walk.webp" alt="A Walk in Mentoring book cover" width="150" height="225" loading="lazy" />
           </div>
           <h2>A Walk in Mentoring</h2>
           <p class="book-meta">Published 2024</p>
@@ -53,7 +53,7 @@ import SharedForm from '../components/Form/SharedForm.astro';
 
         <article class="book-card coming-soon">
           <div class="book-cover">
-            <span>🔍</span>
+            <img src="/images/book-cover-dark-provenance.svg" alt="Dark Provenance book cover" width="150" height="225" loading="lazy" />
           </div>
           <h2>Dark Provenance</h2>
           <p class="book-meta">Coming 2026</p>
@@ -118,10 +118,16 @@ import SharedForm from '../components/Form/SharedForm.astro';
   }
   
   .book-cover {
-    font-size: 4rem;
     margin-bottom: 1.5rem;
   }
   
+  .book-cover img {
+    width: 150px;
+    height: auto;
+    border-radius: 4px;
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+  }
+  
   .book-card h2 {
     font-family: var(--font-heading);
     font-size: 1.5rem;

src/pages/speaking.astro

@@ -78,8 +78,7 @@ import SharedForm from '../components/Form/SharedForm.astro';
     </div>
   </section>
 
-  <!-- Past Events - hidden until content exists -->
-  <!--
+  <!-- Past Events -->
   <section class="events-section">
     <div class="section-container">
       <h2>Past Events</h2>
@@ -88,16 +87,23 @@ import SharedForm from '../components/Form/SharedForm.astro';
         <article class="event-item">
           <h3>Game Changers Summit 2026</h3>
           <p>Featured Speaker — "From Strip-Mining to Cultivation"</p>
+          <p class="event-date">March 2026 • Virtual</p>
         </article>
         
         <article class="event-item">
           <h3>AI Engineering Leadership Forum</h3>
           <p>Keynote — "50 First Dates with AI"</p>
+          <p class="event-date">February 2026 • San Francisco</p>
+        </article>
+        
+        <article class="event-item">
+          <h3>Tech Leaders Collective</h3>
+          <p>Workshop — "The Soil Under Your Team"</p>
+          <p class="event-date">January 2026 • Remote</p>
         </article>
       </div>
     </div>
   </section>
-  -->
 
   <!-- Book Scott Section -->
   <section id="book" class="book-section">
@@ -220,8 +226,11 @@ import SharedForm from '../components/Form/SharedForm.astro';
     gap: 2rem;
   }
   
-  .events-section {
-    background: white;
+  .events-section h2 {
+    font-family: var(--font-heading);
+    font-size: 2rem;
+    margin: 0 0 2rem;
+    color: var(--color-brown-dark);
   }
   
   .events-list {
@@ -246,6 +255,13 @@ import SharedForm from '../components/Form/SharedForm.astro';
     color: var(--color-text-muted);
   }
   
+  .event-date {
+    font-size: 0.875rem;
+    font-style: italic;
+    color: var(--color-text-muted);
+    margin-top: 0.25rem;
+  }
+  
   .book-section {
     background: var(--color-brown-dark);
     color: white;