<CardGroup cols={2}>
  <Card title="Reservoir" href="https://reservoir.tools">
    <img src="/images/reservoir-logo.svg" className="p-4 w-full h-24 object-contain bg-black rounded-xl mt-3" />
    Infraestructura NFT habilitando la próxima generación de productos NFT.
    <div style={{ marginTop: '8px' }}>
      <span style={{ backgroundColor: '#007AFF', color: 'white', padding: '2px 8px', borderRadius: '4px', fontSize: '12px' }}>Soporte B3</span>
    </div>
  </Card>
  
  <Card title="SimpleHash" href="https://simplehash.com">
    <img src="/images/simplehash-logo.avif" className="p-4 w-full h-24 object-contain bg-black rounded-xl mt-3" />
    Accede a datos de tokens y NFT con facilidad a través de SimpleHash.
    <div style={{ marginTop: '8px' }}>
      <span style={{ backgroundColor: '#007AFF', color: 'white', padding: '2px 8px', borderRadius: '4px', fontSize: '12px' }}>Soporte B3</span>
    </div>
  </Card>
  
  <Card title="Thirdweb Insights" href="https://thirdweb.com">
    <img src="/images/thirdweb-logo.avif" className="p-4 w-full h-24 object-cover bg-black rounded-xl mt-3" />    
    Herramientas de frontend, backend y onchain. SDKs para Unity, Unreal Engine y React Native.
    <div style={{ marginTop: '8px' }}>
      <span style={{ backgroundColor: '#007AFF', color: 'white', padding: '2px 8px', borderRadius: '4px', fontSize: '12px', marginRight: '8px' }}>Soporte B3</span>
      <span style={{ backgroundColor: '#6B7280', color: 'white', padding: '2px 8px', borderRadius: '4px', fontSize: '12px' }}>SDKs de juegos</span>
    </div>
  </Card>
</CardGroup>