Hard reset

index.html

@@ -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>