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

# Documentação OneSignal

> Comece a construir mais rápido com OneSignal. Explore quickstarts, SDKs, canais de mensagens, referências de API e recursos avançados como Journeys e Live Activities.

export const HomepageBanner = ({imgSrc, imgAlt, title, description}) => {
  return <div style={{
    height: "280px"
  }} class="relative flex items-center justify-center mb-3">
      <img style={{
    height: "280px",
    width: "100%"
  }} src={imgSrc} alt={imgAlt} class="absolute top-0 left-0 w-100 object-cover rounded-none" noZoom />
      <div class="z-10 text-center text-gray-200 flex flex-col items-center justify-center gap-4 h-min px-6">
        <h1 role="heading" aria-level="1" class="inline-block text-4xl sm:text-6xl font-extrabold text-color-white">
          {title}
        </h1>
        <p class="text-md sm:text-lg font-normal">{description}</p>
      </div>
    </div>;
};

<HomepageBanner imgSrc="/images/docs/docs-header-image.png" imgAlt="abstract graphic" title="Documentação OneSignal" description="Comece a construir mais rápido com guias abrangentes, código de exemplo e visões gerais de plataforma para mensagens omnichannel." />

<div
  style={{
padding: '0 clamp(1rem, 10vw, 20rem)',
maxWidth: '100%',
boxSizing: 'border-box',
paddingBottom: '5rem'
}}
>
  <Columns cols={3}>
    <Card href="./quickstart-guide">
      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '1rem' }}>
        <div style={{ flexShrink: 0, width: '40px', height: '40px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
          <img src="https://mintcdn.com/onesignal/s4WC_KzLxf8ornqq/images/svg/docs-icn-browser.svg?fit=max&auto=format&n=s4WC_KzLxf8ornqq&q=85&s=9d706254f1d14b7083e25c69918f735d" style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }} width="48" height="48" data-path="images/svg/docs-icn-browser.svg" />
        </div>

        <div>
          <div style={{ fontWeight: '800', fontSize: '1.1rem', marginBottom: '0.25rem' }}>
            Configuração do Dashboard
          </div>

          <div>
            Configure seu projeto OneSignal, configure plataformas e comece a enviar notificações rapidamente.
          </div>
        </div>
      </div>
    </Card>

    <Card href="./developers">
      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '1rem' }}>
        <div style={{ flexShrink: 0, width: '40px', height: '40px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
          <img src="https://mintcdn.com/onesignal/s4WC_KzLxf8ornqq/images/svg/docs-icn-sdk.svg?fit=max&auto=format&n=s4WC_KzLxf8ornqq&q=85&s=4f14b67a2d6a0a02bc4131093d066ed8" style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }} width="48" height="48" data-path="images/svg/docs-icn-sdk.svg" />
        </div>

        <div>
          <div style={{ fontWeight: '800', fontSize: '1.1rem', marginBottom: '0.25rem' }}>
            Configuração do SDK
          </div>

          <div>
            Instale e integre o OneSignal SDK com seu app para habilitar capacidades de mensagens.
          </div>
        </div>
      </div>
    </Card>

    <Card href="/reference/rest-api-overview">
      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '1rem' }}>
        <div style={{ flexShrink: 0, width: '40px', height: '40px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
          <img src="https://mintcdn.com/onesignal/s4WC_KzLxf8ornqq/images/svg/docs-icn-code.svg?fit=max&auto=format&n=s4WC_KzLxf8ornqq&q=85&s=d6cc289d815972a037dafb35d24e41a8" style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }} width="48" height="48" data-path="images/svg/docs-icn-code.svg" />
        </div>

        <div>
          <div style={{ fontWeight: '800', fontSize: '1.1rem', marginBottom: '0.25rem' }}>
            Referência da API
          </div>

          <div>
            Explore nossa referência completa de API para automatizar mensagens, gerenciar usuários e rastrear entrega.
          </div>
        </div>
      </div>
    </Card>

    <Card href="./push">
      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '1rem' }}>
        <div style={{ flexShrink: 0, width: '40px', height: '40px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
          <img src="https://mintcdn.com/onesignal/s4WC_KzLxf8ornqq/images/svg/docs-icn-push.svg?fit=max&auto=format&n=s4WC_KzLxf8ornqq&q=85&s=a9f9de833ba6090a599044decaed4fef" style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }} width="48" height="48" data-path="images/svg/docs-icn-push.svg" />
        </div>

        <div>
          <div style={{ fontWeight: '800', fontSize: '1.1rem', marginBottom: '0.25rem' }}>
            Push
          </div>

          <div>
            Configure e envie notificações push mobile e web com segmentação avançada e automação.
          </div>
        </div>
      </div>
    </Card>

    <Card href="./email-messaging">
      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '1rem' }}>
        <div style={{ flexShrink: 0, width: '40px', height: '40px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
          <img src="https://mintcdn.com/onesignal/s4WC_KzLxf8ornqq/images/svg/docs-icn-email.svg?fit=max&auto=format&n=s4WC_KzLxf8ornqq&q=85&s=4a4d97ed68983fd3281c4bc4d7dda23f" style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }} width="48" height="48" data-path="images/svg/docs-icn-email.svg" />
        </div>

        <div>
          <div style={{ fontWeight: '800', fontSize: '1.1rem', marginBottom: '0.25rem' }}>
            Email
          </div>

          <div>
            Crie, personalize e envie emails transacionais e de marketing usando OneSignal.
          </div>
        </div>
      </div>
    </Card>

    <Card href="./sms-messaging">
      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '1rem' }}>
        <div style={{ flexShrink: 0, width: '40px', height: '40px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
          <img src="https://mintcdn.com/onesignal/s4WC_KzLxf8ornqq/images/svg/docs-icn-sms.svg?fit=max&auto=format&n=s4WC_KzLxf8ornqq&q=85&s=cb9c97c4e56196ecf09291521e636cbc" style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }} width="48" height="48" data-path="images/svg/docs-icn-sms.svg" />
        </div>

        <div>
          <div style={{ fontWeight: '800', fontSize: '1.1rem', marginBottom: '0.25rem' }}>
            SMS & RCS
          </div>

          <div>
            Envie mensagens SMS e RCS sensíveis ao tempo usando o poderoso motor de mensagens do OneSignal.
          </div>
        </div>
      </div>
    </Card>

    <Card href="./in-app-messages-setup">
      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '1rem' }}>
        <div style={{ flexShrink: 0, width: '40px', height: '40px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
          <img src="https://mintcdn.com/onesignal/s4WC_KzLxf8ornqq/images/svg/docs-icn-inapp-message.svg?fit=max&auto=format&n=s4WC_KzLxf8ornqq&q=85&s=052c7c7b516e4887bba4a88086750180" style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }} width="48" height="48" data-path="images/svg/docs-icn-inapp-message.svg" />
        </div>

        <div>
          <div style={{ fontWeight: '800', fontSize: '1.1rem', marginBottom: '0.25rem' }}>
            Mensagens in-app
          </div>

          <div>
            Crie mensagens in-app para engajar usuários enquanto estão ativos no seu app.
          </div>
        </div>
      </div>
    </Card>

    <Card href="./live-activities">
      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '1rem' }}>
        <div style={{ flexShrink: 0, width: '40px', height: '40px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
          <img src="https://mintcdn.com/onesignal/s4WC_KzLxf8ornqq/images/svg/docs-icn-live-activity.svg?fit=max&auto=format&n=s4WC_KzLxf8ornqq&q=85&s=6487af5944b550bd1f0c10b4abb88582" style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }} width="48" height="48" data-path="images/svg/docs-icn-live-activity.svg" />
        </div>

        <div>
          <div style={{ fontWeight: '800', fontSize: '1.1rem', marginBottom: '0.25rem' }}>
            Live Activities
          </div>

          <div>
            Entregue atualizações em tempo real para iOS Live Activities usando o SDK e API do OneSignal.
          </div>
        </div>
      </div>
    </Card>

    <Card href="./journeys-overview">
      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '1rem' }}>
        <div style={{ flexShrink: 0, width: '40px', height: '40px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
          <img src="https://mintcdn.com/onesignal/s4WC_KzLxf8ornqq/images/svg/docs-icn-journey.svg?fit=max&auto=format&n=s4WC_KzLxf8ornqq&q=85&s=2b1b041cbe425007cc5b3b547f1bc246" style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }} width="48" height="48" data-path="images/svg/docs-icn-journey.svg" />
        </div>

        <div>
          <div style={{ fontWeight: '800', fontSize: '1.1rem', marginBottom: '0.25rem' }}>
            Journeys
          </div>

          <div>
            Crie journeys de mensagens sem código entre canais para integrar, reter e reengajar usuários.
          </div>
        </div>
      </div>
    </Card>

    <Card href="./ab-testing">
      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '1rem' }}>
        <div style={{ flexShrink: 0, width: '40px', height: '40px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
          <img src="https://mintcdn.com/onesignal/s4WC_KzLxf8ornqq/images/svg/docs-icn-filter.svg?fit=max&auto=format&n=s4WC_KzLxf8ornqq&q=85&s=4e7a8076805270fa53972287df561cd3" style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }} width="48" height="48" data-path="images/svg/docs-icn-filter.svg" />
        </div>

        <div>
          <div style={{ fontWeight: '800', fontSize: '1.1rem', marginBottom: '0.25rem' }}>
            Teste A/B
          </div>

          <div>
            Otimize suas mensagens com testes A/B para melhorar engajamento e taxas de conversão.
          </div>
        </div>
      </div>
    </Card>

    <Card href="./analytics-overview">
      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '1rem' }}>
        <div style={{ flexShrink: 0, width: '40px', height: '40px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
          <img src="https://mintcdn.com/onesignal/6fCcLQvxHVWEktgW/images/svg/docs-icn-analytics.svg?fit=max&auto=format&n=6fCcLQvxHVWEktgW&q=85&s=26c9741283ad0a724bf74193be86b03c" style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }} width="48" height="48" data-path="images/svg/docs-icn-analytics.svg" />
        </div>

        <div>
          <div style={{ fontWeight: '800', fontSize: '1.1rem', marginBottom: '0.25rem' }}>
            Analytics
          </div>

          <div>
            Rastreie o sucesso das suas campanhas de mensagens com analytics detalhadas.
          </div>
        </div>
      </div>
    </Card>

    <Card href="./integrations">
      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '1rem' }}>
        <div style={{ flexShrink: 0, width: '40px', height: '40px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
          <img src="https://mintcdn.com/onesignal/s4WC_KzLxf8ornqq/images/svg/docs-icn-puzzle.svg?fit=max&auto=format&n=s4WC_KzLxf8ornqq&q=85&s=c4d1c3152fd1a9c360d2fbae31fa4bcf" style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }} width="48" height="48" data-path="images/svg/docs-icn-puzzle.svg" />
        </div>

        <div>
          <div style={{ fontWeight: '800', fontSize: '1.1rem', marginBottom: '0.25rem' }}>
            Integrações
          </div>

          <div>
            Conecte OneSignal a ferramentas de terceiros, CRMs, pipelines de dados e mais via SDKs ou webhooks.
          </div>
        </div>
      </div>
    </Card>
  </Columns>

  <div class="text-center text-gray-900 dark:text-gray-200 pt-10 mt-24 sm:mt-32 md:mt-40 pt-12 sm:pt-16 md:pt-20">
    <div role="heading" aria-level="1" class="inline-block text-2xl sm:text-3xl font-bold tracking-tight">
      Conceitos Essenciais
    </div>

    <p class="mt-4 mb-12">Domine estes conceitos fundamentais para construir campanhas de mensagens eficazes e entender as capacidades centrais do OneSignal.</p>
  </div>

  <Columns cols={4}>
    <Card href="./add-user-data-tags">
      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '1rem' }}>
        <div style={{ flexShrink: 0, width: '40px', height: '40px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
          <img src="https://mintcdn.com/onesignal/s4WC_KzLxf8ornqq/images/svg/docs-icn-people.svg?fit=max&auto=format&n=s4WC_KzLxf8ornqq&q=85&s=1e059dc850a7ca8e23799da5956943f2" style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }} width="48" height="48" data-path="images/svg/docs-icn-people.svg" />
        </div>

        <div>
          <div style={{ fontWeight: '800', fontSize: '1.1rem', marginBottom: '0.25rem' }}>
            Tags de Usuário
          </div>

          <div>
            Metadados personalizados anexados a usuários para armazenar preferências, comportamentos e propriedades para segmentação.
          </div>
        </div>
      </div>
    </Card>

    <Card href="./segmentation">
      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '1rem' }}>
        <div style={{ flexShrink: 0, width: '40px', height: '40px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
          <img src="https://mintcdn.com/onesignal/s4WC_KzLxf8ornqq/images/svg/docs-icn-people.svg?fit=max&auto=format&n=s4WC_KzLxf8ornqq&q=85&s=1e059dc850a7ca8e23799da5956943f2" style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }} width="48" height="48" data-path="images/svg/docs-icn-people.svg" />
        </div>

        <div>
          <div style={{ fontWeight: '800', fontSize: '1.1rem', marginBottom: '0.25rem' }}>
            Segmentação
          </div>

          <div>
            Grupos dinâmicos de usuários baseados em critérios como comportamento, localização, tags e status de inscrição.
          </div>
        </div>
      </div>
    </Card>

    <Card href="./users">
      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '1rem' }}>
        <div style={{ flexShrink: 0, width: '40px', height: '40px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
          <img src="https://mintcdn.com/onesignal/s4WC_KzLxf8ornqq/images/svg/docs-icn-people.svg?fit=max&auto=format&n=s4WC_KzLxf8ornqq&q=85&s=1e059dc850a7ca8e23799da5956943f2" style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }} width="48" height="48" data-path="images/svg/docs-icn-people.svg" />
        </div>

        <div>
          <div style={{ fontWeight: '800', fontSize: '1.1rem', marginBottom: '0.25rem' }}>
            Usuários
          </div>

          <div>
            Um Usuário representa um indivíduo com uma ou mais inscrições para canais de mensagens como push, email e SMS.
          </div>
        </div>
      </div>
    </Card>

    <Card href="./subscriptions">
      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '1rem' }}>
        <div style={{ flexShrink: 0, width: '40px', height: '40px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
          <img src="https://mintcdn.com/onesignal/s4WC_KzLxf8ornqq/images/svg/docs-icn-checkmark.svg?fit=max&auto=format&n=s4WC_KzLxf8ornqq&q=85&s=d99d35a8ae2bde356d35f447b8927019" style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }} width="48" height="48" data-path="images/svg/docs-icn-checkmark.svg" />
        </div>

        <div>
          <div style={{ fontWeight: '800', fontSize: '1.1rem', marginBottom: '0.25rem' }}>
            Inscrições
          </div>

          <div>
            Uma inscrição no OneSignal representa o canal específico ou dispositivo através do qual um usuário pode receber mensagens.
          </div>
        </div>
      </div>
    </Card>

    <Card href="./users#external-id">
      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '1rem' }}>
        <div style={{ flexShrink: 0, width: '40px', height: '40px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
          <img src="https://mintcdn.com/onesignal/s4WC_KzLxf8ornqq/images/svg/docs-icn-people.svg?fit=max&auto=format&n=s4WC_KzLxf8ornqq&q=85&s=1e059dc850a7ca8e23799da5956943f2" style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }} width="48" height="48" data-path="images/svg/docs-icn-people.svg" />
        </div>

        <div>
          <div style={{ fontWeight: '800', fontSize: '1.1rem', marginBottom: '0.25rem' }}>
            ID Externo
          </div>

          <div>
            Um identificador único que você atribui para vincular um usuário OneSignal com seu próprio sistema de usuário ou banco de dados.
          </div>
        </div>
      </div>
    </Card>

    <Card href="./users#onesignal-id">
      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '1rem' }}>
        <div style={{ flexShrink: 0, width: '40px', height: '40px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
          <img src="https://mintcdn.com/onesignal/s4WC_KzLxf8ornqq/images/svg/docs-icn-people.svg?fit=max&auto=format&n=s4WC_KzLxf8ornqq&q=85&s=1e059dc850a7ca8e23799da5956943f2" style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }} width="48" height="48" data-path="images/svg/docs-icn-people.svg" />
        </div>

        <div>
          <div style={{ fontWeight: '800', fontSize: '1.1rem', marginBottom: '0.25rem' }}>
            ID OneSignal
          </div>

          <div>
            Um UUID único gerado automaticamente pelo OneSignal para identificar cada usuário no sistema.
          </div>
        </div>
      </div>
    </Card>

    <Card href="./message-personalization">
      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '1rem' }}>
        <div style={{ flexShrink: 0, width: '40px', height: '40px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
          <img src="https://mintcdn.com/onesignal/s4WC_KzLxf8ornqq/images/svg/docs-icn-personalize.svg?fit=max&auto=format&n=s4WC_KzLxf8ornqq&q=85&s=fda3bc803bb703718dbe1d793a9f4d5d" style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }} width="48" height="48" data-path="images/svg/docs-icn-personalize.svg" />
        </div>

        <div>
          <div style={{ fontWeight: '800', fontSize: '1.1rem', marginBottom: '0.25rem' }}>
            Personalização
          </div>

          <div>
            A capacidade de personalizar conteúdo de mensagem usando dados de usuário, tags e conteúdo dinâmico para experiências relevantes.
          </div>
        </div>
      </div>
    </Card>

    <Card href="./deep-linking">
      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '1rem' }}>
        <div style={{ flexShrink: 0, width: '40px', height: '40px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
          <img src="https://mintcdn.com/onesignal/s4WC_KzLxf8ornqq/images/svg/docs-icn-browser.svg?fit=max&auto=format&n=s4WC_KzLxf8ornqq&q=85&s=9d706254f1d14b7083e25c69918f735d" style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }} width="48" height="48" data-path="images/svg/docs-icn-browser.svg" />
        </div>

        <div>
          <div style={{ fontWeight: '800', fontSize: '1.1rem', marginBottom: '0.25rem' }}>
            Deep Linking
          </div>

          <div>
            Direcione usuários para telas de app específicas ou páginas web com deep links e URLs personalizados.
          </div>
        </div>
      </div>
    </Card>

    <Card href="./multi-language-messaging">
      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '1rem' }}>
        <div style={{ flexShrink: 0, width: '40px', height: '40px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
          <img src="https://mintcdn.com/onesignal/s4WC_KzLxf8ornqq/images/svg/docs-icn-web-push.svg?fit=max&auto=format&n=s4WC_KzLxf8ornqq&q=85&s=36cf63e17c920440a2ab409936962c7f" style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }} width="48" height="48" data-path="images/svg/docs-icn-web-push.svg" />
        </div>

        <div>
          <div style={{ fontWeight: '800', fontSize: '1.1rem', marginBottom: '0.25rem' }}>
            Multi-Idioma
          </div>

          <div>
            Envie mensagens em múltiplos idiomas para alcançar públicos globais efetivamente.
          </div>
        </div>
      </div>
    </Card>

    <Card href="./confirmed-delivery">
      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '1rem' }}>
        <div style={{ flexShrink: 0, width: '40px', height: '40px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
          <img src="https://mintcdn.com/onesignal/s4WC_KzLxf8ornqq/images/svg/docs-icn-checkmark.svg?fit=max&auto=format&n=s4WC_KzLxf8ornqq&q=85&s=d99d35a8ae2bde356d35f447b8927019" style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }} width="48" height="48" data-path="images/svg/docs-icn-checkmark.svg" />
        </div>

        <div>
          <div style={{ fontWeight: '800', fontSize: '1.1rem', marginBottom: '0.25rem' }}>
            Entrega Confirmada
          </div>

          <div>
            Verificação de que uma notificação push foi entregue e exibida com sucesso no dispositivo de um usuário.
          </div>
        </div>
      </div>
    </Card>

    <Card href="./custom-outcomes">
      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '1rem' }}>
        <div style={{ flexShrink: 0, width: '40px', height: '40px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
          <img src="https://mintcdn.com/onesignal/6fCcLQvxHVWEktgW/images/svg/docs-icn-analytics.svg?fit=max&auto=format&n=6fCcLQvxHVWEktgW&q=85&s=26c9741283ad0a724bf74193be86b03c" style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }} width="48" height="48" data-path="images/svg/docs-icn-analytics.svg" />
        </div>

        <div>
          <div style={{ fontWeight: '800', fontSize: '1.1rem', marginBottom: '0.25rem' }}>
            Outcomes Personalizados
          </div>

          <div>
            Rastreie eventos de conversão personalizados e meça o impacto das suas campanhas de mensagens.
          </div>
        </div>
      </div>
    </Card>

    <Card href="./event-streams">
      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '1rem' }}>
        <div style={{ flexShrink: 0, width: '40px', height: '40px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
          <img src="https://mintcdn.com/onesignal/s4WC_KzLxf8ornqq/images/svg/docs-icn-sdk.svg?fit=max&auto=format&n=s4WC_KzLxf8ornqq&q=85&s=4f14b67a2d6a0a02bc4131093d066ed8" style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }} width="48" height="48" data-path="images/svg/docs-icn-sdk.svg" />
        </div>

        <div>
          <div style={{ fontWeight: '800', fontSize: '1.1rem', marginBottom: '0.25rem' }}>
            Event Streams
          </div>

          <div>
            Transmita eventos de mensagens em tempo real para sistemas externos para analytics avançadas e automação.
          </div>
        </div>
      </div>
    </Card>
  </Columns>
</div>