// Solutions.jsx — products & services grid. Nội dung từ window.SITE.solutions.
const SOL_ICONS = ['database', 'building', 'shield', 'headphones'];
function Solutions() {
  const C = (window.SITE || SITE_DEFAULTS).solutions;
  return (
    <Section id="services" tone="soft">
      <Reveal><Eyebrow>{C.eyebrow}</Eyebrow></Reveal>
      <Reveal delay={60}><h2 className="swk-h2">{C.heading}</h2></Reveal>
      <Reveal delay={120}><p className="swk-lead">{C.lead}</p></Reveal>
      <div className="swk-solgrid">
        {(C.items || []).map((it, i) => (
          <Reveal key={i} delay={(i % 2) * 90}>
            <a className="swk-sol" href="#contact">
              {it.img
                ? <img className="swk-sol-img" src={it.img} alt="" loading="lazy" />
                : <div className="swk-itile t-blue"><Icon name={SOL_ICONS[i % SOL_ICONS.length]} size={26} /></div>}
              <div>
                <h3>{it.h}</h3>
                <p>{it.p}</p>
                <span className="more">Xem chi tiết <Icon name="arrowRight" size={16} /></span>
              </div>
            </a>
          </Reveal>
        ))}
      </div>
    </Section>
  );
}
Object.assign(window, { Solutions });