// Coverage / domains we pentest
const COVERAGE = [
  { icon: 'IconCode', name: 'Web Applications', tag: 'OWASP Top 10 · API-driven SPAs · GraphQL' },
  { icon: 'IconMobile', name: 'Mobile (iOS / Android)', tag: 'OWASP MASVS · Runtime tampering · IPC' },
  { icon: 'IconApi', name: 'REST & GraphQL APIs', tag: 'OWASP API Top 10 · BOLA · GraphQL depth' },
  { icon: 'IconCloud', name: 'Cloud (AWS / GCP / Azure)', tag: 'IAM · CSPM · workload + control plane' },
  { icon: 'IconNetwork', name: 'Network & Infra', tag: 'External · Internal · Wireless · AD' },
  { icon: 'IconChip', name: 'IoT & Embedded', tag: 'Firmware extraction · radio · supply chain' },
  { icon: 'IconBrain', name: 'AI / LLM Systems', tag: 'OWASP LLM Top 10 · prompt-inj · model theft' },
  { icon: 'IconKey', name: 'Identity & SSO', tag: 'OIDC · SAML · MFA bypass · session fixation' },
  { icon: 'IconWaves', name: 'Smart Contracts', tag: 'Solidity · re-entrancy · oracle manipulation' },
  { icon: 'IconUsers', name: 'Social Engineering', tag: 'Phishing · vishing · physical · OSINT' },
  { icon: 'IconBranch', name: 'CI/CD & DevOps', tag: 'Pipeline injection · runners · secrets' },
  { icon: 'IconLock', name: 'Zero Trust / SASE', tag: 'BeyondCorp · ZTNA · SASE policy holes' },
];

function Coverage() {
  return (
    <section className="section" id="coverage">
      <div className="container">
        <div className="section-head">
          <div className="section-head__title">
            <span className="eyebrow">03 · Coverage</span>
            <h2 style={{ marginTop: 18 }}>Every domain. Every layer.<br/>One platform.</h2>
          </div>
          <div className="section-head__meta">[ 12 domains · 600+ test cases ]</div>
        </div>
        <div className="cov">
          {COVERAGE.map((c, i) => {
            const I = window[c.icon];
            return (
              <div key={i} className="cov__cell">
                <div className="cov__icon"><I size={22} /></div>
                <div className="cov__name">{c.name}</div>
                <div className="cov__count">{c.tag}</div>
              </div>
            );
          })}
        </div>
      </div>
    </section>
  );
}

Object.assign(window, { Coverage });