function TrustBar() {
  return (
    <section className="trust-bar">
      <div className="container">
        <div className="trust-label">Trusted &amp; Accredited by</div>
        <style dangerouslySetInnerHTML={{__html: `
          .trust-bar-inner-fix { display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; gap: 32px 48px; max-width: 900px; margin: 0 auto; }
          .trust-bar-inner-fix .trust-badge { width: 160px !important; flex: 0 0 160px !important; min-width: 0 !important; }
          @media (max-width: 720px) {
            .trust-bar-inner-fix { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 32px 16px !important; max-width: 320px !important; margin: 0 auto !important; justify-items: center; }
            .trust-bar-inner-fix .trust-badge { width: auto !important; flex: initial !important; }
          }
        `}} />
        <div className="trust-bar-inner trust-bar-inner-fix">
          <div className="trust-badge">
            <img src="assets/houzz-2023.png" alt="Best of Houzz Service 2023" />
            <div className="trust-text">Best of Houzz — 2023</div>
          </div>
          <div className="trust-badge">
            <img src="assets/houzz-2024.png" alt="Best of Houzz Service 2024" />
            <div className="trust-text">Best of Houzz — 2024</div>
          </div>
          <div className="trust-badge">
            <img src="assets/homeadvisor-elite.png" alt="HomeAdvisor Elite Service" />
            <div className="trust-text">HomeAdvisor Elite Service</div>
          </div>
          <div className="trust-badge">
            <img src="assets/google-guaranteed.png" alt="Google Guaranteed Service Provider" />
            <div className="trust-text">Google Guaranteed Service Provider</div>
          </div>
        </div>
      </div>
    </section>
  );
}
window.TrustBar = TrustBar;