<CardGroup cols={2}>
  <Card title="Basement.fun" href="https://basement.fun">
    <img src="/images/basement-logo-purple.svg" className="p-4 w-full h-24 object-contain bg-black rounded-xl mt-3" />
    使用其他流行网络上的资金即时、无缝桥接到B3。
    <div style={{ marginTop: '8px' }}>
      <span style={{ backgroundColor: '#007AFF', color: 'white', padding: '2px 8px', borderRadius: '4px', fontSize: '12px' }}>立即桥接</span>
    </div>
  </Card>
  
  <Card title="Relay" href="https://relay.link">
    <img src="/images/relay-logo.avif" className="p-4 w-full h-24 object-contain bg-black rounded-xl mt-3" />
    即时、低成本的桥接和交换。由Reservoir提供支持
    <div style={{ marginTop: '8px' }}>
      <span style={{ backgroundColor: '#007AFF', color: 'white', padding: '2px 8px', borderRadius: '4px', fontSize: '12px' }}>桥接</span>
    </div>
  </Card>
  
  <Card title="Optimism Canonical Bridge" href="https://bridge.b3.fun">
    <img src="/images/b3-logo-blue.svg" className="p-4 w-full h-24 object-contain bg-black rounded-xl mt-3" />
    经过战斗测试的OP堆栈规范桥。仅在提款上有7天的挑战期。
    <div style={{ marginTop: '8px' }}>
      <span style={{ backgroundColor: '#007AFF', color: 'white', padding: '2px 8px', borderRadius: '4px', fontSize: '12px' }}>桥接</span>
    </div>
  </Card>
</CardGroup>