// Trust strip — charcoal band shown on the homepage above the footer.
// Three blocks: address, hours, contact. Mono eyebrow + Switzer body.

(function () {
  window.TrustStrip = function TrustStrip() {
    const b = window.NAJMAT_DATA.brand;
    return (
      <section className="trust-strip" aria-labelledby="trust-strip-h">
        <div className="rail trust-strip-inner">
          <h2 id="trust-strip-h" className="sr-only">Find us, talk to us</h2>

          <div className="trust-block">
            <div className="label-mono">Visit</div>
            <p className="trust-block-body">
              {b.address}<br/>
              <a className="trust-block-link" href={`https://maps.google.com/?q=${encodeURIComponent(b.addressMapsQuery)}`} target="_blank" rel="noopener noreferrer">
                Open in Google Maps →
              </a>
            </p>
          </div>

          <div className="trust-block">
            <div className="label-mono">Hours</div>
            <p className="trust-block-body">
              {b.hoursLabel}<br/>
              <span className="trust-block-dim">{b.hoursClosedLabel}</span>
            </p>
          </div>

          <div className="trust-block">
            <div className="label-mono">Call · message · mail</div>
            <p className="trust-block-body">
              <a className="trust-block-link tnum" href={`tel:+${b.mobileDigits}`}>{b.mobile}</a> <span className="trust-block-dim">call · whatsapp</span><br/>
              <a className="trust-block-link" href={`mailto:${b.email}`}>{b.email}</a>
            </p>
          </div>
        </div>
      </section>
    );
  };
})();