cta section for end of features page

_src/_assets/styles/_page-features.scss

@@ -1,3 +1,10 @@
+.page-features {
+    .section-cta {
+        background: url('../img/nosprite/starbase-drivers.svg') no-repeat center bottom;
+        background-size: contain;
+    }
+}
+
 .feature {
     display: flex;
     margin-bottom: $spacer * 2;

_src/_includes/sections/section-cta.html

@@ -1,18 +1,12 @@
-{% if layout %}
-    {% assign context = layout %}
-{% else %}
-    {% assign context = page %}
-{% endif %}
-
-<section class="section section-cta section-cta--features background--photo text-center">
+<section class="section section-cta background--photo text-center">
     <div class="row">
         <header class="section-header">
-            <h1 class="section-title">{{ context.cta.title }}</h1>
-            <p class="section-description">{{ context.cta.description }}</p>
+            <h1 class="section-title">{{ page.cta.title }}</h1>
+            <p class="section-description">{{ page.cta.description }}</p>
         </header>
 
-        <a class="btn btn-primary" href="/">
-            {{ context.cta.button }}
+        <a class="btn btn-primary" href="{{ page.cta.button_link }}">
+            {{ page.cta.button }}
         </a>
     </div>
 </section>

_src/features.html

@@ -38,6 +38,12 @@ features:
        text: "Roll out your own public or private networks for specific industry use cases."
        icon: "icon-lock"
 
+cta:
+    title: Get started
+    description: Explore drivers, tools & documentation
+    button: Get started
+    button_link: /developers/getstarted
+
 quotes: set2
 js: page-features.min.js
 ---
@@ -182,4 +188,4 @@ js: page-features.min.js
     </div>
 </section>
 
-{% include sections/section-newsletter.html %}
+{% include sections/section-cta.html %}