Improve the Try Matrix page (#2179)

* Improve the Try Matrix page

* Add instructions on how to create an account

Author: thibaultamartin

Diff for: sass/_try-matrix.scss

@@ -39,16 +39,6 @@
             p {
                 font-size: 1.3rem;
             }
-
-            .call-to-action {
-                background-color: #000;
-                border-radius: 999px;
-                color: #fff;
-
-                margin-top: 2rem;
-                padding: .4em 2em;
-                align-self: center;
-            }
         }
 
         img {

Diff for: templates/try-matrix.html

@@ -12,10 +12,13 @@ <h1>{{ page.title }}</h1>
         <div class="step choose-a-client">
             <div class="instructions">
                 <h3>Choose a client</h3>
-                <p>We recommend Element as a safe default, but there is a variety of
-                    clients available.
+                <p>
+                    We recommend Element as a safe default, but there is a variety of clients available.
                 </p>
-                <a href="/ecosystem/clients" class="call-to-action">Browse clients</a>
+                <div class="cta-wrapper">
+                    <a href="/ecosystem/clients/element/" class="call-to-action">Install Element</a>
+                    <a href="/ecosystem/clients" class="call-to-action secondary">Browse clients</a>
+                </div>
             </div>
             <img src="/assets/try-matrix/client.svg" alt="Artist view of an abstract matrix client." />
         </div>
@@ -24,14 +27,16 @@ <h3>Choose a client</h3>
         <div class="step choose-a-server">
             <div class="instructions">
                 <h3>Choose a server</h3>
-                <p>Matrix.org is provided for free by the Foundation, but we
-                    encourage you to <a href="https://joinmatrix.org/servers">find an existing server</a>
-                    or get hosting for your organisation.
+                <p>
+                    Matrix is a decentralised protocol: like email, you need to have an account provider to start using
+                    matrix.
+                </p>
+                <p>
+                    But picking a provider can be overwhelming for your first steps. The Matrix.org Foundation is
+                    hosting
+                    the matrix.org Matrix server for every newcomer to create an account. You can safely use it to
+                    create an account when getting started.
                 </p>
-                <div class="cta-wrapper">
-                    <a href="https://joinmatrix.org/servers" class="call-to-action">Find a public server</a>
-                    <a href="/ecosystem/servers" class="call-to-action">Install your own</a>
-                </div>
             </div>
             <img src="/assets/try-matrix/server.svg" alt="Artist view of an abstract server." />
         </div>
@@ -44,7 +49,11 @@ <h3>Register and start chatting</h3>
                     browse the <a href="/docs/chat_basics">chat basics</a>
                     documentation.
                 </p>
-                <a href="/docs/chat_basics" class="call-to-action">Read the docs</a>
+                <div class="cta-wrapper">
+                    <a href="/docs/chat_basics/matrix-for-im/#creating-a-matrix-account" class="call-to-action">Create
+                        an account</a>
+                    <a href="/docs/chat_basics" class="call-to-action secondary">Read the docs</a>
+                </div>
             </div>
             <img src="/assets/try-matrix/chat.svg" alt="Abstract representation of a chat." />
         </div>