/* v2 Funcionalitats — 10 capacitats reals del producte */

const V2_FUNCS = [
  {
    num: "01", title: "Historial de finca",
    copy: "Tota la vida d'una finca: IOFs, actuacions, costos i documents.",
    icon: (<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"><path d="M4 4h12l4 4v12H4z"/><path d="M16 4v4h4"/><path d="M8 12h8M8 16h6M8 8h4"/></svg>),
  },
  {
    num: "02", title: "Avisos de caducitat i convocatòries",
    copy: "Plans que caduquen i convocatòries d'ajuts SIDER notificades a temps.",
    icon: (<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"><path d="M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9"/><path d="M10 21a2 2 0 0 0 4 0"/></svg>),
  },
  {
    num: "03", title: "Mapa de finques",
    copy: "Geometries, rodals i unitats d'actuació sobre cartografia oficial.",
    icon: (<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"><path d="M3 6l6-3 6 3 6-3v15l-6 3-6-3-6 3z"/><path d="M9 3v15M15 6v15"/></svg>),
  },
  {
    num: "04", title: "Memòria i pressupost CPF",
    copy: "Memòria descriptiva i pressupost desglossat conforme a l'estàndard CPF.",
    icon: (<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"><rect x="4" y="3" width="16" height="18" rx="1.5"/><path d="M8 8h8M8 12h8M8 16h5"/></svg>),
  },
  {
    num: "05", title: "Vista Prepara SIDER",
    copy: "Cada camp del tràmit, llest per copiar al portal oficial.",
    icon: (<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"><rect x="8" y="3" width="13" height="13" rx="1.5"/><path d="M16 16v3a1.5 1.5 0 0 1-1.5 1.5H4.5A1.5 1.5 0 0 1 3 19V8.5A1.5 1.5 0 0 1 4.5 7H8"/></svg>),
  },
  {
    num: "06", title: "Trazabilitat IOF → Execució",
    copy: "Del pla a l'actuació executada, en un sol fil.",
    icon: (<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"><circle cx="6" cy="6" r="2.5"/><circle cx="18" cy="18" r="2.5"/><circle cx="18" cy="6" r="2.5"/><path d="M8.5 6H15.5M18 8.5V15.5M8 8l8 8"/></svg>),
  },
  {
    num: "07", title: "Evidències fotogràfiques",
    copy: "Fotos georeferenciades de cada actuació, vinculades al rodal.",
    icon: (<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"><path d="M3 7h4l2-2h6l2 2h4v13H3z"/><circle cx="12" cy="13" r="3.5"/></svg>),
  },
  {
    num: "08", title: "Control de costos",
    copy: "Per finca, per actuació i per any — sense reexcels.",
    icon: (<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"><path d="M3 18l5-6 4 4 5-7 4 5"/><path d="M3 21h18"/></svg>),
  },
  {
    num: "09", title: "Inventari dasomètric",
    copy: "AB, densitat i tipologies ORGEST per rodal.",
    icon: (<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"><path d="M12 22V12M12 12L7 7M12 12l5-5M9 4l3-2 3 2M12 2v5"/></svg>),
  },
  {
    num: "10", title: "Compatibilitat institucional",
    copy: "Camps i criteris alineats amb CPF, SIDER i bases reguladores vigents.",
    icon: (<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"><path d="M12 2l9 4v6c0 5-3.5 9-9 10-5.5-1-9-5-9-10V6z"/><path d="M9 12l2 2 4-4"/></svg>),
  },
];

const V2TechStack = () => (
  <section id="funcionalitats" className="v2-section">
    <div className="v2-container">
      <div className="reveal" style={{ maxWidth: 820, marginBottom: 64 }}>
        <V2Eyebrow>Funcionalitats</V2Eyebrow>
        <h2>Deu coses concretes que ForestOS <em>fa cada dia</em>.</h2>
        <p className="v2-section__lede">
          Cap funcionalitat genèrica, cap promesa abstracta. Cada peça respon a una
          tasca real del flux de l'enginyer forestal: redactar, inventariar, tramitar,
          executar i justificar.
        </p>
      </div>

      <div className="v2-func-grid">
        {V2_FUNCS.map((f, i) => (
          <article key={f.num} className="v2-func reveal" style={{ transitionDelay: `${i * 50}ms` }}>
            <div className="v2-func__head">
              <span className="v2-func__icon">{f.icon}</span>
              <span className="v2-func__num">{f.num}</span>
            </div>
            <h3 className="v2-func__title">{f.title}</h3>
            <p className="v2-func__copy">{f.copy}</p>
          </article>
        ))}
      </div>
    </div>
  </section>
);

window.V2TechStack = V2TechStack;