diff --git a/v3/src/components/widgets/Pricing.astro b/v3/src/components/widgets/Pricing.astro
index b2968ff..fae735a 100644
--- a/v3/src/components/widgets/Pricing.astro
+++ b/v3/src/components/widgets/Pricing.astro
@@ -86,7 +86,7 @@ const {
                               description && (
                                 <li class="flex items-start space-x-3 text-sm">
                                   <div class="">
-                                    <Icon name={icon ? icon : 'tabler:check'} class="size-4 text-blue-500" />
+                                    <Icon name={icon ? icon : 'tabler:check'} class="size-4 text-secondary" />
                                   </div>
                                   <span>
                                     <Fragment set:html={description} />
diff --git a/v3/src/pages/cancel.astro b/v3/src/pages/cancel.astro
new file mode 100644
index 0000000..784e9aa
--- /dev/null
+++ b/v3/src/pages/cancel.astro
@@ -0,0 +1,18 @@
+---
+import Hero from '~/components/widgets/Hero.astro';
+import Layout from '~/layouts/PageLayout.astro';
+
+const metadata = {
+  title: 'Success',
+};
+---
+
+<Layout metadata={metadata}>
+  <!-- Hero Widget ******************* -->
+
+  <Hero tagline="">
+    <Fragment slot="title"> You have cancelled the payment!
+    </Fragment>
+  </Hero>
+
+</Layout>
diff --git a/v3/src/pages/success.astro b/v3/src/pages/success.astro
new file mode 100644
index 0000000..39182a2
--- /dev/null
+++ b/v3/src/pages/success.astro
@@ -0,0 +1,24 @@
+---
+import Hero from '~/components/widgets/Hero.astro';
+import Layout from '~/layouts/PageLayout.astro';
+
+const metadata = {
+  title: 'Success',
+};
+---
+
+<Layout metadata={metadata}>
+  <!-- Hero Widget ******************* -->
+
+  <Hero tagline="">
+    <Fragment slot="title"> Payment successful! </Fragment>
+
+    <Fragment slot="content">
+      <p class="text-center leading-10 text-lg">The license has been sent to the email you entered on the payment page.<br>
+        Please contact us at <a class="underline text-secondary" href="mailto:support@rustdesk.com">support@rustdesk.com</a> if you didn't receive the email.<br>
+        Getting Started? Read our <a class="underline text-secondary" href="https://rustdesk.com/docs/en/self-host/rustdesk-server-pro/">docs</a>.
+      </p>
+    </Fragment>
+  </Hero>
+
+</Layout>