<CardGroup cols={2}>
  <Card title="Subsquid" href="https://subsquid.io">
    <img src="/images/subsquid-logo.avif" className="p-4 w-full h-24 object-contain bg-black rounded-xl mt-3" />
    Uma rede peer-to-peer para agrupar consultas e agregar terabytes de dados on-chain e off-chain
    <div style={{ marginTop: '8px' }}>
      <span style={{ backgroundColor: '#6B7280', color: 'white', padding: '2px 8px', borderRadius: '4px', fontSize: '12px' }}>Indexadores de Dados</span>
    </div>
  </Card>

  <Card title="Dune" href="https://dune.com/b3/b3-overview-public">
    <img src="https://dune.com/assets/DuneLogoCircle.svg" className="p-4 w-full h-24 object-contain bg-black rounded-xl mt-3" />
    Dune é uma plataforma para construir e compartilhar visualizações de dados.
    <div style={{ marginTop: '8px' }}>
      <span style={{ backgroundColor: '#6B7280', color: 'white', padding: '2px 8px', borderRadius: '4px', fontSize: '12px' }}>Análise de Dados</span>
    </div>
  </Card>
  
  <Card title="Helika" href="https://helika.io">
    <img src="/images/helika-logo-white.svg" className="p-4 w-full h-24 object-contain bg-black rounded-xl mt-3" />
    Helika oferece otimização de jogos personalizada através de insights personalizados de analistas experientes, unificando dados on-chain, in-game e da comunidade para impulsionar o crescimento.
    <div style={{ marginTop: '8px' }}>
      <span style={{ backgroundColor: '#6B7280', color: 'white', padding: '2px 8px', borderRadius: '4px', fontSize: '12px' }}>Aquisição de Usuários</span>
    </div>
  </Card>
</CardGroup>