Copy Link Share CTA Block for React

Set INVITE_URL at the top of the file. The field shows it and the Copy link button copies exactly that string; the email and the share sheet carry it too. To give each visitor their own, pass their link in from the server: the link is the only thing the three share ways need. The address in the file is a placeholder on a reserved example domain.

The Copy link button writes the link to the clipboard, swaps its copy icon for a check and its label for "Copied" for three seconds, and a polite status tells screen readers "Copied". If the clipboard refuses (a page not served over HTTPS, or permission denied), the icon turns into a cross, the label reads "Copy failed" and the status says "Couldn't copy". The three labels share one cell, so the button never changes width and nothing around it moves.

The Share link calls the browser's own share sheet, which not every browser has. After the page loads, the block checks for it and shows the link only when it exists, so no one is offered a control that does nothing. The email link works everywhere: it is a plain mailto: link with the subject and the message written, so it opens whichever mail app the visitor uses.

The field is a real read-only input named "Your invite link", so the address is read out and can be selected by keyboard or touch, but not changed. It's always laid out left to right, even on a right-to-left page, so the address never reorders. The counts below are a description list: each figure is read with its label.

They are typed data at the top of the file: INVITES holds the sent and accepted numbers and the months earned are worked out from the accepted ones, one month each, so the three figures can't disagree. Replace them with your referral numbers, or remove the closing band if you'd rather show just the link; the section then ends on the first band, so restore the column's bottom padding.

The pitch comes first, then the field and the button stacked at full width, then the share links, which wrap onto a second line if they don't fit. The three counts stay in one row of cells.