// Website-kit chrome. SiteHeader + SiteFooter are now official DS components
// (components/navigation/) — reuse them on every page. This file only wires the
// kit's local data defaults and keeps UspStrip alongside them.
const { SiteHeader, SiteFooter, UspItem } = window.XedapVnDesignSystem_03b1c0;

function UspStrip() {
  const { USPS } = window.KitData;
  return (
    <section style={{ borderBottom: "1px solid var(--border)", background: "color-mix(in srgb, var(--secondary) 40%, #fff)" }}>
      <div style={{ maxWidth: 1440, margin: "0 auto", padding: "32px 24px", display: "grid", gridTemplateColumns: "repeat(4,1fr)", gap: 24 }}>
        {USPS.map((u) => <UspItem key={u.label} icon={u.icon} label={u.label} />)}
      </div>
    </section>
  );
}

Object.assign(window, { SiteHeader, SiteFooter, UspStrip });