/* v2 Perfils — Per a qui és ForestOS (3 buyer profiles validats) */

const V2_PERFILS = [
  {
    num: "01",
    title: "Enginyer forestal de consultora o autònom",
    problem: "Gestiona entre 20 i 50 finques simultàniament. Redacta IOFs, tramita ajuts GFS i coordina contractistes. Cada finca viu en una carpeta diferent, cada any en un Excel diferent.",
    solution: "ForestOS reuneix l'historial de cada finca, prepara la documentació SIDER (tràmit 24206, ARP/836/2026, ARP/325/2026 i la resta) i avisa abans que es tanqui una convocatòria.",
    tags: ["20-50 finques", "IOF · PTGMF", "SIDER", "Coordinació"],
  },
  {
    num: "02",
    title: "Cooperativa forestal",
    problem: "Gestiona finques de socis, distribueix ordres de treball entre contractistes i consolida documentació per a auditories i justificacions. Tot creuant Word, Excel i email.",
    solution: "ForestOS centralitza l'inventari, les actuacions i els costos de tota la cooperativa en un sol lloc — cartera consolidada, ordres de treball signades i informes d'auditoria exportables.",
    tags: ["Multi-finca", "Ordres de treball", "Auditoria", "Costos"],
  },
  {
    num: "03",
    title: "Ens local o administració",
    problem: "Gestiona IOFs públics, monitoritza vigències i justifica subvencions FEADER. Sense una vista unificada de quins instruments venceran l'any vinent ni de quines actuacions queden per executar.",
    solution: "ForestOS et dóna el calendari d'instruments, les memòries justificatives i les evidències d'execució exportables per al GFS de finques públiques (tràmit 9653, SGF001–SGF005).",
    tags: ["IOFs públics", "GFS · ens locals", "FEADER", "Vigències"],
  },
];

const V2Perfils = () => (
  <section id="perfils" className="v2-section">
    <div className="v2-container">
      <div className="reveal" style={{ maxWidth: 900, marginBottom: 56 }}>
        <V2Eyebrow>Per a qui és</V2Eyebrow>
        <h2>Tres perfils. <em>Tres maneres</em> d'usar ForestOS.</h2>
        <p className="v2-section__lede">
          ForestOS està fet per als professionals que ja gestionen el bosc català
          cada dia. Si et reconeixes en algun d'aquests perfils, el producte ja
          parla la teva llengua tècnica.
        </p>
      </div>

      <div className="v2-perfils-grid">
        {V2_PERFILS.map((p, i) => (
          <article key={p.num} className="v2-perfil reveal" style={{ transitionDelay: `${i * 80}ms` }}>
            <span className="v2-perfil__num">PERFIL · {p.num}</span>
            <h3 className="v2-perfil__title">{p.title}</h3>
            <p className="v2-perfil__problem">{p.problem}</p>
            <div className="v2-perfil__divider" />
            <div>
              <div className="v2-perfil__solution-lbl">Com ForestOS l'ajuda</div>
              <p className="v2-perfil__solution">{p.solution}</p>
            </div>
            <div className="v2-perfil__tags">
              {p.tags.map((t) => <span key={t} className="v2-perfil__tag">{t}</span>)}
            </div>
          </article>
        ))}
      </div>
    </div>
  </section>
);

window.V2Perfils = V2Perfils;