From 60b3db12719487f4d15b52be86439119b80ac6a9 Mon Sep 17 00:00:00 2001
From: MuslemRahimi <moslem_rahimi@hotmail.de>
Date: Sun, 4 Aug 2024 14:41:46 +0200
Subject: [PATCH] update pricing page

---
 src/lib/components/Pricing.svelte | 3 ++-
 src/routes/pricing/+page.svelte   | 2 ++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/lib/components/Pricing.svelte b/src/lib/components/Pricing.svelte
index f2502698..a2bf8bca 100644
--- a/src/lib/components/Pricing.svelte
+++ b/src/lib/components/Pricing.svelte
@@ -172,11 +172,12 @@ onMount(async () => {
 
 
                 <div class="flex flex-col  mb-6 items-center">
-
                     <div class="flex flex-row items-center">
+                        
                         <span class="mr-2 text-4xl font-bold">{mode ? '$24.92' : '$49.99'}</span>
                         <span class="text-white text-xl">/month</span>
                     </div>
+                    <span class="text-center mt-3 text-white text-sm font-semibold">{mode ? '(Billed annually)' : ''}</span>
                     <!--
                     <div class="flex flex-col items-center">
                         <div class="flex flex-row items-center">
diff --git a/src/routes/pricing/+page.svelte b/src/routes/pricing/+page.svelte
index 8d2e7559..cac062cd 100644
--- a/src/routes/pricing/+page.svelte
+++ b/src/routes/pricing/+page.svelte
@@ -267,6 +267,8 @@ async function purchasePlan(subscriptionType:string='') {
                         <span class="mr-2 text-4xl font-bold">{mode ? '$24.92' : '$49.99'}</span>
                         <span class="text-white text-xl">/month</span>
                     </div>
+                    <span class="text-center mt-3 text-white text-sm font-semibold">{mode ? '(Billed annually)' : ''}</span>
+
                     <!--
                     <div class="flex flex-col items-center">
                         <div class="flex flex-row items-center">