Updates to signup pages

[dafuga]

No description provided.

[cloudflare-workers-and-pages]

Deploying 2nicove with    Cloudflare Pages

Latest commit:	34763e4
Status:	✅  Deploy successful!
Preview URL:	https://1aee9f83.unicove2.pages.dev
Branch Preview URL:	https://signup-get-started-page.unicove2.pages.dev

View logs

[aaroncox]

Broken on mobile somehow.

Shows Anchor text, with MetaMask logo - and when I click it loads the MetaMask instructions.

[aaroncox]

Other thoughts:

• Between the recommended wallet at the top, and the list of other wallets, I think some sort of header needs to exist that says "Other [Type] Wallets".
• The wallet configuration needs to have which chains it supports. If you go to signup on Jungle 4, it's just going to be Anchor and MetaMask pretty much. If you go to sign up on WAX, the Cloud Wallet needs to be included, etc.
• The download links to each wallet need to be more precise locations, not just their homepage. Dropping them on the homepage is probably going to create a suboptimal experience, requiring a ton of extra clicks to figure out where to download it. Like for Anchor on mobile it needs to go to the app store page.
• The wallet links should probably open in a new tab.
• For each wallet, do we want to describe feature of account creation somehow in the design? Like when we recommend Anchor, before even clicking "Continue with Anchor Mobile", should it display information about how "Anchor allows you to securely create an account using in-app purchases" or something? This is the onboarding flow, so maybe we should focus on what the user should expect before making their selection.

[dafuga]

Broken on mobile somehow.

Shows Anchor text, with MetaMask logo - and when I click it loads the MetaMask instructions.

I'm super confused by this 😅 if you log the recommendedWallet values you can see that we're passing the Anchor Mobile logo. Not sure why it's displaying the MetaMask one..

[dafuga]

Ahhhh it's because the platform detection is happening server side 😅 Not sure why the FE is not able to update the logo src though 🤔

[dafuga]

Still not sure why it's happening, but making it so the page doesn't get rendered until the platform is detected in the browser fixes the issue.