From b405083165e87828fae302a9bae5fb3f5a4da996 Mon Sep 17 00:00:00 2001
From: Kyungmin Kim <kmin905@gmail.com>
Date: Wed, 7 Jan 2015 17:44:49 -0800
Subject: [PATCH] Fixes #249: Update the get started page to reflect the new
 marketplace signup process

---
 contents/get-started.md      | 32 +++++++++++++++++----------
 static/less/get-started.less | 43 ++++++++++++++----------------------
 templates/get-started.html   | 25 ++++++++++++---------
 3 files changed, 52 insertions(+), 48 deletions(-)

diff --git a/contents/get-started.md b/contents/get-started.md
index ca1bb42..370df81 100644
--- a/contents/get-started.md
+++ b/contents/get-started.md
@@ -6,33 +6,41 @@ pageTitle: Get started
 body_class: get-started
 
 subtitle:
-  heading: Balanced is specifically designed for two-sided payments, facilitating transactions between multiple parties for marketplaces and crowdfunding platforms.
-  linkUrl: "https://support.balancedpayments.com/hc/en-us/categories/200144810-Is-Balanced-a-good-fit-"
-  linkText: Find out if Balanced is a good fit
+  heading: Balanced is specifically designed for two-sided payments, facilitating transactions between buyers and sellers, niche marketplaces, and crowdfunding platforms.
 
 basicRequirements:
   title: "Basic requirements"
+  body: To use Balanced, you must meet these business requirements.
   list:
-    - A U.S. bank account
-    - A U.S.-registered company with Employee Identification Number
-    - A company representative who is a permanent U.S. resident
-    - Supported use case that is not on our <a href="https://support.balancedpayments.com/hc/en-us/articles/201863174-What-businesses-are-prohibited-from-using-Balanced-" target="_blank">list of prohibited businesses</a>
+    - Have a U.S. bank account
+    - U.S.-registered company with Employee Identification Number
+    - Company representative who is a permanent U.S. resident
+    - Supported business use case
+      <p>
+        <ul>
+          <li>Equity & Real estate crowdfunding</li>
+          <li>Tenant/Landlord payments</li>
+          <li>Money transmission (sending money to your friends)</li>
+          <li>Loan payments</li>
+        </ul>
+      </p>
+        <a href="https://support.balancedpayments.com/hc/en-us/articles/201863174-What-businesses-are-prohibited-from-using-Balanced-" target="_blank">Review the full list</a>
 
 stepsToGoLive:
   title: Steps to go live
   list:
     - step: 1
-      title: Test the API
+      title: Create an account
       image: test
-      description: Create an account from the dashboard to obtain a test marketplace and interact with the Balanced API.
+      description: Create an account from the Balanced dashboard to test our platform.
     - step: 2
       title: Integrate Balanced
       image: integrate
-      description: Checkout our developer <a href="https://docs.balancedpayments.com/" target="_blank">documentation</a> and <a href="https://docs.balancedpayments.com/1.1/guides/quickstart/" target="_blank">quick start guides</a>.
+      description: Checkout our developer <a href="https://docs.balancedpayments.com/" target="_blank">documentation</a> and <a href="https://docs.balancedpayments.com/1.1/guides/quickstart/" target="_blank">quick start guides</a> for integration guides.
     - step: 3
-      title: Go live
+      title: Apply for production access
       image: live
-      description: Register for production access via the dashboard to transact live.
+      description: Apply for production access from the Balanced dashboard. We&#8217ll review your information and inform you of your approval status within 2 business days.
     
 tryTheDashboard:
   buttonText: Create an account to get started
