Update pricing.html

v2/pricing.html

@@ -21,6 +21,8 @@
   <script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
   <link href="images/favicon.png?v2" rel="shortcut icon" type="image/x-icon">
   <link href="images/webclip.png" rel="apple-touch-icon">
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@11.7.27/dist/sweetalert2.min.css">
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cookieconsent@3.1.1/build/cookieconsent.min.css">
   <style>
 :root {
 	--accent: #024eff;
@@ -486,17 +488,9 @@ label {
                         </div>
                       </div>
                     </div>
-					<a href="javascript:void(0);" onclick="showConfirmation('https://rustdesk.com/api/lic/stripe/checkout?type=Personal')" class="uui-button-15 w-inline-block">
+					<button id="buyNowButton1" class="uui-button-3 w-inline-block">
 						<div>Buy now</div>
-					</a>
+					</button>
-					<script>
-						function showConfirmation(redirectUrl) {
-						const userConfirmed = confirm("Do you want to proceed to the purchase page?");
-						if (userConfirmed) {
-						window.location.href = redirectUrl;
-							}
-						}
-					</script>
                   </div>
                 </div>
                 <div class="uui-pricing08_popular-plan">
@@ -567,17 +561,9 @@ label {
                         </div>
                       </div>
                     </div>
-					<a href="javascript:void(0);" onclick="showConfirmation('https://rustdesk.com/api/lic/stripe/checkout?type=Business')" class="uui-button-15 w-inline-block">
+					<button id="buyNowButton2" class="uui-button-3 w-inline-block">
 						<div>Buy now</div>
-					</a>
+					</button>
-					<script>
-						function showConfirmation(redirectUrl) {
-						const userConfirmed = confirm("Do you want to proceed to the purchase page?");
-						if (userConfirmed) {
-						window.location.href = redirectUrl;
-							}
-						}
-					</script>
                   </div>
                 </div>
               </div>
@@ -715,5 +701,61 @@ window.addEventListener("load", function() {
 
   gtag('config', 'UA-178912857-1');
   </script>
+<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.7.27"></script>
+<script>
+    document.getElementById("buyNowButton1").addEventListener("click", function() {
+        Swal.fire({
+            title: 'Please Confirm',
+            text: 'Do you want to proceed to the purchase page?',
+            icon: 'question',
+            showCancelButton: true,
+            confirmButtonText: 'Yes',
+            cancelButtonText: 'No',
+        }).then((result) => {
+            if (result.isConfirmed) {
+                const redirectUrl = 'https://rustdesk.com/api/lic/stripe/checkout?type=Personal';
+                window.location.href = redirectUrl;
+            }
+        });
+    });
+
+    document.getElementById("buyNowButton2").addEventListener("click", function() {
+        Swal.fire({
+            title: 'Please Confirm',
+            text: 'Do you want to proceed to the purchase page?',
+            icon: 'question',
+            showCancelButton: true,
+            confirmButtonText: 'Yes',
+            cancelButtonText: 'No',
+        }).then((result) => {
+            if (result.isConfirmed) {
+                const redirectUrl = 'https://rustdesk.com/api/lic/stripe/checkout?type=Business';
+                window.location.href = redirectUrl;
+            }
+        });
+    });
+</script>
+<script src="https://cdn.jsdelivr.net/npm/cookieconsent@3.1.1/build/cookieconsent.min.js"></script>
+<script>
+  window.addEventListener("load", function(){
+    window.cookieconsent.initialise({
+      "palette": {
+        "popup": {
+          "background": "#edeff5",
+          "text": "#838391"
+        },
+        "button": {
+          "background": "#4b81e8"
+        }
+      },
+      "position": "bottom-right",
+      "content": {
+        "message": "This website uses cookies to ensure you get the best experience on our website.",
+        "dismiss": "Got it!",
+        "link": "Learn more"
+      }
+    });
+  });
+</script>
 </body>
 </html>