<CardGroup cols={2}>
  <Card title="Pyth" href="https://pyth.network">
    <img src="/images/pyth-logo.svg" className="p-4 w-full h-24 object-contain bg-black rounded-xl mt-3" />
    Garanta a segurança dos seus smart contracts com dados de mercado confiáveis e de baixa latência provenientes de fontes institucionais.
    <div style={{ marginTop: '8px' }}>
      <span style={{ backgroundColor: '#6B7280', color: 'white', padding: '2px 8px', borderRadius: '4px', fontSize: '12px' }}>Oracles</span>
    </div>
  </Card>
  
  <Card title="Caldera" href="https://caldera.xyz">
    <img src="/images/caldera-logo.avif" className="p-4 w-full h-24 object-contain bg-black rounded-xl mt-3" />
    Lance rollups de OP Stack, Arbitrum Orbit, ZK Stack e Polygon CDK com a Caldera, sua parceira desde o desenvolvimento até o lançamento, e além
    <div style={{ marginTop: '8px' }}>
      <span style={{ backgroundColor: '#6B7280', color: 'white', padding: '2px 8px', borderRadius: '4px', fontSize: '12px' }}>Rollup-as-a-Service</span>
    </div>
  </Card>
  
  <Card title="Den" href="https://onchainden.com">
    <img src="/images/den-logo.avif" className="p-4 w-full h-24 object-contain bg-black rounded-xl mt-3" />
    O multisig mais rápido para equipes onchain.
    <div style={{ marginTop: '8px' }}>
      <span style={{ backgroundColor: '#6B7280', color: 'white', padding: '2px 8px', borderRadius: '4px', fontSize: '12px' }}>MultiSig</span>
    </div>
  </Card>
  
  <Card title="Pimlico" href="https://pimlico.io">
    <img src="/images/pimlico-logo.svg" className="p-4 w-full h-24 object-contain bg-black rounded-xl mt-3" />
    A Pimlico oferece um conjunto de ferramentas e serviços para ajudá-lo a construir, implantar e gerenciar contas inteligentes no Ethereum e outras chains compatíveis com EVM.
    <div style={{ marginTop: '8px' }}>
      <span style={{ backgroundColor: '#6B7280', color: 'white', padding: '2px 8px', borderRadius: '4px', fontSize: '12px' }}>Abstração de Conta</span>
    </div>
  </Card>
  
  <Card title="Blockscout" href="https://blockscout.b3.fun">
    <img src="/images/blockscout-logo.svg" className="p-4 w-full h-24 object-contain bg-black rounded-xl mt-3" />
    Explorador de blocos open-source e universalmente acessível.
    <div style={{ marginTop: '8px' }}>
      <span style={{ backgroundColor: '#007AFF', color: 'white', padding: '2px 8px', borderRadius: '4px', fontSize: '12px' }}>Explorador Mainnet B3</span>
    </div>
  </Card>
</CardGroup>