consistent get started CTA sections

_src/_assets/styles/_page-features.scss

@@ -1,7 +1,6 @@
 .page-features {
-    .section-cta {
+    .section--getstarted {
-        background: url('../img/nosprite/starbase-drivers.svg') no-repeat center bottom;
+        background-color: $body-bg;
-        background-size: contain;
     }
 }
 

_src/_assets/styles/_page-guides.scss

@@ -212,20 +212,6 @@ li.toc-h3 {
     display: none;
 }
 
-.section--getstarted {
-    padding-bottom: 0;
-
-    .section-header {
-        margin-bottom: -($spacer * 3.5);
-        position: relative;
-        z-index: 10;
-
-        .btn {
-            margin-top: $spacer * 2;
-        }
-    }
-}
-
 .image--create-transfer {
     max-width: calc(100% + 1rem) !important; //stylelint-disable-line declaration-no-important
     margin-left: -1rem;

_src/_assets/styles/_sections.scss

@@ -86,7 +86,7 @@
 // Specific sections
 //
 @import '_sections/section-cta-whitepaper';
-@import '_sections/section-cta-community';
 @import '_sections/section-cta-services';
 @import '_sections/section-partners';
 @import '_sections/section-blog';
+@import '_sections/section-getstarted';

_src/_assets/styles/_sections/_section-cta-community.scss

@@ -1,4 +0,0 @@
-.section-cta--community {
-    background-image: url('../img/photo2.jpg');
-    background-position: center top;
-}

_src/_assets/styles/_sections/_section-getstarted.scss

@@ -0,0 +1,13 @@
+.section--getstarted {
+    padding-bottom: 0;
+
+    .section-header {
+        margin-bottom: -($spacer * 3.5);
+        position: relative;
+        z-index: 10;
+
+        .btn {
+            margin-top: $spacer * 2;
+        }
+    }
+}

_src/_includes/sections/section-cta-community.html

@@ -1,12 +0,0 @@
-<section class="section section-cta section-cta--community background--photo text-center">
-    <div class="row">
-        <header class="section-header">
-            <h1 class="section-title">Get involved</h1>
-            <p class="section-description">There are many ways you can contribute to the BigchainDB project.</p>
-        </header>
-
-        <a class="btn btn-primary" href="/community/">
-            Community
-        </a>
-    </div>
-</section>

_src/_includes/sections/section-getstarted.html

@@ -0,0 +1,18 @@
+<section class="section section--getstarted background--darker">
+    <div class="row row--wide">
+        <header class="section-header">
+            <h1 class="section-title">Get to know the BigchainDB universe</h1>
+            <div class="section-description">
+                <p>Explore drivers, tools & a lot more documentation.</p>
+                <a class="btn btn-primary" href="/getstarted/">Get started</a>
+            </div>
+        </header>
+    </div>
+    <aside class="starbase starbase--server">
+        <div class="row row--wide">
+            <figure class="starbase__image">
+                <img class="img--responsive" src="/assets/img/nosprite/starbase-server.svg" alt="Starbase" width="1111" height="343">
+            </figure>
+        </div>
+    </aside>
+</section>

_src/_layouts/guide.html

@@ -47,21 +47,4 @@ layout: base
     </div>
 </section>
 
-<section class="section section--getstarted background--darker">
+{% include sections/section-getstarted.html %}
-    <div class="row row--wide">
-        <header class="section-header">
-            <h1 class="section-title">Get to know the BigchainDB universe</h1>
-            <div class="section-description">
-                <p>Explore drivers, tools & a lot more documentation.</p>
-                <a class="btn btn-primary" href="/getstarted/">Get started</a>
-            </div>
-        </header>
-    </div>
-    <aside class="starbase starbase--server">
-        <div class="row row--wide">
-            <figure class="starbase__image">
-                <img class="img--responsive" src="/assets/img/nosprite/starbase-server.svg" alt="Starbase" width="1111" height="343">
-            </figure>
-        </div>
-    </aside>
-</section>

_src/features.html

@@ -38,12 +38,6 @@ 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
 ---
@@ -188,4 +182,4 @@ js: page-features.min.js
     </div>
 </section>
 
-{% include sections/section-cta.html %}
+{% include sections/section-getstarted.html %}