// WedgesBand — the three "why us" differentiators, promoted out of the deck's
// pillar #4. Proof is the spine; on-prem + self-serve are the wedges DepthFirst
// (SaaS, demo-gated) does not lead with. Per site-improvement-plan §2.

function WedgesBand() {
  const { React } = window;
  const wedges = [
    {
      k: 'proof',
      title: 'deterministic proof-of-exploit',
      body: "We prove a vulnerability is exploitable before you act on it — with evidence and a verdict, not a probability score. Re-run a scan, get the same result.",
    },
    {
      k: 'on-prem',
      title: 'on-prem · your data never leaves',
      body: 'Deploy behind your firewall. Your source code and all AI processing stay in your environment — built for finance, healthcare, gov, and defense.',
    },
    {
      k: 'self-serve',
      title: 'self-serve · transparent pricing',
      body: 'Scan a repo right now. Public prices: $0 free tier, managed scans from $199, continuous CI from $49/user-mo. No "request a demo" wall.',
    },
  ];

  return (
    <section className="wedges-section" data-screen-label="Why Sekura — proof, on-prem, self-serve">
      <div className="wedges-inner">
        <p className="wedges-eyebrow">why sekura</p>
        <div className="wedges-grid">
          {wedges.map(w => (
            <div className={`wedge wedge--${w.k}`} key={w.k}>
              <h3 className="wedge-title">{w.title}</h3>
              <p className="wedge-body">{w.body}</p>
            </div>
          ))}
        </div>
      </div>
    </section>
  );
}

window.WedgesBand = WedgesBand;