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>
@@ -37,24 +46,26 @@
 		<div class="col-md-12">
 	<div class="jumbotron jumbotron-fluid">
   <div class="container">
-    <h1 class="display-4">Stackvee - Smart your tech stack</h1>
-    <p class="lead">Your start-up is your baby, and it deserves the best care possible<br>
-      We at Stackvee believe that you as a CEO should focus on the big picture - after all,
-      in order to grow and develop to its full potential, your start-up needs your full attention.<br>
-      Our expert team has tested countless different tools and technical stacks in order to provide you with the best tools
-      to drive value and streamline your work, saving you the time and trouble of going through all the options availble.<br>
-      We believe in our work so much that our experts will gladly work with you to tailor the best experience for you - for free!<br>
-      You are at the center of our attention, and get:
-      <ul>
-          <li>A <b>tech stack/<b> tailored to provide you with the best solution for you</li>
-          <li><b>Privacy</b> like no other - your data is yours and yours only!</li>
-          <li><b>No Ads</b></li>
-          <li>Full <b>GDPR</b> compliancy</li>
-          <li><b>A 30% lifetime discount until the end of the month only!</b></li>
-          <li>As little as 50$ per month for 15 employees!</li>
-      </ul> <br>
-      You deserve the freedom to drive your business forward at full power - and we got your back
+    <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>
+			When you choose commercial solutions that you cannot control your data is out there to scan, analyze, sell and use<br>
+			We give you the stack, and the data is 100% yours. <br>
+			We are fully GDPR compliance.<br>
+			<b>For a limited time we give 30% lifetime discount</b><br>
+			You can start as low as 50$ per month for a startup up to 15 employees<br>
+			<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>
@@ -583,5 +594,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>