From ccf5cca86d0326399e088ef85c930610a5a6ca8b Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Sat, 9 Jan 2016 18:15:23 +0100
Subject: [PATCH] front page with new copy

---
 _src/_assets/styles/page-front.scss | 26 ++++++-----
 _src/index.html                     | 69 ++++++++++++++++++++++++++---
 2 files changed, 78 insertions(+), 17 deletions(-)

diff --git a/_src/_assets/styles/page-front.scss b/_src/_assets/styles/page-front.scss
index b67dd8c..0ebe321 100644
--- a/_src/_assets/styles/page-front.scss
+++ b/_src/_assets/styles/page-front.scss
@@ -111,7 +111,7 @@
 
 
 
-.section-benchmarks {
+.section-features {
     text-align: center;
     border-bottom: 1px solid lighten($brand-main-gray, 40%);
 
@@ -125,20 +125,26 @@
         display: block;
         margin: auto;
         margin-bottom: $spacer;
+        stroke: $brand-main-gray;
     }
 }
 
-.comingsoon {
-    display: block;
-    color: $gray-light;
-}
-
-
 .section-whitepaper {
+
+    a {
+        @extend .transition;
+        display: block;
+        text-align: center;
+
+        &:hover,
+        &:focus {
+            transform: scale(1.05);
+        }
+    }
+
     .icon {
-        stroke: $brand-main-gray;
-        stroke-dasharray: 4,4;
-        opacity: .3;
+        stroke: $link-color;
+        stroke-width: 2;
         display: block;
         margin: auto;
         margin-bottom: $spacer;
diff --git a/_src/index.html b/_src/index.html
index 0c85be6..c129aa9 100644
--- a/_src/index.html
+++ b/_src/index.html
@@ -13,31 +13,86 @@ front_page: true
             </svg>
             <h1 class="section-title">Coming Soon on February 10.</h1>
 
-            <a href="#benchmarks" class="btn btn-link btn-sm">Learn More <svg class="icon">
+            <a href="#features" class="btn btn-link btn-sm">Learn More <svg class="icon">
                 <use xlink:href="/assets/img/sprite.svg#icon-caret"></use>
             </svg></a>
         </div>
     </div>
 </header>
 
+<section id="features" class="section section-features">
+    <div class="row">
+        <header class="section-header">
+            <h1 class="section-title">This is BigchainDB. 100K writes/s, sustained.</h1>
+        </header>
+
+        <figure>
+            <img class="img__responsive" src="/assets/img/graph.png" width="672" height="226">
+        </figure>
+
+        <div class="grid grid--full grid-small--fit grid--gutters">
+            <p class="grid__col">
+                <svg class="icon">
+                    <use xlink:href="/assets/img/sprite.svg#icon-graph"></use>
+                </svg>
+                1 Million Transactions per Second
+            </p>
+            <p class="grid__col">
+                <svg class="icon">
+                    <use xlink:href="/assets/img/sprite.svg#icon-servers"></use>
+                </svg>
+                Petabyte Capacity
+            </p>
+            <p class="grid__col">
+                <svg class="icon">
+                    <use xlink:href="/assets/img/sprite.svg#icon-tree"></use>
+                </svg>
+                Use as a Public or Private Blockchain
+            </p>
+        </div>
+    </div>
+</section>
+
+<section class="section section-suitable">
+    <div class="row">
+        <header class="section-header">
+            <h1 class="section-title">Suitable for</h1>
+        </header>
+
+        <div class="grid grid--full grid-small--fit grid--gutters text-center">
+            <p class="grid__col">
+                Blockchain companies looking to scale or serve their clients
+            </p>
+            <p class="grid__col">
+                Companies experimenting with blockchain technologies
+            </p>
+            <p class="grid__col">
+                Cloud platforms wanting to deploy Blockchain as a Service
+            </p>
+        </div>
+    </div>
+</section>
+
 <section class="section section-whitepaper">
     <div class="row">
         <header class="section-header">
             <h1 class="section-title">Whitepaper</h1>
         </header>
 
-        <svg class="icon">
-            <use xlink:href="/assets/img/sprite.svg#icon-documents"></use>
-        </svg>
-        <p class="text-center comingsoon">Coming soon</p>
+        <a href="/whitepaper/">
+            <svg class="icon">
+                <use xlink:href="/assets/img/sprite.svg#icon-documents"></use>
+            </svg>
+            Access our Whitepaper
+        </a>
     </div>
 </section>
 
 <section id="earlyaccess" class="section section-earlyaccess background--gray">
     <div class="row">
         <header class="section-header">
-            <h1 class="section-title">Early Access</h1>
-            <p class="section-description">For early access and inquiries, enter your contact information below</p>
+            <h1 class="section-title">Sign Up for Early Access</h1>
+            <p class="section-description">For early access and inquiries, enter your contact information below. A member of our team will contact you.</p>
         </header>
 
         {% include/form-earlyaccess.html %}