/* Trust bar — slim reassurance row directly under the hero */
function TrustBar() {
  const items = [
    ['calendar-days', 'Open 7 days a week'],
    ['door-open', 'Walk-ins welcome'],
    ['smartphone', 'Book and check in online'],
    ['user-plus', 'New patients accepted'],
    ['shield-check', 'Covered by MSP for eligible BC residents'],
  ];
  return (
    <div style={{ background: 'var(--teal-800)', color: '#fff' }}>
      <Container style={{ display: 'flex', flexWrap: 'wrap', justifyContent: 'space-between', gap: '14px 28px', padding: '18px 32px' }}>
        {items.map(([icon, label]) => (
          <span key={label} style={{ display: 'inline-flex', alignItems: 'center', gap: 10, fontFamily: 'var(--font-sans)', fontSize: 14.5, fontWeight: 500, color: 'rgba(255,255,255,0.94)' }}>
            <Icon name={icon} size={18} color="var(--teal-200)" /> {label}
          </span>
        ))}
      </Container>
    </div>
  );
}
window.TrustBar = TrustBar;