Add a plans/pricing page

This commit is contained in:
Joseph Schorr 2013-10-02 18:14:51 -04:00
parent c2e9a766f7
commit 0ce2252d1d
7 changed files with 171 additions and 6 deletions

View file

@ -4,7 +4,7 @@
<div class="message-container" ng-show="user.anonymous">
<div class="message">Secure hosting for <b>private</b> docker containers</div>
<div class="sub-message">Use the docker images <b>your team</b> needs with the safety of <b>private</b> storage</div>
<div class="sellcall"><a href="">Starting at $7/mo</a></div>
<div class="sellcall"><a href="#/plans">Starting at $7/mo</a></div>
</div>
<div class="message-container" ng-show="!user.anonymous">
@ -84,8 +84,7 @@
<div class="footer-column">
<h4>About</h4>
<ul>
<li><a href="">Blog</a></li>
<li><a href="">About Us</a></li>
<li><a href="http://blog.devtable.com/">Blog</a></li>
</ul>
</div>
@ -100,7 +99,7 @@
<div class="footer-column">
<h4>Support</h4>
<ul>
<li><a href="">Contact Support</a></li>
<li><a href="mailto:support@quay.io">Contact Support</a></li>
<li><a href="#/guide/">Getting Started Guide</a></li>
</ul>
</div>

View file

@ -0,0 +1,52 @@
<div class="container plans">
<div class="callout">
Plans and Pricing
</div>
<div class="plans-list">
<div class="plan">
<div class="plan-title">Micro</div>
<div class="plan-price">$7</div>
<div class="count"><b>5</b> private repositories</div>
<div class="description">For smaller teams</div>
<button class="btn btn-primary btn-block" ng-click="buyNow('micro')">Buy Now</button>
</div>
<div class="plan focus">
<div class="plan-title">Basic</div>
<div class="plan-price">$12</div>
<div class="count"><b>10</b> private repositories</div>
<div class="description">For your basic team</div>
<button class="btn btn-primary btn-block" ng-click="buyNow('small')">Buy Now</button>
</div>
<div class="plan">
<div class="plan-title">Medium</div>
<div class="plan-price">$22</div>
<div class="count"><b>20</b> private repositories</div>
<div class="description">For medium-sized teams</div>
<button class="btn btn-primary btn-block" ng-click="buyNow('medium')">Buy Now</button>
</div>
</div>
</div>
<!-- Modal message dialog -->
<div class="modal fade" id="signinModal">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h4 class="modal-title">Please Sign In</h4>
</div>
<div class="modal-body">
Please sign into Quay in order to continue
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->

View file

@ -11,13 +11,14 @@
<div class="col-md-4" ng-repeat='plan in plans'>
<div class="panel" ng-class="{'panel-success': subscription.plan == plan.stripeId, 'panel-default': subscription.plan != plan.stripeId}">
<div class="panel-heading">
{{ plan.title }}
{{ plan.title }}
<span class="pull-right" ng-show="subscription.plan == plan.stripeId">
<i class="icon-ok"></i>
Subscribed
</span>
</div>
<div class="panel-body panel-plan">
<div class="plan-price">${{ plan.price / 100 }}</div>
<div class="plan-description"><b>{{ plan.privateRepos }}</b> Private Repositories</div>
<button class="btn btn-primary" ng-hide="subscription" ng-click="subscribe(plan.stripeId)">Subscribe</button>
<button class="btn" ng-show="subscription && (subscription.plan != plan.stripeId)" ng-click="changeSubscription(plan.stripeId)">Change</button>