|
|
@@ -24,6 +24,15 @@
|
|
|
<a class="navbar-brand" href="#">Stackvee</a>
|
|
|
</div>
|
|
|
<ul class="nav-list">
|
|
|
+ <li class="nav-list-item">
|
|
|
+ <button
|
|
|
+ style="background-color:#6772E5;color:#FFF;padding:8px 12px;border:0;border-radius:4px;font-size:1em"
|
|
|
+ id="checkout-button-plan_FMSJLpSKdaIrlJ"
|
|
|
+ role="link"
|
|
|
+ >
|
|
|
+ Checkout
|
|
|
+ </button>
|
|
|
+ </li>
|
|
|
<li class="nav-list-item">
|
|
|
<a href="https://app.stackvee.com" class="nav-link">Users login</a>
|
|
|
</li>
|
|
|
@@ -38,6 +47,7 @@
|
|
|
<div class="jumbotron jumbotron-fluid">
|
|
|
<div class="container">
|
|
|
<h1 class="display-4">Stackvee, Smart your tech stack</h1>
|
|
|
+ <div id="error-message"></div>
|
|
|
<p class="lead">We are helping startups to choose and use the best technical stack for their needs.<br>
|
|
|
Our team test in real life situations different technical stacks so we can recommend the best one for you<br>
|
|
|
We belive in open source and use open source tools to give you the best experiance and to keep your private data private<br>
|
|
|
@@ -49,6 +59,13 @@
|
|
|
<b>With each plan you will get a consulting meeting to help you to choose the correct stack for you</b><br>
|
|
|
And 72 hours response time, consulting by email without limitation
|
|
|
</p>
|
|
|
+ <!-- Load Stripe.js on your website. -->
|
|
|
+
|
|
|
+<!-- Create a button that your customers click to complete their purchase. Customize the styling to suit your branding. -->
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -578,5 +595,35 @@
|
|
|
<script src="js/bootstrap.min.js"></script>
|
|
|
<script src="js/scripts.js"></script>
|
|
|
<script src="https://kit.fontawesome.com/25ece1fdd4.js"></script>
|
|
|
+ <script src="https://js.stripe.com/v3"></script>
|
|
|
+
|
|
|
+ <script>
|
|
|
+ var stripe = Stripe('pk_live_L9wdYA9uQpAuu3pnEVeX84b5');
|
|
|
+
|
|
|
+ var checkoutButton = document.getElementById('checkout-button-plan_FMSJLpSKdaIrlJ');
|
|
|
+ checkoutButton.addEventListener('click', function () {
|
|
|
+ // When the customer clicks on the button, redirect
|
|
|
+ // them to Checkout.
|
|
|
+ stripe.redirectToCheckout({
|
|
|
+ items: [{plan: 'plan_FMSJLpSKdaIrlJ', quantity: 1}],
|
|
|
+
|
|
|
+ // Do not rely on the redirect to the successUrl for fulfilling
|
|
|
+ // purchases, customers may not always reach the success_url after
|
|
|
+ // a successful payment.
|
|
|
+ // Instead use one of the strategies described in
|
|
|
+ // https://stripe.com/docs/payments/checkout/fulfillment
|
|
|
+ successUrl: 'https://stackvee.com/success',
|
|
|
+ cancelUrl: 'https://stackvee.com/canceled',
|
|
|
+ })
|
|
|
+ .then(function (result) {
|
|
|
+ if (result.error) {
|
|
|
+ // If `redirectToCheckout` fails due to a browser or network
|
|
|
+ // error, display the localized error message to your customer.
|
|
|
+ var displayError = document.getElementById('error-message');
|
|
|
+ displayError.textContent = result.error.message;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+ </script>
|
|
|
</body>
|
|
|
</html>
|
Eran Goldman-Malka