/* v2 Confiança — quote + market figures + institutional badges + positioning */

const V2Confianca = () => (
  <section id="confianca" className="v2-confianca">
    <div className="v2-container">
      <div className="v2-confianca__grid reveal">
        <div>
          <V2Eyebrow>Validació de mercat</V2Eyebrow>
          <div className="v2-quote" style={{ marginTop: 32 }}>
            <span className="v2-quote__mark">«</span>
            <p className="v2-quote__text">No hi ha una eina que t'aglutini tot.</p>
            <p className="v2-quote__attrib">
              <strong>Enginyer forestal amb experiència en gestió de finques privades i IOFs.</strong>
              <span className="v2-quote__source">
                Escola Agrària i Forestal de Santa Coloma de Farners · Abril 2026
              </span>
            </p>
          </div>
        </div>

        <div>
          <V2Eyebrow>El mercat en xifres</V2Eyebrow>
          <div className="v2-figures" style={{ marginTop: 32 }}>
            <div className="v2-figure">
              <span className="v2-figure__val">~4.400</span>
              <span className="v2-figure__lbl">Instruments d'ordenació forestal vigents a Catalunya</span>
            </div>
            <div className="v2-figure">
              <span className="v2-figure__val">500.000 ha</span>
              <span className="v2-figure__lbl">Bosc sota gestió planificada · 33% del bosc català</span>
            </div>
            <div className="v2-figure">
              <span className="v2-figure__val">1,39 M ha</span>
              <span className="v2-figure__lbl">Bosc català sense IOF vigent · mercat expansiu</span>
            </div>
          </div>
        </div>
      </div>

      <div className="v2-container v2-badges-row reveal" style={{ padding: 0 }}>
        <div className="v2-badges">
          <span className="v2-badge-inst">CPF</span>
          <span className="v2-badge-inst">SIDER</span>
          <span className="v2-badge-inst">PEPAC 2023-2027</span>
          <span className="v2-badge-inst">FEADER</span>
        </div>
        <div className="v2-pos">
          <strong>Fet a Catalunya</strong>, per al bosc català.
        </div>
      </div>
    </div>
  </section>
);

window.V2Confianca = V2Confianca;
