// Hero.jsx — nội dung từ window.SITE.hero (Content.jsx + cms_settings)
function Hero() {
  const C = (window.SITE || SITE_DEFAULTS).hero;
  return (
    <section id="top" className="swk-hero">
      <div className="swk-hero-grid" />
      <div className="swk-container">
        <span className="swk-hero-tag"><Icon name="sparkles" size={15} /> {C.badge}</span>
        <h1>{C.title1}<br /><span className="grad">{C.title2}</span><br />{C.title3}</h1>
        <p className="swk-hero-sub">{C.lead}</p>
        <div className="swk-hero-actions">
          <Btn variant="gradient" size="lg" href="#services" icon="arrowRight">{C.ctaPrimary}</Btn>
          <Btn variant="onink" size="lg" href="#contact">{C.ctaSecondary}</Btn>
        </div>
        <div className="swk-hero-stats">
          {(C.stats || []).map((s) => (
            <div key={s.l}><div className="n">{s.n}</div><div className="l">{s.l}</div></div>
          ))}
        </div>
      </div>
    </section>
  );
}
Object.assign(window, { Hero });