Skip to content

New signup flow #267

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
kyungmin wants to merge 1 commit into
base: master
Choose a base branch
from
Open

New signup flow #267

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
32 changes: 20 additions & 12 deletions contents/get-started.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand Down
43 changes: 17 additions & 26 deletions static/less/get-started.less
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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;
Expand Down
25 changes: 15 additions & 10 deletions templates/get-started.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand All @@ -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">
Expand All @@ -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>
Expand Down