chore: start new welcome flow

[bumi]

trafficstars

Fixes #1504

https://user-images.githubusercontent.com/64399555/194258432-ceba0956-df51-4950-82f4-23e5c0756e1b.mp4

[github-actions[bot]]

🚀 Thanks for the pull request!

Here are the current build files for testing:

• chrome.zip.zip
• firefox.xpi.zip
• opera.crx.zip

Download and unzip the file for your browser. Refer to the readme for detailed install instructions.

---

This build is brought to you by: Moritz (who recently dropped 1000 sats):

Merry Christmas to the Alby team

---

Want to sponsor the next build? send some sats to ⚡️[email protected] (don't forget to provide your name)

Don't forget: keep earning sats!

[escapedcat]

Do we still want the success-screen when adding an account even after the onboarding? No, right? @dvoroneca @reneaaron

[reneaaron]

Considering the feedback that no-one really used the tutorial page I think this is an improvement. I'd still vote for removing the "your websites" section if there are none within this PR.

This page needs some improvement though: @dvoroneca

• The question is wrong. What if I don't have a Lightning wallet already?
• Emphasize Alby Accounts for first-time users

If you agree, can you please make sure we consider those points in the follow-up-issue?

[escapedcat]

Current status, simple welcome info for all users:

Link goes to https://guides.getalby.com/overall-guide/alby-lightning-wallet/how-to-top-up-your-wallet-balance

[bumi]

I think it would be better to use a link that we control, then it is easier for us to change it. e.g. getalby.com/topup

If we don't have content there we can redirect from there to the guide.

[reneaaron]

I think we can improve the text here:

• "Your bitcoin lightning payments on the web" seems a bit lost in there and doesn't help the user. I'd probably just remove this paragraph.
• "To start using Alby you might want to get some sats in the wallet" (we are speaking to a first time user here, I'd suggest removing sats) ➡️ To start using Alby you first need to top up your account with bitcoin. Learn how

[escapedcat]

Updated text & link:

[escapedcat]

@bumi

I think it would be better to use a link that we control, then it is easier for us to change it. e.g. getalby.com/topup

If we don't have content there we can redirect from there to the guide.

Currently we have moonpay under /topup. Which is only reachable for Alby accounts.

Should we redirect this to our gitbook?

get '/topup', to: redirect('https://guides.getalby.com/overall-guide/alby-lightning-wallet/how-to-top-up-your-wallet-balance')

[MoritzKa]

We can use this link now https://guides.getalby.com/overall-guide/alby-lightning-wallet/how-to-top-up-your-wallet-balance, yes.

[escapedcat]

We can use this link now https://guides.getalby.com/overall-guide/alby-lightning-wallet/how-to-top-up-your-wallet-balance, yes.

Created a PR here: https://github.com/getAlby/getalby.com/pull/257

[escapedcat]

Status:

This ok for a first iteration till we start with #1845 ?

[escapedcat]

This ok for a first iteration till we start with https://github.com/getAlby/lightning-browser-extension/issues/1845 ?

#1845 is faster then this. Will wait till it's merged and rework the onboarding-flow after.

[escapedcat]

Updated this PR

• merged latest master and adapted the ee2 tests
• removed the info box because this will be tackled by:
  #1892

[rolznz]

I was a bit confused by the screenshot at the beginning (it looks too much like a real component?). For a future improvement maybe the image could be rotated in 3D and have the extension icon in the top right corner so it feels more like a screenshot, or even better could be an animation showing unlocking the extension and seeing the homepage?

[escapedcat]

• resolved conflicts
• ~e2e test is not related to this, also fails on master. Will have a look.~ ~successfully connects to Core Lightning fails~