vbatts/quay
Archived
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Adjustments to QE plans page for lead-gen feedback

Browse source 
- Adds a start trial button "above the fold" on the right hand side
- Adds back the dialog explaining the redirect to tectonic accounts
This commit is contained in:
Joseph Schorr 2016-11-10 17:10:08 -05:00
parent a4fce1b102
commit 1405b6b95c
3 changed files with 26 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
static/css/pages/plans.css
View file

@ -134,6 +134,10 @@
text-align: center;
}
.co-p-quay-enterprise-tagline button {
margin-left: 40px;
}
.co-p-quay-enterprise-trial {
text-align: center;
margin-top: 30px;
@ -584,8 +588,8 @@
}
#tectonicManagerDialog .buttons {
margin-top: 10px;
margin-bottom: 30px;
margin-top: 20px;
margin-bottom: 20px;
}
#tectonicManagerDialog .buttons .btn {

32
static/directives/plans-display.html
View file

@ -372,7 +372,12 @@
<!-- Enterprise -->
<div class="tab-pane" id="enterprise">
<h2 class="co-p-quay-enterprise-tagline">One container registry for your entire enterprise</h2>
<h2 class="co-p-quay-enterprise-tagline">One container registry for your entire enterprise
<button class="btn btn-primary btn-lg trial-button hidden-xs hidden-sm" ng-click="qeStartTrial()">
Start a free trial
</button>
</h2>
<div class="flex-wrap top-section">
<div class="container">
<div class="co-p-quay-enterprise-values">
@ -409,7 +414,9 @@
<div class="co-p-quay-enterprise-top-cta-text">Ready to try Quay Enterprise?</div>
<div class="co-p-quay-enterprise-top-cta-buttons">
<div class="co-p-quay-enterprise-top-cta-button-wrap">
<a class="btn btn-primary btn-lg trial-button" href="https://account.tectonic.com/signup/summary/quay-enterprise">Start a free trial</a>
<button class="btn btn-primary btn-lg trial-button" ng-click="qeStartTrial()">
Start a free trial
</button>
<div class="button-subtext co-m-text-light">No credit card required, 30-day trial</div>
</div>
</div>
@ -537,18 +544,17 @@
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<img class="qe-logo" src="/static/img/QuayEnterprise_horizontal_color.svg">
<b>To start your trial, please choose an option:</b>
<img class="qe-logo" src="/static/img/tectonic-bycoreos-color-sidebyside.svg">
<p>
Quay Enterprise is powered by <strong>Tectonic</strong>, a collection of enterprise container products.
</p>
<p>
Click below to continue to the CoreOS Tectonic Accounts system and sign up for your free Quay Enterprise trial.
</p>
<div class="buttons">
<a class="btn btn-primary" href="https://account.tectonic.com/signup/summary/quay-enterprise/{{ currentQEPlan }}">Create a new Tectonic account</a>
<a class="btn btn-default" href="https://account.tectonic.com/signup/summary/quay-enterprise/{{ currentQEPlan }}">Log in to your Tectonic account</a>
</div>
<div class="shoutout">
<div>
Quay Enterprise is powered by Tectonic,
a collection of enterprise container products.
</div>
<img src="/static/img/tectonic-bycoreos-color-sidebyside.svg">
<a class="btn btn-primary" href="https://account.tectonic.com/signup/summary/quay-enterprise">Sign up for free trial via Tectonic</a>
</div>
</div>
</div><!-- /.modal-content -->

3
static/js/directives/ui/plans-display.js
View file

@ -23,8 +23,7 @@ angular.module('quay').directive('plansDisplay', function () {
PlanService.handleNotedPlan();
};
$scope.qeStartTrial = function(plan) {
$scope.currentQEPlan = plan;
$scope.qeStartTrial = function() {
$('#tectonicManagerDialog').modal('show');
};