/* Sectors — 5 verified verticals with operational pain → approach */

const SECTORS = [
  {
    id: 'automotive',
    name: 'Automotive & Discrete Manufacturing',
    clients: ['Caetano Bus', 'INAPAL Metal', 'SERRATEC'],
    pain: 'Complex assembly lines with manual data collection, fragmented real-time visibility, weak traceability systems, and poor OEE attribution across stations.',
    approach: 'Production-assembly MES vertical: line logic, automatic data collection, parameter historian, and structured operator workflows.',
  },
  {
    id: 'dairy',
    name: 'Dairy & Food',
    clients: ['Lactogal'],
    pain: 'Recipe and batch operations spanning multiple sites with disconnected lab data and inconsistent traceability across product families.',
    approach: 'Recipe operations, LIMS integration, end-to-end traceability, paperless manufacturing execution, digital quality control, and corporate templates organized by product family.',
  },
  {
    id: 'cork',
    name: 'Cork, Paper & Forest Products',
    clients: ['Corticeira Amorim'],
    pain: 'Multi-site lot control and genealogy spread across paper-driven processes — fragile, opaque, hard to standardize.',
    approach: 'Single-instance multi-site MOM deployment on TrakSYS — paperless manufacturing execution, lot genealogy, real-time visibility, and global governance.',
    flagship: true,
  },
  {
    id: 'packaging',
    name: 'Packaging for Consumer Goods',
    clients: ['Colep PK', 'IMTO'],
    pain: 'Multi-machine packaging lines with high scrap rates, poor OEE visibility, downtime attribution gaps, and weak operator task structuring.',
    approach: 'Complex line modeling, scrap attribution, operator task management, and CCP-grade quality workflows.',
  },
  {
    id: 'construction',
    name: 'Construction-as-Manufacturing',
    clients: [],
    pain: 'Prefabrication and modular production environments where shop-floor discipline lags traditional manufacturing.',
    approach: 'Factory-of-the-future operating models, Lean/Kaizen routines, and modular production execution.',
  },
];

function Sectors() {
  return (
    <section className="kt-section kt-section-subtle">
      <div className="kt-container">
        <div className="kt-divider">
          <span className="kt-divider-label">03 · INDUSTRIES</span>
          <span className="kt-divider-line"></span>
        </div>
        <div className="kt-sechead">
          <h2 className="kt-section-title">
            Sector depth, not<br />sector tourism.
          </h2>
          <p className="kt-section-lede">
            Every sector has its own operational grammar — recipes, lots, line logic, traceability rules. We bring patterns that survived contact with real shopfloors.
          </p>
        </div>
        <div className="kt-sector-grid">
          {SECTORS.map((s, i) => (
            <a key={s.id} href={`sectors.html#${s.id}`} className={`kt-sector-card ${s.flagship ? 'is-flagship' : ''}`}>
              <div className="kt-sector-num kt-mono">0{i + 1}</div>
              <h3 className="kt-sector-name">{s.name}</h3>
              {s.clients.length > 0 && (
                <div className="kt-sector-clients">
                  {s.clients.map(c => <span key={c} className="kt-mono kt-sector-client">{c}</span>)}
                </div>
              )}
              <div className="kt-sector-row">
                <span className="kt-sector-row-label">PAIN</span>
                <span>{s.pain}</span>
              </div>
              <div className="kt-sector-row">
                <span className="kt-sector-row-label">APPROACH</span>
                <span>{s.approach}</span>
              </div>
              <div className="kt-sector-cta">View sector →</div>
            </a>
          ))}
        </div>
      </div>
    </section>
  );
}

window.Sectors = Sectors;