Skip to content

Commit 49455fc

Browse files
alexellisalexellis
committed
Public price for starting point for edge
Signed-off-by: Alex Ellis (OpenFaaS Ltd) <alexellis2@gmail.com>
1 parent d942bfa commit 49455fc

File tree

2 files changed

+107
-7
lines changed

2 files changed

+107
-7
lines changed

‎_includes/pricing-page/pricing-edge.html‎

Lines changed: 60 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,10 @@
77
OpenFaaS Edge
88
<span class="tag is-small is-primary ml-2" style="vertical-align: middle; font-size: 0.6rem;">NEW</span>
99
</p>
10+
11+
<p class="has-text-grey-dark is-size-4 font-medium mb-2">
12+
<span class="is-size-5 font-medium">$</span>300<span class="is-size-6 font-medium"> / mo</span>
13+
</p>
1014

1115
<p style="margin-bottom: 6px; min-height: 10px" class="has-text-grey-dark is-size-8 mt-2">
1216
Distribute event-driven automation to your customers.
@@ -101,7 +105,7 @@
101105
</div>
102106
</div>
103107

104-
<div class="is-flex is-align-items-center is-size-6">
108+
<div class="is-flex is-align-items-center is-size-6 is-flex-wrap-wrap">
105109

106110
<div class="book-a-call mr-3 is-size-2">
107111
<div class="field">
@@ -114,18 +118,67 @@
114118
</div>
115119
</div>
116120
</div>
117-
<div class="book-a-call ml-3 is-size-2">
121+
<div class="book-a-call mr-3 is-size-2">
118122
<div class="field">
119-
<label class="label mt-3">Talk to us about edge</label>
123+
<label class="label mt-3">Pricing details</label>
120124
<div class="control">
121-
<a href="https://docs.google.com/forms/d/e/1FAIpQLSe2O9tnlTjc7yqzXLMvqvF2HVqwNW7ePNOxLchacKRf9LZL7Q/viewform?usp=header" class="button is-primary is-medium">
122-
<span class="icon"><i class="fas fa-calendar-alt"></i></span>
123-
<span>Talk to us about edge</span>
124-
</a>
125+
<button id="edge-info-icon" class="button is-primary is-medium">
126+
<span class="icon"><i class="fas fa-info-circle"></i></span>
127+
<span>Find out more</span>
128+
</button>
125129
</div>
126130
</div>
127131
</div>
128132
</div>
133+
134+
<!-- Edge Redistribution Modal -->
135+
<div id="edge-modal" class="modal">
136+
<div class="modal-background"></div>
137+
<div class="modal-card">
138+
<header class="modal-card-head">
139+
<p class="modal-card-title">OpenFaaS Edge - Redistribution License</p>
140+
<button class="delete edge-modal-close" aria-label="close"></button>
141+
</header>
142+
<section class="modal-card-body">
143+
<div class="content">
144+
<h4 class="has-text-grey-dark">Designed for Redistribution</h4>
145+
<p>OpenFaaS Edge is designed specifically for redistribution - distributing your developed functions to end customers as part of your product or solution.</p>
146+
147+
<h4 class="has-text-grey-dark mt-4">Industry Examples</h4>
148+
<p>Edge is ideal for industries that need to deploy automation to customer sites:</p>
149+
<div class="tags">
150+
<span class="tag is-light is-medium">Rail</span>
151+
<span class="tag is-light is-medium">Freight</span>
152+
<span class="tag is-light is-medium">Shipping</span>
153+
<span class="tag is-light is-medium">Telecoms</span>
154+
<span class="tag is-light is-medium">Manufacturing</span>
155+
<span class="tag is-light is-medium">Logistics</span>
156+
<span class="tag is-light is-medium">Industrial Automation</span>
157+
<span class="tag is-light is-medium">Edge Monitoring</span>
158+
<span class="tag is-light is-medium">ETL</span>
159+
<span class="tag is-light is-medium">Data Pre-Processing</span>
160+
</div>
161+
162+
<h4 class="has-text-grey-dark mt-4">Pricing</h4>
163+
<ul>
164+
<li>$300 USD/month is the starting price, per installation</li>
165+
<li>Pricing scales based on deployment needs and function count</li>
166+
<li>Paid annually by invoice - SWIFT (GBP) / ACH (USD)</li>
167+
</ul>
168+
169+
<div class="notification is-info is-light mt-4">
170+
<p class="mb-0">Need functions for internal or production use in your business? See <a href="/pricing/">OpenFaaS Standard</a>.</p>
171+
</div>
172+
</div>
173+
</section>
174+
<footer class="modal-card-foot">
175+
<a href="https://docs.google.com/forms/d/e/1FAIpQLSe2O9tnlTjc7yqzXLMvqvF2HVqwNW7ePNOxLchacKRf9LZL7Q/viewform?usp=header" class="button is-primary" target="_blank" rel="noopener">
176+
<span class="icon"><i class="fas fa-video"></i></span>
177+
<span>Book Zoom call</span>
178+
</a>
179+
<button class="button edge-modal-close">Close</button>
180+
</footer>
181+
</div>
129182
</div>
130183
</div>
131184
</div>

‎js/main.js‎

Lines changed: 47 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -109,6 +109,53 @@ function initVideoModal() {
109109
});
110110
}
111111

112+
/*-----------Init Edge redistribution modal---------*/
113+
/*--------------------------------------------------*/
114+
115+
function initEdgeModal() {
116+
var trigger = document.getElementById('edge-info-icon');
117+
var modal = document.getElementById('edge-modal');
118+
119+
if (!trigger || !modal) {
120+
return;
121+
}
122+
123+
var background = modal.querySelector('.modal-background');
124+
var closeButtons = modal.querySelectorAll('.edge-modal-close');
125+
126+
function showModal(visible) {
127+
if (visible) {
128+
modal.classList.add('is-active');
129+
document.documentElement.classList.add('is-clipped');
130+
} else {
131+
modal.classList.remove('is-active');
132+
document.documentElement.classList.remove('is-clipped');
133+
}
134+
}
135+
136+
trigger.addEventListener('click', function() {
137+
showModal(true);
138+
});
139+
140+
Array.from(closeButtons).forEach(function(btn) {
141+
btn.addEventListener('click', function() {
142+
showModal(false);
143+
});
144+
});
145+
146+
background.addEventListener('click', function() {
147+
showModal(false);
148+
});
149+
150+
document.addEventListener('keydown', function(e) {
151+
if (e.key === 'Escape' && modal.classList.contains('is-active')) {
152+
showModal(false);
153+
}
154+
});
155+
}
156+
157+
initEdgeModal();
158+
112159
// Run shrinkNav on start-up to cover up the white bar shown between the nav
113160
// and the blue hero on the landing page
114161
// shrinkNav()

0 commit comments

Comments
 (0)