// sobre-parts-3.jsx — Construindo (tríade) + Para quem + Direção

/* =============================================================
   05 — O QUE ESTAMOS CONSTRUINDO / Tríade Plataforma + Método + Conteúdo
   ============================================================= */
const TRIADE = [
  {
    t: 'Plataforma',
    d: 'A jornada do imóvel em um só lugar — do garimpo ao fechamento, com financeiro, jurídico, obra e comercialização integrados.',
  },
  {
    t: 'Método',
    d: 'Um jeito de operar que separa decisão estratégica de execução operacional. Construído com quem opera no Brasil.',
  },
  {
    t: 'Conteúdo',
    d: 'Análises, padrões e referências para quem quer evoluir como operador imobiliário. A inteligência do mercado, organizada.',
  },
];

function Construindo() {
  return (
    <section className="section canvas">
      <div className="container">
        <div className="cn-head reveal">
          <div className="eyebrow muted">04 · O que estamos construindo</div>
          <h2>Mais do que software.<br/><span>Uma nova forma de operar.</span></h2>
          <p>
            O Flipper Hub combina três frentes para profissionalizar o flip
            imobiliário no Brasil — porque software sozinho não basta.
          </p>
        </div>

        <div className="cn-grid reveal">
          {TRIADE.map((p, i) => (
            <article key={i} className="cn-card">
              <div className="cn-num">{String(i + 1).padStart(2, '0')}</div>
              <h3>{p.t}</h3>
              <p>{p.d}</p>
            </article>
          ))}
        </div>
      </div>
    </section>
  );
}

/* =============================================================
   06 — PARA QUEM
   ============================================================= */
const PUBLICOS = [
  'Flippers',
  'Investidores imobiliários',
  'Operadores de leilão',
  'Empresas que compram e reformam',
  'Gestores de ativos imobiliários',
  'Quem compra para reformar e alugar',
];

function ParaQuem() {
  return (
    <section className="section surface">
      <div className="container">
        <div className="pq reveal">
          <div className="pq-side">
            <div className="eyebrow muted">05 · Para quem existimos</div>
            <h2>Para quem opera com capital, risco e responsabilidade.</h2>
          </div>
          <div className="pq-body">
            <p>
              Construímos para quem trata o imóvel como negócio — e entende
              que encontrar uma boa oportunidade é apenas o começo.
            </p>
            <p className="muted">
              O resultado depende de como cada etapa é conduzida. É isso que
              o Flipper Hub organiza.
            </p>
            <ul className="pq-tags">
              {PUBLICOS.map((p, i) => <li key={i}>{p}</li>)}
            </ul>
          </div>
        </div>
      </div>
    </section>
  );
}

/* =============================================================
   07 — DIREÇÃO
   ============================================================= */
function Direcao() {
  return (
    <section className="section dark direcao-section">
      <div className="container">
        <div className="direcao reveal">
          <div className="eyebrow on-dark">06 · A direção</div>
          <h2>
            Estamos inaugurando uma categoria,<br/>
            <span>não disputando uma existente.</span>
          </h2>
          <div className="direcao-body">
            <p>
              O Flipper Hub começa como plataforma. Mas a ambição é maior:
              queremos ser a referência de quem transforma imóveis em valor
              no Brasil.
            </p>
            <p>
              Onde tecnologia, método, dados e conteúdo se encontram para que
              cada operação seja mais clara, mais inteligente e mais lucrativa.
            </p>
            <p className="direcao-close">
              Estamos no começo. E é exatamente esse o momento mais
              interessante pra fazer parte.
            </p>
          </div>
        </div>
      </div>
    </section>
  );
}

window.SobreParts3 = { Construindo, ParaQuem, Direcao };