aifo-portal-web/pages/modules/payout-24h.section.html

<!-- 24 Hours Payout — reusable floor module -->
<section class="payout-24h landing-section" data-payout-24h-module aria-labelledby="payout-24h-title">
  <h2 class="payout-24h__title" id="payout-24h-title">
    24 Hours <span class="payout-24h__accent">Payout</span>
  </h2>
  <p class="payout-24h__subtitle">Real Payouts. Real Traders. Real Proof.</p>

  <div class="payout-24h__grid">
    <article class="payout-24h__card">
      <div class="payout-24h__card-top">
        <span class="payout-24h__amount">$1,250</span>
        <span class="payout-24h__badge">PAID</span>
      </div>
      <div class="payout-24h__card-bottom">
        <img
          class="payout-24h__avatar"
          src="/assets/images/leading-v2/free1_v1/payout-avatar-1.png"
          alt=""
          width="40"
          height="40"
          decoding="async"
        >
        <div class="payout-24h__col">
          <span class="payout-24h__label">Method</span>
          <span class="payout-24h__value">LTC</span>
        </div>
        <div class="payout-24h__col">
          <span class="payout-24h__label">Time</span>
          <span class="payout-24h__value">43 min</span>
        </div>
      </div>
    </article>

    <article class="payout-24h__card">
      <div class="payout-24h__card-top">
        <span class="payout-24h__amount">$6,750</span>
        <span class="payout-24h__badge">PAID</span>
      </div>
      <div class="payout-24h__card-bottom">
        <img
          class="payout-24h__avatar"
          src="/assets/images/leading-v2/free1_v1/payout-avatar-2.png"
          alt=""
          width="40"
          height="40"
          decoding="async"
        >
        <div class="payout-24h__col">
          <span class="payout-24h__label">Method</span>
          <span class="payout-24h__value">USDT</span>
        </div>
        <div class="payout-24h__col">
          <span class="payout-24h__label">Time</span>
          <span class="payout-24h__value">Under 2h</span>
        </div>
      </div>
    </article>

    <article class="payout-24h__card">
      <div class="payout-24h__card-top">
        <span class="payout-24h__amount">$2,430</span>
        <span class="payout-24h__badge">PAID</span>
      </div>
      <div class="payout-24h__card-bottom">
        <img
          class="payout-24h__avatar"
          src="/assets/images/leading-v2/free1_v1/payout-avatar-3.png"
          alt=""
          width="40"
          height="40"
          decoding="async"
        >
        <div class="payout-24h__col">
          <span class="payout-24h__label">Method</span>
          <span class="payout-24h__value">BTC</span>
        </div>
        <div class="payout-24h__col">
          <span class="payout-24h__label">Time</span>
          <span class="payout-24h__value">7h 12m</span>
        </div>
      </div>
    </article>

    <article class="payout-24h__card">
      <div class="payout-24h__card-top">
        <span class="payout-24h__amount">$8,200</span>
        <span class="payout-24h__badge">PAID</span>
      </div>
      <div class="payout-24h__card-bottom">
        <img
          class="payout-24h__avatar"
          src="/assets/images/leading-v2/free1_v1/payout-avatar-4.png"
          alt=""
          width="40"
          height="40"
          decoding="async"
        >
        <div class="payout-24h__col">
          <span class="payout-24h__label">Method</span>
          <span class="payout-24h__value">Bank Transfer</span>
        </div>
        <div class="payout-24h__col">
          <span class="payout-24h__label">Time</span>
          <span class="payout-24h__value">Under 4h</span>
        </div>
      </div>
    </article>

    <article class="payout-24h__card">
      <div class="payout-24h__card-top">
        <span class="payout-24h__amount">$3,150</span>
        <span class="payout-24h__badge">PAID</span>
      </div>
      <div class="payout-24h__card-bottom">
        <img
          class="payout-24h__avatar"
          src="/assets/images/leading-v2/free1_v1/payout-avatar-5.png"
          alt=""
          width="40"
          height="40"
          decoding="async"
        >
        <div class="payout-24h__col">
          <span class="payout-24h__label">Method</span>
          <span class="payout-24h__value">USDT</span>
        </div>
        <div class="payout-24h__col">
          <span class="payout-24h__label">Time</span>
          <span class="payout-24h__value">1h ago</span>
        </div>
      </div>
    </article>

    <article class="payout-24h__card">
      <div class="payout-24h__card-top">
        <span class="payout-24h__amount">$5,600</span>
        <span class="payout-24h__badge">PAID</span>
      </div>
      <div class="payout-24h__card-bottom">
        <img
          class="payout-24h__avatar"
          src="/assets/images/leading-v2/free1_v1/payout-avatar-6.png"
          alt=""
          width="40"
          height="40"
          decoding="async"
        >
        <div class="payout-24h__col">
          <span class="payout-24h__label">Method</span>
          <span class="payout-24h__value">BTC</span>
        </div>
        <div class="payout-24h__col">
          <span class="payout-24h__label">Time</span>
          <span class="payout-24h__value">45 min</span>
        </div>
      </div>
    </article>
  </div>
</section>