Link find-a-unit from the FAQ, the footer, and the tail of the unit pages

app/app.py

@@ -331,6 +331,9 @@ footer a.fb{display:inline-flex;align-items:center;gap:8px}
 .nu-note{color:#6A7280;font-size:13.5px;line-height:1.6}
 .nu-mail{color:#B07B12;font-weight:600;text-decoration:none}
 .nu-src{color:#6B5510;font-weight:700;text-decoration:underline}
+.faq .a a{color:#B07B12;font-weight:700;text-decoration:underline}
+.elsewhere{margin:28px auto 0;text-align:center;font-size:14.5px;color:#6A7280}
+.elsewhere a{color:#B07B12;font-weight:700;text-decoration:underline}
 """
 
 ICO_INFO = ('<svg viewBox="0 0 24 24" width="17" height="17" fill="none" stroke="currentColor"'
@@ -449,7 +452,7 @@ def page(title, body, active=""):
 <div style="font-size:14px;line-height:1.7">Chartered by St. Luke's Lutheran Church · Zieglerville, PA<br>Cradle of Liberty Council · A family program. Every kid welcome.</div></div>
 <div><div class="fh">VISIT</div><div style="font-size:14px;line-height:1.9">{MEETING_DAYS} · Pack {PACK_CLOCK} · Troop {TROOP_CLOCK}<br>St. Luke's Lutheran Church<br>Zieglerville, PA</div></div>
 <div style="display:flex;flex-direction:column;gap:8px"><div class="fh" style="margin-bottom:4px">EXPLORE</div>
-<a href="/cubs">Cub Scouts · Pack 73</a><a href="/troop">Troop 73 · Ages 11-17</a><a href="/calendar">{PROGRAM_YEAR} Calendar</a><a href="/documents">Forms &amp; documents</a><a class="gold" href="/join">Join us</a></div>
+<a href="/cubs">Cub Scouts · Pack 73</a><a href="/troop">Troop 73 · Ages 11-17</a><a href="/calendar">{PROGRAM_YEAR} Calendar</a><a href="/documents">Forms &amp; documents</a><a href="/find-a-unit">Find a unit near you</a><a class="gold" href="/join">Join us</a></div>
 <div style="display:flex;flex-direction:column;gap:8px"><div class="fh" style="margin-bottom:4px">FOLLOW</div>
 <a class="fb" href="https://www.facebook.com/Pack73GreenLane" target="_blank" rel="noopener" aria-label="Pack 73 on Facebook"><svg viewBox="0 0 24 24" width="18" height="18" fill="currentColor" aria-hidden="true" style="flex:none"><path d="M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978.401 0 .955.042 1.468.103a8.68 8.68 0 0 1 1.141.195v3.325a8.623 8.623 0 0 0-.653-.036 26.805 26.805 0 0 0-.733-.009c-.707 0-1.259.096-1.675.309a1.686 1.686 0 0 0-.679.622c-.258.42-.374.995-.374 1.752v1.297h3.919l-.386 2.103-.287 1.564h-3.246v8.245C19.396 23.238 24 18.179 24 12.044c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.628 3.874 10.35 9.101 11.647Z"/></svg>Pack 73</a><a class="fb" href="https://www.facebook.com/Troop73GreenLane" target="_blank" rel="noopener" aria-label="Troop 73 on Facebook"><svg viewBox="0 0 24 24" width="18" height="18" fill="currentColor" aria-hidden="true" style="flex:none"><path d="M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978.401 0 .955.042 1.468.103a8.68 8.68 0 0 1 1.141.195v3.325a8.623 8.623 0 0 0-.653-.036 26.805 26.805 0 0 0-.733-.009c-.707 0-1.259.096-1.675.309a1.686 1.686 0 0 0-.679.622c-.258.42-.374.995-.374 1.752v1.297h3.919l-.386 2.103-.287 1.564h-3.246v8.245C19.396 23.238 24 18.179 24 12.044c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.628 3.874 10.35 9.101 11.647Z"/></svg>Troop 73</a></div>
 </div></footer>
@@ -571,7 +574,8 @@ def cubs():
 <div class="band" style="background:linear-gradient(180deg,rgba(13,22,40,.5),rgba(13,22,40,.7)),url('/static/img/autumn-hike.jpg') center/cover no-repeat">
 <h2>Come try a {MEETING_DAY}.</h2>
 <p style="max-width:520px">Your first visit is free and easy: just show up and see if it clicks. Most kids know by the end of the night.</p>
-<a class="cta" href="/join" style="padding:15px 34px">Tell us you're coming</a></div>"""
+<a class="cta" href="/join" style="padding:15px 34px">Tell us you're coming</a></div>
+<section style="padding:0 0 56px"><div class="wrap"><p class="elsewhere">Too far, or the wrong night? There are <a href="/find-a-unit">other packs and troops nearby</a>.</p></div></section>"""
     return page("Cub Scouts · Pack 73 · Zieglerville, PA", body, "cubs")
 
 @app.get("/troop", response_class=HTMLResponse)
@@ -629,7 +633,8 @@ def troop():
 <div style="background:#FBF8F1;padding:84px 24px;text-align:center">
 <h2 class="arch" style="margin:0 0 12px;font-weight:800;font-size:clamp(1.8rem,3.4vw,2.6rem);color:#1E2F52;letter-spacing:-.01em">Come watch a {MEETING_DAY}.</h2>
 <p style="margin:0 auto 28px;color:#5A6272;font-size:1.06rem;max-width:480px">The troop takes over at {TROOP_TIME} at St. Luke's. Drop in, meet the patrols, stay if it clicks.</p>
-<a class="cta" href="/join" style="padding:15px 34px">Message the troop</a></div>"""
+<a class="cta" href="/join" style="padding:15px 34px">Message the troop</a></div>
+<section style="padding:0 0 56px"><div class="wrap"><p class="elsewhere">Too far, or the wrong night? There are <a href="/find-a-unit">other packs and troops nearby</a>.</p></div></section>"""
     return page("The Troop · Troop 73 · Zieglerville, PA", body, "troop")
 
 @app.get("/calendar", response_class=HTMLResponse)
@@ -771,6 +776,7 @@ FAQ = [
  ("Can we join mid-year?", f"Any {MEETING_DAY} works. Badges and adventures meet kids where they are, so a January start is just as good as a September one."),
  ("What about uniforms and gear?", "Start with sneakers and a water bottle. Uniform pieces come gradually, and we keep a stash of hand-me-downs. Nobody needs camping gear to start."),
  ("Who can join?", "Every kid. Pack 73 and Troop 73 are open to all children and teens, whatever their background or beliefs. If your kid wants to camp, build, and belong, there's a spot for them."),
+ ("What if the time or place doesn't work for us?", 'Have a look at the <a href="/find-a-unit">other packs and troops nearby</a>. Between them they meet on most weeknights. What matters is that your kid gets to have fun and pick up skills worth keeping, whether that\'s here or down the road.'),
 ]
 
 SOURCE_JS = """<script>