// sobre-parts-1.jsx — Hero (manifesto) + Origem (founder story)

/* =============================================================
   01 — HERO / Manifesto editorial
   ============================================================= */
function Hero() {
  return (
    <section className="sobre-hero canvas">
      <div className="container">
        <div className="sobre-hero-inner reveal">
          <div className="eyebrow">Sobre</div>
          <h1>
            Antes de ser uma plataforma,<br/>
            o Flipper Hub foi <span className="accent">uma necessidade.</span>
          </h1>
          <p className="lede">
            Nasceu de seis anos de prática real no flip imobiliário — e da
            convicção de que o mercado brasileiro precisa de uma base
            operacional própria, construída por quem opera, para quem opera.
          </p>
        </div>
      </div>
    </section>
  );
}

/* =============================================================
   02 — A ORIGEM / Founder story em 1ª pessoa
   ============================================================= */
function Origem() {
  return (
    <section className="section surface">
      <div className="container">
        <div className="origem reveal">
          <div className="origem-side">
            <div className="origem-num">01</div>
            <div className="origem-label">A origem</div>
            <h2>Nasceu da operação.<br/>Não da prancheta.</h2>
          </div>

          <div className="origem-body">
            <p>
              O Flipper Hub nasceu da prática real de quem opera flip
              imobiliário no Brasil há seis anos. Não veio de uma reunião
              de produto — veio do chão da operação.
            </p>

            <p className="muted">
              No mercado brasileiro, é comum ver operações de alto capital
              sendo conduzidas com planilhas separadas, WhatsApp segmentado
              por obra, pastas no Drive, contratos no e-mail e repasses
              confiando na memória. Funciona — até parar de funcionar.
            </p>

            <p className="muted">
              Quando o número de imóveis em paralelo cresce, fica claro que
              a fragmentação não é detalhe operacional. É ela que está
              comendo a margem.
            </p>

            <blockquote className="origem-pull">
              Um custo mal registrado. Uma decisão sem histórico. Um repasse
              esquecido. <span>A operação não falha de uma vez. Ela perde margem aos poucos.</span>
            </blockquote>

            <p className="muted">
              A ferramenta certa não existia. Os ERPs imobiliários tratam
              imóvel como cadastro. Os CRMs olham só pra venda. As planilhas
              não acompanham documento, obra e financeiro juntos. Nada
              falava a língua do flip brasileiro.
            </p>

            <p className="origem-conclusao">
              Foi dessa lacuna que nasceu o Flipper Hub.
            </p>
          </div>
        </div>
      </div>
    </section>
  );
}

window.SobreParts1 = { Hero, Origem };