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

# Bem-vindo à Documentação da AbacatePay

<div
  style={{ 
position: "relative",
textAlign: "center", 
padding: "80px 20px",
backgroundImage: "url('https://mintcdn.com/abacatepay/8wSiZhJSP3phE6hG/images/ABKT.png?fit=max&auto=format&n=8wSiZhJSP3phE6hG&q=85&s=2f35bd174a21218ecbb7f9ed11fde0aa')",
backgroundSize: "cover",
backgroundPosition: "center",
backgroundRepeat: "no-repeat",
borderBottom: "1px solid rgba(255,255,255,0.08)"
}}
>
  <h1 style={{ fontSize: "40px", fontWeight: "600", marginBottom: "16px", color: "#fff" }}>
    Bem-vindo à API da AbacatePay
  </h1>

  <p
    style={{
maxWidth: "800px",
margin: "0 auto",
opacity: 0.8,
fontSize: "18px",
fontWeight: "300",
}}
  >
    Aqui você encontra tudo o que precisa para integrar a API da AbacatePay:

    <br />

    pagamentos instantâneos, gestão de transações e ferramentas avançadas para o seu sistema.
  </p>
</div>

<div
  style={{
padding: "60px 20px",
maxWidth: "1100px",
margin: "0 auto",
borderBottom: "1px solid rgba(255,255,255,0.06)"
}}
>
  <h2 style={{ fontSize: "22px", fontWeight: "600", marginBottom: "12px", color: "#fff" }}>
    O que é a AbacatePay?
  </h2>

  <p style={{ opacity: 0.7, marginBottom: "24px", lineHeight: "1.7" }}>
    A AbacatePay é um gateway de pagamento que surgiu da nossa própria necessidade de simplificar cobranças. Percebemos que os meios de pagamento existentes eram excessivamente complexos — documentações confusas, processos longos de homologação e múltiplas formas de fazer a mesma coisa. Nossa solução foi uma API que transforma essa complexidade em algo simples e intuitivo:
  </p>

  ```ts theme={null}
  abacatepay.checkouts.create({
    items: [{ id: 'pro', quantity: 1 }],
  });
  ```

  <div style={{ marginTop: "32px" }}>
    <h3 style={{ fontSize: "18px", fontWeight: "600", marginBottom: "16px", color: "#fff" }}>
      Princípios da API
    </h3>

    <div
      style={{
  display: "grid",
  gridTemplateColumns: "repeat(auto-fit, minmax(280px, 1fr))",
  gap: "16px"
}}
    >
      <Card title="Baseada em intenção" icon="bullseye-arrow" horizontal>
        Cada endpoint representa exatamente o que você lê. `POST /checkouts/create` cria um checkout. Sem ambiguidade.
      </Card>

      <Card title="Consistente" icon="check-double" horizontal>
        Toda resposta segue o padrão `{data, error, success}`. Se `success` for `true`, os dados estão em `data`.
      </Card>
    </div>
  </div>
</div>

