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

# Parceiro Oficial do X

> Diretório de Parceiros Oficiais do X que oferecem ferramentas e serviços construídos sobre a X API, incluindo análises, moderação de conteúdo, gerenciamento de anúncios e muito mais.

export const StoryCard = ({img, href, title}) => {
  return <a href={href} className="x-surface block not-prose font-normal group relative my-2 overflow-hidden w-full cursor-pointer">
      <div className="flex flex-col h-full">
        <div className="w-full aspect-[3/2] bg-white">
          <img src={img} className="rounded-none pointer-events-none w-full h-full object-cover" alt={title} />
        </div>
        <div className="flex flex-col justify-center p-4 flex-1" style={{
    background: 'var(--x-tile-bg)'
  }}>
          <div className="x-headline2 x-text-primary">{title}</div>
        </div>
      </div>
    </a>;
};

export const Banner = ({img, href, title, description}) => {
  return <a href={href} className="x-surface block not-prose font-normal group relative my-1 overflow-hidden w-full cursor-pointer">
      <div className="flex flex-row h-full">
        <div className="integration-logo w-48 flex items-center justify-center p-4 bg-white">
          <span className="flex items-center justify-center" style={{
    width: '100%',
    height: '100%',
    maxWidth: '150px'
  }}>
            <img src={img} className="pointer-events-none w-full h-full object-contain" style={{
    maxWidth: '150px',
    maxHeight: '80px'
  }} />
          </span>
        </div>
        <div className="flex flex-col justify-center p-4 flex-1">
          <div className="x-headline2 x-text-primary">{title}</div>
          <p className="mt-1 x-subtext2 x-text-secondary">{description}</p>
        </div>
      </div>
    </a>;
};

export const Button = ({href, children}) => {
  return <div className="not-prose">
    <a href={href}>
      <button className="x-btn">
        <span>{children}</span>
        <svg width="3" height="24" viewBox="0 -9 3 24" class="h-6 rotate-0 overflow-visible"><path d="M0 0L3 3L0 6" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg>
      </button>
    </a>
  </div>;
};

export const IntroCard = ({img, href, title, description}) => {
  return <a href={href} className="x-surface block not-prose font-normal group relative my-2 overflow-hidden w-full cursor-pointer">
      <div className="flex flex-col h-full">
        <div className="integration-logo w-full flex items-center justify-center">
          <img src={img} className="pointer-events-none w-full h-full object-cover" />
        </div>
        <div className="p-4 flex-grow" style={{
    background: 'var(--x-tile-bg)'
  }}>
          <div className="x-headline2 x-text-primary mb-2">{title}</div>
          <p className="x-subtext1 x-text-secondary">{description}</p>
        </div>
      </div>
    </a>;
};

## Construa seu negócio com os Parceiros Oficiais do X

###### Conecte-se à conversa pública no X e transforme insights em ação com as soluções dos nossos parceiros.

<br />

<div style={{ display: 'flex', gap: '1rem', alignItems: 'center' }}>
  <Button href="https://partners.x.com/en/find-a-partner">
    Encontrar um parceiro
  </Button>

  <Button href="https://partners.x.com/en/about-the-program">
    Saiba mais
  </Button>
</div>

## Trabalhe com um Parceiro Oficial do X de confiança para expandir as possibilidades do seu negócio

Nossos parceiros são avaliados pela excelência e podem fornecer tecnologia para ajudar você a:

* Entender tendências e preferências do consumidor
* Coletar e analisar feedback de produtos e serviços
* Interagir com clientes e resolver problemas
* Ser alertado sobre notícias e eventos de última hora
* Criar, publicar e analisar conteúdo em canais sociais
* E muito mais!

## Descubra o Parceiro Oficial certo para o seu negócio

<br />

<Banner title="Os Parceiros Oficiais representam excelência, valor e confiança" img="https://mintlify.s3-us-west-1.amazonaws.com/x-preview/images/XOPP_logo_black.png" description="Cada Parceiro Oficial foi selecionado para o programa após uma avaliação extensiva. Nossos parceiros são continuamente revisados pelo X, pois este programa exclusivo por convite mantém seus membros nos mais altos padrões de desempenho, para oferecer experiências excelentes às marcas." />

### Os Parceiros Oficiais representam excelência, valor e confiança

Cada Parceiro Oficial foi selecionado para o programa após uma avaliação extensiva. Nossos parceiros são continuamente revisados pelo X, pois este programa exclusivo por convite mantém seus membros nos mais altos padrões de desempenho, para oferecer experiências excelentes às marcas.

<Button href="https://partners.x.com/en/about-the-program">
  Saiba mais sobre o programa
</Button>

## Veja o trabalho impressionante dos nossos parceiros

<CardGroup cols={3}>
  <StoryCard title="A NASA usa insights de audiência do X para levar fãs a novas fronteiras" href="https://partners.x.com/en/partner-resources/nasa-uses-twitter-audience-insights-to-take-fans-to-new-frontier" img="https://mintlify.s3-us-west-1.amazonaws.com/x-preview/images/Hero.jpg" />

  <StoryCard title="A beleza no X" href="https://partners.x.com/en/partner-resources/the-beauty-in-twitter" img="https://mintlify.s3-us-west-1.amazonaws.com/x-preview/images/thumbnail-sprinklr.png" />

  <StoryCard title="Analise a conversa #ExtremeWeather no X" href="https://developer.x.com/en/use-cases/build-for-good/extreme-weather" img="https://mintlify.s3-us-west-1.amazonaws.com/x-preview/images/Extreme_369x277.png" />
</CardGroup>