Aug 5 - Add new design (switchable)

app/templates/ui/about.html

@@ -0,0 +1,59 @@
+{% extends "base.html" %}
+{% block title %}About Us{% endblock %}
+
+{# About Us — new page (design A/B test). Linked from the modern sidebar. #}
+
+{% block content %}
+<div class="jqc-page-head">
+  <div class="jqc-page-title">About Us</div>
+  <div class="jqc-page-sub text-center">Janitorial Quality Control by L.T. Services, Inc.</div>
+</div>
+
+<div class="row g-4">
+  <div class="col-12 col-lg-7">
+    <div class="jqc-card h-100">
+      <div class="jqc-card-title">
+        <span class="jqc-tile-icon"><i class="bi bi-buildings"></i></span>L.T. Services, Inc.
+      </div>
+      <p class="mb-3">
+        L.T. Services, Inc. provides commercial janitorial services to public and private
+        facilities. Quality is verified in the field, not assumed — every contract is backed
+        by scheduled inspections, documented findings and tracked resolution.
+      </p>
+      <p class="mb-0 text-muted">
+        JQC is our in-house quality control platform. Inspectors work from an offline-capable
+        iPad app; managers, contract staff and customers work from this web portal. Both share
+        one record of every inspection, issue and photo.
+      </p>
+    </div>
+  </div>
+
+  <div class="col-12 col-lg-5">
+    <div class="jqc-card h-100">
+      <div class="jqc-card-title">
+        <span class="jqc-tile-icon"><i class="bi bi-check2-square"></i></span>What JQC Covers
+      </div>
+      <div class="jqc-stat-row"><span class="jqc-stat-label"><i class="bi bi-clipboard-check"></i>Facility inspections &amp; scoring</span></div>
+      <div class="jqc-stat-row"><span class="jqc-stat-label"><i class="bi bi-calendar2-week"></i>Recurring inspection schedules</span></div>
+      <div class="jqc-stat-row"><span class="jqc-stat-label"><i class="bi bi-exclamation-triangle"></i>Issue tracking with SLA deadlines</span></div>
+      <div class="jqc-stat-row"><span class="jqc-stat-label"><i class="bi bi-qr-code"></i>QR reporting from any facility</span></div>
+      <div class="jqc-stat-row"><span class="jqc-stat-label"><i class="bi bi-bar-chart"></i>Reports, scorecards and exports</span></div>
+    </div>
+  </div>
+
+  <div class="col-12">
+    <div class="jqc-card">
+      <div class="jqc-card-title">
+        <span class="jqc-tile-icon"><i class="bi bi-envelope"></i></span>Contact &amp; Support
+      </div>
+      <p class="mb-3">
+        Questions about an inspection, an issue on your site, or access to the portal —
+        start in the Support Center and we will route it to the right person.
+      </p>
+      <a href="{{ url_for('ui.support_center') }}" class="btn btn-primary">
+        <i class="bi bi-life-preserver me-1"></i>Go to Support
+      </a>
+    </div>
+  </div>
+</div>
+{% endblock %}