<div
  style={{ 
padding: "60px 20px",
maxWidth: "1100px",
margin: "0 auto"
}}
>
  <h2 style={{ fontSize: "22px", fontWeight: "600", marginBottom: "24px", color: "#fff" }}>
    O que você pode fazer
  </h2>

  <div
    style={{ 
display: "grid",
gridTemplateColumns: "repeat(auto-fit, minmax(260px, 1fr))",
gap: "24px",
marginBottom: "48px"
}}
  >
    <Card icon="qrcode" title="Receber via Pix" href="/pages/pix/create">
      Gere um QR Code PIX para cobrar seus clientes de forma instantânea.
    </Card>

    <Card icon="credit-card" title="Criar uma assinatura" href="/pages/subscriptions/create">
      Crie um checkout de assinatura e comece a receber pagamentos recorrentes.
    </Card>

    <Card icon="money-bill" title="Checkout (Pix + Cartão)" href="/pages/payment/create">
      Use nosso checkout para receber via Pix e Cartão de Crédito.
    </Card>

    <Card icon="credit-card" title="Receber parcelado" href="/pages/payment/installments">
      Permita que seus clientes paguem em até 12x no cartão de crédito.
    </Card>

    <Card icon="money-bill-transfer" title="Realizar saques" href="/pages/payouts/create">
      Veja como realizar saques de forma segura pela API.
    </Card>

    <Card icon="tag" title="Criar cupons" href="/pages/coupons/create">
      Aprenda a criar cupons e aplicá-los em suas transações.
    </Card>

    <Card icon="shopping-basket" title="Criar produtos" href="/pages/products/create">
      Aprenda a criar e organizar produtos dentro do seu sistema via API.
    </Card>

    <Card icon="users" title="Criar clientes" href="/pages/client/create">
      Aprenda como criar clientes via API da AbacatePay.
    </Card>
  </div>

  <h2 style={{ fontSize: "22px", fontWeight: "600", marginBottom: "24px", color: "#fff" }}>
    Primeiros passos
  </h2>

  <div
    style={{ 
display: "grid",
gridTemplateColumns: "repeat(auto-fit, minmax(260px, 1fr))",
gap: "24px",
marginBottom: "48px"
}}
  >
    <Card icon="key" title="Chaves de API" href="/pages/authentication">
      Consulte como gerar e gerenciar suas credenciais com segurança.
    </Card>

    <Card icon="terminal" title="Ambiente de testes" href="/pages/devmode">
      Entenda como funciona o ambiente de desenvolvimento e como você pode testar sua integração.
    </Card>

    <Card icon="bell" title="Configurar webhooks" href="/pages/webhooks">
      Aprenda a receber notificações de eventos em tempo real.
    </Card>

    <Card icon="coins" title="Produção" href="/pages/production">
      Como realizar vendas reais na AbacatePay.
    </Card>
  </div>

  <div style={{ textAlign: "center", marginTop: "32px" }}>
    <button
      id="load-more-btn"
      onClick={() => {
    const cards = ['card-11'];
    const btn = document.getElementById('load-more-btn');
    const firstCard = document.getElementById('card-11');
    const isHidden = firstCard && firstCard.style.display === 'none';
    cards.forEach(id => {
      const card = document.getElementById(id);
      if (card) card.style.display = isHidden ? 'block' : 'none';
    });
    if (btn) btn.textContent = isHidden ? 'Mostrar menos' : 'Carregar mais';
  }}
      style={{
    padding: "12px 32px",
    fontSize: "16px",
    fontWeight: "500",
    color: "#204749",
    backgroundColor: "#9EEA6C",
    border: "none",
    borderRadius: "75rem",
    cursor: "pointer",
  }}
    >
      Carregar mais
    </button>
  </div>

  <div id="card-11" style={{ display: "none", marginTop: "32px" }}>
    <div
      style={{ 
  display: "grid",
  gridTemplateColumns: "repeat(auto-fit, minmax(260px, 1fr))",
  gap: "24px"
}}
    >
      <Card icon="boxes-stacked" title="SDKs" href="/pages/sdks/sdks">
        Veja os SDKs disponíveis para a AbacatePay.
      </Card>

      <Card icon="codepen" title="Ferramentas" href="/pages/ecosystem/ecosystem">
        Explore o nosso ecossistema de ferramentas.
      </Card>

      <Card icon="scroll" title="ChangeLog" href="/pages/changelog/index">
        Veja as últimas alterações na API da AbacatePay.
      </Card>

      <Card icon="terminal" title="CLI" href="/pages/cli/overview">
        Veja o que temos de melhor com a nossa CLI oficial.
      </Card>

      <Card icon="command" title="AI" href="/pages/ai/overview">
        Integre com as nossas ferramentas de IA facilmente, sem magia.
      </Card>
    </div>
  </div>
</div>

<div
  style={{ 
padding: "60px 20px",
maxWidth: "1100px",
margin: "0 auto"
}}
>
  <h2
    style={{ 
fontSize: "28px", 
fontWeight: "600", 
marginBottom: "32px",
color: "#fff"
}}
  >
    Saiba mais sobre a AbacatePay
  </h2>

  <div
    style={{ 
display: "grid",
gridTemplateColumns: "repeat(auto-fit, minmax(280px, 1fr))",
gap: "24px"
}}
  >
    <Card icon="graduation-cap" title="AbacatePay Academy" href="https://chat.abacatepay.com/academy">
      Acesse o AbacatePay Academy para aprender a usar a API da AbacatePay.
    </Card>

    <Card icon="circle-question" title="FAQ e Glossário" href="/pages/faq/index">
      Dúvidas frequentes e termos técnicos explicados.
    </Card>

    <Card icon="headset" title="Suporte" href="https://www.abacatepay.com/">
      Entre em contato com o suporte da AbacatePay para ajuda com sua integração.
    </Card>
  </div>
</div>