Launchpad Web3 Block for Vue

Each sale types the most one wallet can take part with for each tier, from none to Tier 3. Your tier picks the figure for every row at once, and Not staked shows that you need a stake to take part. It is a maximum, and the note under the list says so; it is not a promise of any allocation.

For lottery sales the row shows your tickets and the pool they would join, such as 5 of 61,505 tickets, and your share of the pool as a percentage. That is a share of tickets, not a chance of winning, which depends on how many winners the sale draws. First come, first served sales say there is no draw.

From the constant AS_OF and each sale's typed opening and closing days, counted with UTC arithmetic: "Closes Oct 22, in 4 days". Nothing reads the visitor's clock, so the list looks the same every time it loads.

All of it. There are no wallets, stakes or sales, and Register interest only changes a button and the status message; nothing is sent. In your app load sales and tier thresholds from your backend, check a wallet's stake on the server, and store registrations against the account.

Yes. The status chips are native radio buttons that move with the arrow keys, the select is native, each Register interest button names its sale and reports whether it is pressed, and the list is a named, focusable scroll region. One polite status message says how many sales show for your tier.

The chips wrap, and each row stacks: the sale's name and dates, then the raise bar, then your allocation, then a full width action. The list keeps a taller fixed height so switching status never moves the page.