Add Payment Button to Your Website

<!-- x-ave Payment Button -->
<a href="https://x-ave.co/?landlord=YOUR_LANDLORD_ID" target="_blank" rel="noopener noreferrer" style="text-decoration: none;">
  <button style="
    display: grid;
    grid-template-rows: repeat(3, min-content);
    background: rgba(50, 51, 55, 1);
    row-gap: 10px;
    border-radius: 14px;
    height: 116px;
    width: 300px;
    color: #ffffff;
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    border: 0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 18px;
  " onmouseover="this.style.background='rgba(60, 61, 65, 1)'; this.style.transform='translateY(-2px)'; this.style.boxShadow='0 6px 16px rgba(0, 0, 0, 0.2)';" onmouseout="this.style.background='rgba(50, 51, 55, 1)'; this.style.transform='translateY(0)'; this.style.boxShadow='0 4px 12px rgba(0, 0, 0, 0.15)';">
    <span style="font-weight: 500;">Pay with:</span>
    <div style="display: flex; column-gap: 10px; height: 24px; justify-self: center; align-items: center;">
      <img style="height: 100%; width: auto;" src="https://x-ave.co/wechat.png" alt="WeChat Pay" />
      <img style="height: 100%; width: auto;" src="https://x-ave.co/alipay.svg" alt="Alipay" />
      <img style="height: 100%; width: auto;" src="https://x-ave.co/unionpay.svg" alt="UnionPay" />
    </div>
    <span style="margin-top: -0.3rem; font-size: 12px; opacity: 0.7;">
      powered by <span style="background: linear-gradient(260.56deg, #00A6B7 -6.67%, #B5E9B3 93.69%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 600;">x-ave</span>
    </span>
  </button>
</a>