<!--
STORYMAPPER — ABOUT PAGE (MATCHING HOMEPAGE STYLE)
Paste into a WordPress Custom HTML block.
-->

<section class="sm-wrap">
  <div class="sm-container">

    <div class="sm-kicker">
      <span class="sm-dot"></span>
      <span>About StoryMapper</span>
    </div>

    <div class="sm-hero" style="grid-template-columns: 1fr;">
      <div class="sm-card">

        <h1 class="sm-h1">About StoryMapper</h1>

        <p class="sm-sub">
          This site is a collaboration of many people committed to increasing the discovery
          of great local stories.
        </p>

        <p style="font-size:18px; line-height:1.6; max-width:70ch;">
          It is led by <strong>Wayne Parker</strong>, who is based in Eugene, Oregon.
          Wayne is a writer, mapper, and local history enthusiast focused on helping meaningful
          journalism remain visible long after publication—by connecting stories to the places
          they belong.
        </p>

        <p style="font-size:18px; line-height:1.6; max-width:70ch;">
          StoryMapper exists to solve a simple problem: too many powerful stories fade too fast.
          By using geography as a discovery tool, this project helps readers explore, rediscover,
          and build deeper connections to their communities.
        </p>

        <div class="sm-cta" style="margin-top:26px;">
          <div>
            <h3>Get in touch</h3>
            <p>
              Have questions, ideas, or want to see a demo using your stories?
            </p>
          </div>
          <div class="sm-actions" style="margin:0;">
            <a class="sm-btn sm-btn-primary" href="mailto:waynejparker@gmail.com">
              Email Wayne
            </a>
            <a class="sm-btn sm-btn-secondary" href="/">
              Return to homepage
            </a>
          </div>
        </div>

        <p class="sm-fine">
          StoryMapper™ is an independent project designed to support local journalism,
          community memory, and long-term story discovery.
        </p>

      </div>
    </div>

  </div>
</section>