const StatBar = () => (
  <section className="statbar">
    <div className="wrap statbar-grid">
      <div className="cell amber">
        <div className="tag">Insurance Range</div>
        <div className="v tabular">$80K–$200K+</div>
        <div className="l">Typical Florida roofing crew annual insurance spend</div>
      </div>
      <div className="cell amber">
        <div className="tag">Monitoring</div>
        <div className="v tabular">Armed</div>
        <div className="l">Live AI on-device the entire time the unit is deployed</div>
      </div>
      <div className="cell red">
        <div className="tag">Avg Dispute</div>
        <div className="v tabular">$5K–$25K</div>
        <div className="l">Customer dispute without video evidence</div>
      </div>
      <div className="cell red">
        <div className="tag">Avg Theft Loss</div>
        <div className="v tabular">$10K+</div>
        <div className="l">Single overnight jobsite theft event</div>
      </div>
    </div>
  </section>
);

const TrustBar = () => (
  <section className="trustbar">
    <div className="wrap trustbar-inner">
      <span className="item"><span className="dot" /> Active-Deployment Monitoring</span>
      <span className="item"><span className="dot" /> On-Device AI</span>
      <span className="item"><span className="dot" /> 5G Connectivity</span>
      <span className="item"><span className="dot" /> Tamper-Proof Evidence</span>
      <span className="item"><span className="dot" /> Hardware You Own</span>
      <span className="item"><span className="dot" /> Cancel Anytime</span>
    </div>
  </section>
);

Object.assign(window, { StatBar, TrustBar });