{% 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 center">
  <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 %}