prototype first sections

_src/_assets/styles/_page-enterprise.scss

@@ -6,3 +6,30 @@
 .page-enterprise {
 
 }
+
+.hero--enterprise {
+    background-image: none;
+
+    &,
+    .section-title,
+    .section-description {
+        text-align: left;
+    }
+
+    .section-description {
+        margin-bottom: $spacer * 2;
+    }
+
+    .hero__content {
+        margin-top: $spacer * 6;
+        margin-bottom: $spacer * 6;
+    }
+
+    @media ($screen-md) {
+        height: auto;
+
+        hgroup {
+            max-width: 66%;
+        }
+    }
+}

_src/_data/menus.yml

@@ -6,6 +6,8 @@ main:
       url: "/usecases/"
     - title: Whitepaper
       url: "/whitepaper/"
+    - title: Enterprise
+      url: "/enterprise/"
     - title: Community
       url: "/community/"
     - title: Docs

_src/enterprise.html

@@ -1,7 +1,45 @@
 ---
-layout: page
+layout: base
 
 title: Enterprise
 
 js: page-enterprise.min.js
 ---
+
+<header class="hero hero--enterprise">
+
+    {% include menu-main.html %}
+
+    <div class="hero__content row row--wide">
+        <hgroup>
+            <h1 class="section-title">Get unicorns and golden kittens by using BigchainDB in your enterprise.</h1>
+            <p class="section-description">A paragraph explaining the main value proposition with its messaging targeted towards decision makers in enterprise.</p>
+            <a href="#" class="btn btn-primary">Get in touch</a> <a href="#" class="btn btn-secondary">Download one-pager</a>
+        </hgroup>
+    </div>
+
+</header>
+
+<section class="section">
+    <div class="row row--wide">
+        <header class="section-header">
+            <h1 class="section-title">Better than traditional databases in every way</h1>
+            <p class="section-description">Using BigchainDB in enterprises makes so much sense because this and that and this.</p>
+        </header>
+
+        <div class="section-intro__main grid grid--full grid-small--fit grid--gutters">
+            <div class="grid__col">
+                <h3>Speed up processes</h3>
+                <p>Unlock data from existing systems and share it.</p>
+            </div>
+            <div class="grid__col">
+                <h3>Reduce costs</h3>
+                <p>Transparency reduces costs for recalls, liability, loss and fraud.</p>
+            </div>
+            <div class="grid__col">
+                <h3>Create new business models</h3>
+                <p>Blockchains enable collaborative ecosystems that unleash latent value from shared data.</p>
+            </div>
+        </div>
+    </div>
+</section>