diff --git a/static/less/get-started.less b/static/less/get-started.less
index e9702f1..c520a44 100644
--- a/static/less/get-started.less
+++ b/static/less/get-started.less
@@ -1,53 +1,44 @@
 .get-started {
-
+  .col-md-4 {
+    padding-left: 0;
+  }
   .requirements {
-    background-color: @gray1;
-    margin: 10px 0 0 0;
-    padding: 0;
-
-    li {
-      width: 25%;
-      list-style: none;
-      padding: 20px 15px;
-      margin: 0;
-      display: inline-block;
-      color: @gray8;
-      border-left: 1px solid @gray2;
+    & > .list-group > .list-group-item {
+      color: @black;
 
-      &:first-of-type {
-        border-left: none;
-        padding-left: 30px;
+      &:first-child {
+        border-top: 1px solid @gray2;
       }
-
-      &:last-of-type {
-        padding-right: 30px;
+      &:last-child {
+        border-bottom: 1px solid @gray2;
       }
 
       &:before {
         float: left;
         margin-left: -5px;
+        margin-right: 10px;
         font-family: 'Balanced-Icon';
         &:extend(.icon-checkmark2:before);
       }
 
-      p {
-        margin-left: 20px;
+      li {
+        list-style: disc;
       }
     }
   }
-
   .steps {
     margin: 10px 0 0 0;
     padding: 0;
 
     li {
-      width: 32%;
-      height: 410px;
-      background-color: @gray1;
+      width: 33%;
+      height: 430px;
+      background-color: @gray0;
       display: inline-table;
       list-style: none;
-      margin-left: 14px;
+      margin-left: -5px;
       padding: 20px;
+      .border-radius(0);
 
       &:first-of-type {
         margin-left: 0;
diff --git a/templates/get-started.html b/templates/get-started.html
index b357cd2..0651907 100644
--- a/templates/get-started.html
+++ b/templates/get-started.html
@@ -13,7 +13,6 @@ <h1>{{page.metadata.pageTitle}}</h1>
                     <div class="large-bottom-margin">
                       <div class="summary-text clearfix">
                         <p class="page-summary col-md-10">{{page.metadata.subtitle.heading}}</p>
-                        <a class="col-md-12" href="{{page.metadata.subtitle.linkUrl}}" target="_blank">{{page.metadata.subtitle.linkText}}</a>
                       </div>
                     </div>
                 </header>
@@ -25,13 +24,16 @@ <h1>{{page.metadata.pageTitle}}</h1>
                         <span>{{page.metadata.basicRequirements.title}}</span>
                       </div>
                     </div>
-                    <ul class="requirements clearfix">
-                      {% for item in page.metadata.basicRequirements.list %}
-                      <li class="col-md-3">
-                        <p>{{item}}</p>
-                      </li>
-                      {% endfor %}
-                    </ul>
+                    <div class="col-md-4">
+                      <p>{{page.metadata.basicRequirements.body}}</p>
+                    </div>
+                    <div class="requirements panel col-md-8 pull-right">
+                      <ul class="list-group clearfix">
+                        {% for item in page.metadata.basicRequirements.list %}
+                          <li class="list-group-item">{{item}}</li>
+                        {% endfor %}
+                      </ul>
+                    </div>
                   </div>
 
                   <div class="content clearfix">
@@ -53,8 +55,11 @@ <h3>{{item.title}}</h3>
                   </div>
                 </section>
                 <section class="try-the-dashboard">
-                  <a href="{{page.metadata.tryTheDashboard.linkUrl}}" class="btn special">{{page.metadata.tryTheDashboard.buttonText}}</a>
-                  <a href="{{page.metadata.helpCenter.linkUrl}}" target="_blank">{{page.metadata.helpCenter.linkText}}</a>
+                  <div class="center">
+                    <p>Create an account from the dashboard to get started.</p>
+                    <a href="{{page.metadata.tryTheDashboard.linkUrl}}" class="btn special">{{page.metadata.tryTheDashboard.buttonText}}</a>
+                    <a href="{{page.metadata.helpCenter.linkUrl}}" target="_blank">{{page.metadata.helpCenter.linkText}}</a>
+                  </div>
                 </section>
             </div>
         </div>