Improve onboarding experience

1 files changed, 6 insertions, 3 deletions

diff --git a/src/components/services/content/Services.js b/src/components/services/content/Services.js
index 4c5976f8d..9fe737529 100644
--- a/src/components/services/content/Services.js
+++ b/src/components/services/content/Services.js
@@ -63,14 +63,17 @@ export default @observer class Services extends Component {
               <img src="./assets/images/logo.svg" alt="Logo" style={{ maxHeight: '50vh' }} />
               <h1>{intl.formatMessage(messages.welcome)}</h1>
               { !isLoggedIn && (
-                <p>Please open settings, choose a Ferdi server and click &quot;Login&quot; in the bottom left corner.</p>
+                <>
+                  <p>Please login to use Ferdi.</p>
+                  <p>Optionally, you can change your Ferdi server by clicking the cog in the bottom left corner.</p>
+                </>
               ) }
               <Appear
                 timeout={300}
                 transitionName="slideUp"
               >
-                <Link to={isLoggedIn ? '/settings/services' : '/settings/app'} className="button">
-                  { isLoggedIn ? intl.formatMessage(messages.getStarted) : 'Open settings' }
+                <Link to={isLoggedIn ? '/settings/services' : '/auth/welcome'} className="button">
+                  { isLoggedIn ? intl.formatMessage(messages.getStarted) : 'Login' }
                 </Link>
               </Appear>
             </div>