Aug 7 - Update About us, add JQC features page, and enrollment page

app/templates/ui/about.html

@@ -41,6 +41,52 @@
     </div>
   </div>
 
+  {# ── External resources ────────────────────────────────────────────────
+     The features site is a separate property, so it is an absolute URL and
+     opens in a new tab (rel="noopener" — never let a new tab reach back into
+     this one via window.opener).
+
+     The enrollment form is served by THIS app, so it is linked with url_for()
+     rather than the absolute https://jqc.ltservicesinc.com/enrollment. That
+     keeps the link on whatever host the user is already using (jqc1, or a
+     future brand domain) instead of bouncing them across hosts, and it cannot
+     rot if the domain changes. Same page either way. #}
+  <div class="col-12 col-lg-6">
+    <a class="jqc-hub-card" href="https://jqcfeatures.ltservicesinc.com/"
+       target="_blank" rel="noopener">
+      <div class="d-flex gap-3 align-items-start">
+        <span class="jqc-tile-icon lg"><i class="bi bi-stars"></i></span>
+        <div>
+          <div class="jqc-hub-title">JQC Features</div>
+          <div class="jqc-hub-text">
+            A summary of everything JQC does — inspections, issue tracking,
+            reporting and the mobile app.
+          </div>
+        </div>
+      </div>
+      <div class="jqc-hub-open">
+        Open <i class="bi bi-box-arrow-up-right ms-1" style="font-size:.8rem;"></i>
+      </div>
+    </a>
+  </div>
+
+  <div class="col-12 col-lg-6">
+    <a class="jqc-hub-card" href="{{ url_for('enrollment.form') }}">
+      <div class="d-flex gap-3 align-items-start">
+        <span class="jqc-tile-icon lg"><i class="bi bi-person-plus"></i></span>
+        <div>
+          <div class="jqc-hub-title">Enroll More People</div>
+          <div class="jqc-hub-text">
+            Add colleagues to JQC. Tell us who needs access and what each person
+            should be able to do — we set up the accounts and email their
+            invitations.
+          </div>
+        </div>
+      </div>
+      <div class="jqc-hub-open">Open &rarr;</div>
+    </a>
+  </div>
+
   <div class="col-12">
     <div class="jqc-card">
       <div class="jqc-card-title">