feature(website): styling newsletter signup page

[ssandino]

Current state:

Previous state:

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
public	✅ Ready (Inspect)	Visit Preview	✅ 1 resolved	Apr 21, 2024 9:24am

[github-actions[bot]]

Visit the preview URL for this PR (updated for commit 9fabb44):

https://si-admin-staging--pr784-sandino-styling-news-ijtjdqki.web.app

_{(expires Sun, 28 Apr 2024 09:25:14 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: b7b0969384059dce6ea8fad1ee1d1737e54e6676}

[ssandino]

Per @mkue's request in #781, I've added styling to the signup form. IMO we can start with just first name and email for minimal data collection. Ideally, we'd automatically detect and save country and language in the background – this data can be useful for future emails (i.e. country comparison).

@mkue + @thomasbrenner-ch inputs are very welcome. Specifically also on the minor issues of the current PR:

[mkue]

https://public-git-sandino-styling-newsletter-signup-page-social-income.vercel.app/en/ch/newsletter

[mkue]

FYI @brennerthomas:

I made a tiny change (https://github.com/socialincome-san/public/pull/784/commits/e125aa009551b5720071132f58cabf3179b76afc). The form already has a submitting state, so you don't have to track it separately:

https://react-hook-form.com/docs/useform/formstate