Merge pull request #1180 from NullVoxPopuli/more-ctas

More calls to action

Author: mansona

app/styles/app.css

@@ -57,3 +57,9 @@ h1 + *,
 button:not([disabled]) {
   cursor: pointer;
 }
+
+.cta-group {
+  display: flex;
+  gap: 0.5rem;
+  flex-wrap: wrap;
+}

app/templates/index.hbs

@@ -5,7 +5,12 @@
     <div class="lg:col-5">
       <h1 class="text-hero-xl" id="hero-title">A framework for ambitious <br class="hide-on-mobile">web developers.</h1>
       <p class="text-hero-base mb-2">Ember.js is a productive, battle-tested JavaScript framework for building modern web applications. It includes everything you need to build rich UIs that work on any device.</p>
-      <a href="https://guides.emberjs.com/release/tutorial/" class="es-button" title="New to building websites, or just want a more in-depth introduction to Ember? The tutorial is for you!">Read the Tutorial</a>
+      <div class="cta-group">
+        <a href="https://guides.emberjs.com/release/getting-started/quick-start/" class="es-button" title="Get started with the framework, a quick reference to setting up new projects">Get started</a>
+        <a href="https://guides.emberjs.com/release/tutorial/" class="es-button-secondary" title="New to building websites, or just want a more in-depth introduction to Ember? The tutorial is for you!">Read the full tutorial</a>
+      </div>
+
+
     </div>
   </div>
   <CommunityTrends />
@@ -281,4 +286,4 @@
       </EsLinkCard>
     </ul>
   </div>
-</section>
+</section>