> ## Documentation Index
> Fetch the complete documentation index at: https://docs.payments.bob.company/llms.txt
> Use this file to discover all available pages before exploring further.

# Início

> Integre PIX com checkout hospedado, SDK Checkout ou API direta.

<div className="bob-home not-prose">
  <section className="bob-hero">
    <div className="bob-hero-glow" aria-hidden="true" />

    <div className="bob-hero-content">
      <p className="bob-hero-kicker">Bem-vindo à documentação da Bob Payments</p>
      <h1>Pagamentos que encaixam no seu produto</h1>

      <p className="bob-hero-description">
        Integre PIX com checkout hospedado, SDK Checkout ou API direta.
      </p>

      <a className="bob-hero-button" href="/pages/quickstart">
        Começar a integrar <span aria-hidden="true">→</span>
      </a>
    </div>
  </section>

  <div className="bob-home-surface">
    <div className="bob-home-container">
      <a className="bob-feature-banner" href="/pages/sdk/overview">
        <span className="bob-feature-icon" aria-hidden="true">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round">
            <path d="M9 18l-5-6 5-6" />

            <path d="M15 6l5 6-5 6" />
          </svg>
        </span>

        <span className="bob-feature-copy">
          <span className="bob-feature-title">SDKs oficiais</span>
          <span>Integre no backend ou incorpore o checkout ao seu site.</span>
        </span>

        <span className="bob-feature-button">Explorar SDKs <span aria-hidden="true">→</span></span>
      </a>

      <div className="bob-entry-grid">
        <div className="bob-entry-card">
          <div className="bob-entry-title">
            <span className="bob-entry-icon" aria-hidden="true">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round">
                <path d="M14 3h5a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-5" />

                <path d="M10 17l5-5-5-5" />

                <path d="M15 12H3" />
              </svg>
            </span>

            <h2>Comece com a Bob Payments</h2>
          </div>

          <a className="bob-entry-action" href="/pages/quickstart">Ver guia rápido</a>

          <ul>
            <li>Entenda o fluxo de pagamento.</li>
            <li>Crie sua primeira sessão no sandbox.</li>
            <li>Confirme o resultado por webhook.</li>
            <li>Prepare sua integração para produção.</li>
          </ul>
        </div>

        <div className="bob-entry-card">
          <div className="bob-entry-title">
            <span className="bob-entry-icon" aria-hidden="true">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round">
                <path d="M9 18l-5-6 5-6" />

                <path d="M15 6l5 6-5 6" />
              </svg>
            </span>

            <h2>Formas de integração</h2>
          </div>

          <a className="bob-entry-action" href="/pages/payments">Escolher integração</a>

          <ul>
            <li>Checkout hospedado para começar rápido.</li>
            <li>SDK Checkout dentro do seu site.</li>
            <li>API direta para controlar o fluxo de PIX.</li>
            <li>SDKs de servidor para Node.js e PHP.</li>
          </ul>
        </div>

        <div className="bob-entry-card">
          <div className="bob-entry-title">
            <span className="bob-entry-icon" aria-hidden="true">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round">
                <path d="M4 19V5a2 2 0 0 1 2-2h9l5 5v11a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z" />

                <path d="M14 3v5h5" />

                <path d="M8 13h8" />

                <path d="M8 17h5" />
              </svg>
            </span>

            <h2>Referência da API</h2>
          </div>

          <a className="bob-entry-action" href="/pages/pix/create">Ver endpoints</a>

          <ul>
            <li>Autenticação por chave Bearer.</li>
            <li>Sessões, transações e clientes.</li>
            <li>Idempotência e códigos de erro.</li>
            <li>Eventos e assinaturas de webhook.</li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</div>