sprinkle in some IPDB in hero/SEO

_config.yml

@@ -3,7 +3,7 @@
 # The Basics
 # --------------------
 name:                   BigchainDB
-description:            'The scalable blockchain database.'
+description:            'The scalable blockchain database powering IPDB.'
 url:                    https://www.bigchaindb.com
 ipdb_api_url:           https://test.ipdb.io
 

_src/_assets/styles/bigchain/_hero.scss

@@ -23,9 +23,10 @@ $menu-height-md: 66px;
         height: 100vh;
     }
 
-    .section-title {
+    .hero__title {
         color: #fff;
         font-size: $font-size-h3;
+        margin-bottom: $spacer;
 
         @media ($screen-sm) {
             font-size: $font-size-h2;
@@ -38,6 +39,15 @@ $menu-height-md: 66px;
         &:after { display: none; }
     }
 
+    .hero__subtitle {
+        font-size: $font-size-h4;
+        margin-top: 0;
+
+        @media ($screen-sm) {
+            font-size: $font-size-h3;
+        }
+    }
+
     .section-subtitle {
         font-size: $font-size-h4;
 
@@ -55,8 +65,8 @@ $menu-height-md: 66px;
 //
 // intro animation
 //
-.hero .section-title,
+.hero__title,
-.hero .section-description,
+.hero__subtitle,
 .hero__action,
 .logo-enterprise {
     .wf-active &,
@@ -66,7 +76,7 @@ $menu-height-md: 66px;
     }
 }
 
-.hero .section-description {
+.hero__subtitle {
     .wf-active &,
     .wf-inactive & {
         animation-delay: .3s;

_src/_includes/hero.html

@@ -4,7 +4,8 @@
 
     <div class="hero__content row">
         <hgroup>
-            <h1 class="section-title">{{ page.tagline }}</h1>
+            <h1 class="hero__title section-title">{{ page.tagline }}</h1>
+            <h2 class="hero__subtitle">{{ site.description }}</h2>
             <a href="/getstarted/" class="hero__action btn btn-primary">Get Started</a>
         </hgroup>
     </div>

_src/index.html

@@ -1,7 +1,7 @@
 ---
 layout: base
 
-tagline:    'Meet BigchainDB. <br>The scalable blockchain database.'
+tagline:    'Meet BigchainDB.'
 
 front_page: true
 quotes: set1