/* eslint-disable */
// Six brand pillars — straight from the brand board "How We Add Value".

const PILLARS = [
  { icon: 'handshake',   name: 'Connect',          desc: 'We connect businesses, leaders and decision-makers to build meaningful relationships.' },
  { icon: 'lightbulb',   name: 'Inform',           desc: 'We deliver trusted insights, news and trends that keep businesses ahead of change.' },
  { icon: 'trending-up', name: 'Inspire',          desc: 'We share success stories and ideas that motivate innovation and entrepreneurship.' },
  { icon: 'target',      name: 'Promote',          desc: 'We give your brand visibility across digital, social and editorial channels that drive results.' },
  { icon: 'users',       name: 'Empower',          desc: 'We empower businesses with the knowledge, exposure and tools to grow and thrive.' },
  { icon: 'globe',       name: 'Elevate Curaçao',  desc: 'We champion local talent and position Curaçao as a competitive business destination.' },
];

const PillarRow = () => {
  const ctx = (window.useTweaksCtx && window.useTweaksCtx()) || { tweaks: { voice: 'triplet' } };
  const v = (window.VOICE_COPY && window.VOICE_COPY[ctx.tweaks.voice]) || window.VOICE_COPY.triplet;
  return (
    <section className="cbm-section">
      <div className="cbm-section__inner">
        <div className="cbm-section__head">
          <span className="cbm-eyebrow">{v.pillarsEyebrow}</span>
          <div className="cbm-section-rule" />
          <h2 className="cbm-section__title">{v.pillarsTitle}</h2>
          <p className="cbm-section__lede">{v.pillarsLede}</p>
        </div>
        <div className="cbm-pillars">
          {PILLARS.map(p => (
            <div key={p.name} className="cbm-pillar">
              <span className="cbm-pillar__icon"><i data-lucide={p.icon}></i></span>
              <h3 className="cbm-pillar__name">{p.name}</h3>
              <p className="cbm-pillar__desc">{p.desc}</p>
            </div>
          ))}
        </div>
      </div>
    </section>
  );
};

Object.assign(window, { PillarRow });