From 5abb94367610c38cbf6f3b55be39a5a474c5fd8c Mon Sep 17 00:00:00 2001
From: Luke Vella <me@lukevella.com>
Date: Sat, 31 Aug 2024 11:44:52 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=AC=20Update=20annual=20benefit=20(#12?=
 =?UTF-8?q?89)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/landing/public/locales/en/pricing.json   |  4 +--
 apps/landing/src/pages/pricing.tsx            | 26 +++++++++-------
 apps/web/public/locales/en/app.json           |  4 +--
 .../settings/billing/billing-plans.tsx        | 31 +++++++++----------
 4 files changed, 33 insertions(+), 32 deletions(-)

diff --git a/apps/landing/public/locales/en/pricing.json b/apps/landing/public/locales/en/pricing.json
index 49b5026a8..9d9d48bcc 100644
--- a/apps/landing/public/locales/en/pricing.json
+++ b/apps/landing/public/locales/en/pricing.json
@@ -28,6 +28,6 @@
   "keepPollsIndefinitely": "Keep polls indefinitely",
   "whenPollInactive": "When does a poll become inactive?",
   "whenPollInactiveAnswer": "Polls become inactive when all date options are in the past AND the poll has not been accessed for over 30 days. Inactive polls are automatically deleted if you do not have a paid subscription.",
-  "discount": "Save {amount}",
-  "yearlyBillingDescription": "per year"
+  "yearlyBillingDescription": "per year",
+  "annualBenefit": "{count} months free"
 }
diff --git a/apps/landing/src/pages/pricing.tsx b/apps/landing/src/pages/pricing.tsx
index b3de66449..7246119b8 100644
--- a/apps/landing/src/pages/pricing.tsx
+++ b/apps/landing/src/pages/pricing.tsx
@@ -72,15 +72,6 @@ const PriceTables = ({
           </TabsTrigger>
           <TabsTrigger value="yearly" className="inline-flex gap-x-2.5">
             <Trans i18nKey="pricing:billingPeriodYearly" defaults="Yearly" />
-            <Badge variant="green" className="inline-flex gap-2">
-              <Trans
-                i18nKey="pricing:discount"
-                defaults="Save {amount}"
-                values={{
-                  amount: `$${(pricingData.monthly.amount * 12 - pricingData.yearly.amount) / 100}`,
-                }}
-              />
-            </Badge>
           </TabsTrigger>
         </TabsList>
       </div>
@@ -137,9 +128,20 @@ const PriceTables = ({
             </BillingPlanDescription>
           </BillingPlanHeader>
           <TabsContent value="yearly">
-            <BillingPlanPrice>
-              ${pricingData.yearly.amount / 100}
-            </BillingPlanPrice>
+            <div className="flex items-center gap-x-2">
+              <BillingPlanPrice>
+                ${pricingData.yearly.amount / 100}
+              </BillingPlanPrice>
+              <Badge variant="green" className="inline-flex gap-2">
+                <Trans
+                  i18nKey="pricing:annualBenefit"
+                  defaults="{count} months free!"
+                  values={{
+                    count: 4,
+                  }}
+                />
+              </Badge>
+            </div>
             <BillingPlanPeriod>
               <Trans
                 i18nKey="pricing:yearlyBillingDescription"
diff --git a/apps/web/public/locales/en/app.json b/apps/web/public/locales/en/app.json
index 7a05a83e0..4e916a8d6 100644
--- a/apps/web/public/locales/en/app.json
+++ b/apps/web/public/locales/en/app.json
@@ -262,7 +262,6 @@
   "pastEventsEmptyStateDescription": "When you schedule events, they will appear here.",
   "activePollCount": "{{activePollCount}} Live",
   "createPoll": "Create poll",
-  "yearlyDiscount": "Save {amount}",
   "yearlyBillingDescription": "per year",
   "addToCalendar": "Add to Calendar",
   "microsoft365": "Microsoft 365",
@@ -273,5 +272,6 @@
   "timeZoneChangeDetectorTitle": "Timezone Change Detected",
   "timeZoneChangeDetectorMessage": "Your timezone has changed to {currentTimeZone}. Do you want to update your preferences?",
   "yesUpdateTimezone": "Yes, update my timezone",
-  "noKeepCurrentTimezone": "No, keep the current timezone"
+  "noKeepCurrentTimezone": "No, keep the current timezone",
+  "annualBenefit": "{count} months free"
 }
diff --git a/apps/web/src/app/[locale]/(admin)/settings/billing/billing-plans.tsx b/apps/web/src/app/[locale]/(admin)/settings/billing/billing-plans.tsx
index 659a4d99f..6a5ab4b78 100644
--- a/apps/web/src/app/[locale]/(admin)/settings/billing/billing-plans.tsx
+++ b/apps/web/src/app/[locale]/(admin)/settings/billing/billing-plans.tsx
@@ -41,19 +41,6 @@ export const BillingPlans = ({ pricingData }: { pricingData: PricingData }) => {
             </TabsTrigger>
             <TabsTrigger value="yearly" className="inline-flex gap-x-2.5">
               <Trans i18nKey="billingPeriodYearly" />
-              <Badge variant="green">
-                <Trans
-                  i18nKey="yearlyDiscount"
-                  defaults="Save {amount}"
-                  values={{
-                    amount: `$${
-                      (pricingData.monthly.amount * 12 -
-                        pricingData.yearly.amount) /
-                      100
-                    }`,
-                  }}
-                />
-              </Badge>
             </TabsTrigger>
           </TabsList>
         </div>
@@ -109,9 +96,21 @@ export const BillingPlans = ({ pricingData }: { pricingData: PricingData }) => {
             </div>
             <div className="flex">
               <TabsContent value="yearly">
-                <BillingPlanPrice>
-                  ${pricingData.yearly.amount / 100}
-                </BillingPlanPrice>
+                <div className="flex items-center gap-x-2">
+                  <BillingPlanPrice>
+                    ${pricingData.yearly.amount / 100}
+                  </BillingPlanPrice>
+                  <Badge variant="green">
+                    <Trans
+                      i18nKey="annualBenefit"
+                      defaults="{count} months free"
+                      values={{
+                        count: 4,
+                      }}
+                    />
+                  </Badge>
+                </div>
+
                 <BillingPlanPeriod>
                   <Trans
                     i18nKey="yearlyBillingDescription"