drop da base

_src/_assets/javascripts/page-start.js

@@ -0,0 +1,14 @@
+
+//=include bigchain/smoothscroll.js
+//=include bigchain/github.js
+//=include bigchain/meetup.js
+//=include bigchain/newsletter.js
+
+jQuery(function($) {
+
+    //
+    // init modules
+    //
+    Newsletter.init()
+
+});

_src/_assets/styles/_page-start.scss

@@ -0,0 +1,5 @@
+//
+// Page: Get started
+// ---
+// bigchaindb.com
+//

_src/_assets/styles/bigchain.scss

@@ -49,6 +49,7 @@
 
 // specific page styles
 @import 'page-front';
+@import 'page-start';
 @import 'page-whitepaper';
 @import 'page-404';
 @import 'page-styleguide';

_src/_data/menus.yml

@@ -1,11 +1,11 @@
 ---
 main:
+    - title: Get started
+      url: "/start/"
     - title: Features
       url: "/features/"
     - title: Use Cases
       url: "/usecases/"
-    - title: Community
-      url: "/community/"
     - title: Enterprise
       url: "/enterprise/"
     - title: Docs

_src/_includes/hero.html

@@ -5,7 +5,7 @@
     <div class="hero__content row">
         <hgroup>
             <h1 class="section-title">{{ page.tagline }}</h1>
-            <a href="https://docs.bigchaindb.com/projects/server/en/latest/quickstart.html" class="hero__action btn btn-primary">Quick Start</a>
+            <a href="/start/" class="hero__action btn btn-primary">Get Started</a>
         </hgroup>
     </div>
 

_src/start.html

@@ -0,0 +1,56 @@
+---
+layout: page
+
+title: Get started
+description: ""
+
+js: page-start.min.js
+---
+
+<section class="section section--architecture">
+    <div class="row">
+        <header class="section-header">
+            <p class="section-description">Rather than trying to scale up blockchain technology, BigchainDB starts with a big data distributed database and then adds blockchain characteristics - decentralized control, immutability and the transfer of digital assets.</p>
+        </header>
+    </div>
+    <div class="row">
+        <figure class="architecture">
+
+        </figure>
+    </div>
+</section>
+
+<nav class="menu--sub">
+    <div class="row row--wide">
+        <div class="menu-overflow">
+            <a class="menu__link scroll" href="#server">Server</a>
+            <a class="menu__link scroll" href="#drivers">Drivers &amp; Tools</a>
+            <a class="menu__link scroll" href="#docs">Documentation</a>
+            <a class="menu__link scroll" href="#community">Community</a>
+        </div>
+    </div>
+</nav>
+
+<section class="section section--server" id="#server">
+    <div class="row">
+
+    </div>
+</section>
+
+<section class="section section--drivers" id="#drivers">
+    <div class="row">
+
+    </div>
+</section>
+
+<section class="section section--drivers" id="#docs">
+    <div class="row">
+
+    </div>
+</section>
+
+<section class="section section--drivers" id="#community">
+    <div class="row">
+
+    </div>
+</section>