This repository has been archived by the owner on Feb 9, 2021. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathPlans.cshtml
229 lines (221 loc) · 11.7 KB
/
Plans.cshtml
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
@{
Layout = "~/_Master.cshtml";
Page.Title = "Plans";
Page.Current = "Plans";
}
<div class="gry-shadow main container_16">
<div class="headline grywht-grad">
<h1>Choose a plan that works best for you.</h1>
<h2>Flexible options that won't break the bank.</h2>
</div>
<div class="section clearfix">
<div class="grid_14 prefix_1">
<div class="pricing-header">
<table style="width:742px;margin:10px auto;">
<tr>
<td width="20%" style="padding: 15px 10px;font-size: 18px;color: white;font-weight: 600;text-shadow: none;">Plan:</td>
<td width="25%" style="padding: 15px 10px;font-size: 18px;color: white;font-weight: 600;text-shadow: none;">Minutes:</td>
<td width="25%" style="padding: 15px 10px;font-size: 18px;color: white;font-weight: 600;text-shadow: none;">Startup Fee:</td>
<td width="25%" style="padding: 15px 10px;font-size: 18px;color: white;font-weight: 600;text-shadow: none;">Monthly Fee:</td>
<td width="5%"></td>
</tr>
</table>
</div>
<div class="pricing-container">
<ul class="deco-list">
<li>
<table style="width:100%;">
<tr>
<td width="20%" style="padding:0 10px;font-weight:bold;">Starter</td>
<td width="25%" style="padding:0 10px;font-weight:normal;" class="minutes">200 minutes</td>
<td width="25%" style="padding:0 10px;font-weight:normal;">$99 once</td>
<td width="25%" style="padding:0 10px;font-weight:normal;">$59/month</td>
<td width="5%" style="padding:0 9px;font-weight:normal;">
<a href="#" class="block" rel="popover" data-content="The Starter Plan includes 200 minutes per month. Any usage beyond 200 minutes within a 30-day billing cycle will be billed at $0.35 per minute. This plan would accomodate approximately 40 five-minute phone calls." data-original-title="Starter Plan Description" data-placement="above"><span class="icon-question"></span></a>
</td>
</tr>
</table>
</li>
<li>
<table style="width:100%;">
<tr>
<td width="20%" style="padding:0 10px;font-weight:bold;">Basic</td>
<td width="25%" style="padding:0 10px;font-weight:normal;" class="minutes">500 minutes</td>
<td width="25%" style="padding:0 10px;font-weight:normal;">$99 once</td>
<td width="25%" style="padding:0 10px;font-weight:normal;">$129/month</td>
<td width="5%" style="padding:0 9px;font-weight:normal;">
<a href="#" class="block" rel="popover" data-content="The Basic Plan includes 500 minutes per month. Any usage beyond 500 minutes within a 30-day billing cycle will be billed at $0.35 per minute. This plan would accomodate approximately 100 five-minute phone calls." data-original-title="Basic Plan Description" data-placement="above"><span class="icon-question"></span></a>
</td>
</tr>
</table>
</li>
<li>
<table style="width:100%;">
<tr>
<td width="20%" style="padding:0 10px;font-weight:bold;">Premium</td>
<td width="25%" style="padding:0 10px;font-weight:normal;" class="minutes">1000 minutes</td>
<td width="25%" style="padding:0 10px;font-weight:normal;">$99 once</td>
<td width="25%" style="padding:0 10px;font-weight:normal;">$189/month</td>
<td width="5%" style="padding:0 9px;font-weight:normal;">
<a href="#" class="block" rel="popover" data-content="The Premium Plan includes 1000 minutes per month. Any usage beyond 1000 minutes within a 30-day billing cycle will be billed at $0.35 per minute. This plan would accomodate approximately 200 five-minute phone calls." data-original-title="Premium Plan Description" data-placement="above"><span class="icon-question"></span></a>
</td>
</tr>
</table>
</li>
<li>
<table style="width:100%;">
<tr>
<td width="20%" style="padding:0 10px;font-weight:bold;">Super</td>
<td width="25%" style="padding:0 10px;font-weight:normal;" class="minutes">2000 minutes</td>
<td width="25%" style="padding:0 10px;font-weight:normal;">$99 once</td>
<td width="25%" style="padding:0 10px;font-weight:normal;">$299/month</td>
<td width="5%" style="padding:0 9px;font-weight:normal;">
<a href="#" class="block" rel="popover" data-content="The Super Plan includes 2000 minutes per month. Any usage beyond 2000 minutes within a 30-day billing cycle will be billed at $0.35 per minute. This plan would accomodate approximately 400 five-minute phone calls." data-original-title="Super Plan Description" data-placement="above"><span class="icon-question"></span></a>
</td>
</tr>
</table>
</li>
<li>
<table style="width:100%;">
<tr>
<td width="20%" style="padding:0 10px;font-weight:bold;">Mega</td>
<td width="25%" style="padding:0 10px;font-weight:normal;" class="minutes">4000 minutes</td>
<td width="25%" style="padding:0 10px;font-weight:normal;">$99 once</td>
<td width="25%" style="padding:0 10px;font-weight:normal;">$499/month</td>
<td width="5%" style="padding:0 9px;font-weight:normal;">
<a href="#" class="block" rel="popover" data-content="The Mega Plan includes 4000 minutes per month. Any usage beyond 100 minutes within a 30-day billing cycle will be billed at $0.35 per minute. This plan would accomodate approximately 800 five-minute phone calls." data-original-title="Mega Plan Description" data-placement="above"><span class="icon-question"></span></a>
</td>
</tr>
</table>
</li>
<li>
<table style="width:100%;">
<tr>
<td width="20%" style="padding:0 10px;font-weight:bold;">Unlimited</td>
<td width="25%" style="padding:0 10px;font-weight:normal;">unlimited</td>
<td width="25%" style="padding:0 10px;font-weight:normal;">$3,499 once</td>
<td width="25%" style="padding:0 10px;font-weight:normal;">$0.08/minute</td>
<td width="5%" style="padding:0 9px;font-weight:normal;">
<a href="#" class="block" rel="popover" data-content="The Unlimited Plan does not include monthly minutes. All minute usage is billed per minute at $0.08 per minute. This plan would accomodate an unlimited number of phone calls." data-original-title="Unlimited Plan Description" data-placement="above"><span class="icon-question"></span></a>
</td>
</tr>
</table>
</li>
</ul>
</div>
<div class="pricing-footer"></div>
</div>
<div class="grid_14 prefix_1">
<div class="grid_11 alpha">
<h3>Get started with Pathway in just a few easy steps!</h3>
</div>
<div class="grid_3 omega rgt-align">
<a href="https://pathwayapp.com/signup" class="btn grn large">Sign Up</a>
</div>
</div>
<div class="grid_14 prefix_1" style="height:105px;margin-top:20px;">
<div class="grid_7 alpha">
<h4 class="green">When will my card be charged?</h4>
<p class="smaller">Your card will be charged for the startup fee and first month of usage when you sign up for Pathway. After that, we'll bill on the same day of each month.</p>
</div>
<div class="grid_7 omega">
<h4 class="green">Are there any hidden fees?</h4>
<p class="smaller">There are NO hidden fees...what you see is what you get.</p>
</div>
</div>
<div class="grid_14 prefix_1" style="height:150px;">
<div class="grid_7 alpha" style="border-top:1px dotted rgba(0, 0, 0, 0.5);">
<h4 class="green">What if I want to change plans?</h4>
<p class="smaller">You can change plans at ANY time, and as often as you'd like. When it's time to bill you, we'll use whatever plan you are on at that moment. This is intended to let you be in the best possible plan for your organization as you need it...we don't like overages, either!</p>
</div>
<div class="grid_7 omega" style="border-top:1px dotted rgba(0, 0, 0, 0.5);">
<h4 class="green">Can I cancel at any time?</h4>
<p class="smaller">We certainly don't expect you to want to cancel, but it's important to us that you can end our partnership at any time with no hassle. You'll be billed for the month you cancel but that's it. You can always sign up again if your needs change.</p>
</div>
</div>
<div class="grid_14 prefix_1">
<div class="rounded sub-content blu-grad" style="margin-top:20px;">
<h2>Questions? Call us today! <b>1-855-830-4444</b></h2>
</div>
</div>
</div>
<div class="section">
<div class="content clearfix">
<div class="grid_6 prefix_1">
<img src="@Href("~/img/section-content-pricing.png")" width="340" height="130" alt="Pathway - Pricing" />
</div>
<div class="grid_8">
<p>We encourage you to share this application with other ministries within your church. Each can have its own campaign and users that either call for one or multiple ministries. Pathway was designed to help the entire church, but give each ministry a separate, compartmentalized experience in order to keep things specific to what you need the most.</p>
</div>
</div>
</div>
<div class="section clearfix">
<div class="grid_14 prefix_1">
<div class="grid_8 alpha">
<span class="icon-clock">How many minutes do I need?</span>
<h3 class="inline-block">How many minutes do I need?</h3>
<p>We know that picking the right plan includes a little guesswork. You may know how many contacts (first time guests, new believers, etc) but you aren’t quite sure how long the calls typically last, and how many times you attempt to make contact on average. While results vary depending on the campaign itself, here are some <i>real</i> statistics for you to use as you make your decision. </p>
</div>
<div class="grid_5 prefix_1 omega">
<div class="rounded grywht-grad sub-content" style="padding:6px 0 5px 4px;">
<p>
<form id="frmCalc"><label class="inline-block">Number of weekly connections: <input type="text" id="txtCalc" style="width:38px;" maxlength="4" /></label></form><br/>
<h4 class="dark">Estimated Minutes: <b class="green" id="uxMinCalc">0</b></h4><br />
<h4 class="dark">Suggested Plan: <b class="green" id="uxPlanCalc">Any</b></h4><br />
<i><span class="inline-block" style="font-size:10px;line-height:12px;">Based upon current historical data of 1.9 calls per contact with each call taking an average of 2.26 minutes.</span></i>
</p>
</div>
</div>
</div>
</div>
<div class="section">
<div class="content clearfix">
<div class="grid_14 prefix_1">
<div class="grid_11 alpha">
<h3>That's all there is to it, Sign up today!</h3>
</div>
<div class="grid_3 omega rgt-align">
<a href="https://pathwayapp.com/signup" class="btn grn large">Sign Up</a>
</div>
</div>
</div>
</div>
</div>
@section scripts
{
<script type="text/javascript">
$(function ()
{
$("a[rel=popover]").popover({ offset: 5 });
$("#txtCalc").keyup(function() { $("#frmCalc").submit(); });
$("#frmCalc").submit(function ()
{
var peeps = $("#txtCalc").val();
if (!($.trim(peeps).match(/\d{1,10}/)))
{
$("#uxMinCalc").text("0");
$("#uxPlanCalc").text("Any");
$("#txtCalc").val("");
return false;
}
var callsPerContact = 1.9;
var minsPerCall = 2.26;
var calc = peeps * callsPerContact * minsPerCall * 52 / 12;
var plan = "Unlimited";
$("#uxMinCalc").text(parseInt(calc));
$(".pricing-container").find(".minutes").each(function (i, n)
{
var minutes = parseInt($(n).text());
if (calc < minutes)
{
plan = $(n).prev("td").text();
$("#uxPlanCalc").text(plan);
return false;
}
});
$("#uxPlanCalc").text(plan);
return false;
});
});
</script>
}