From 66702f1c56df01d612e396bec8caf4cf7348da71 Mon Sep 17 00:00:00 2001
From: Faizan Shoukat Abbasi <abbasi.faizan1997@gmail.com>
Date: Fri, 24 Apr 2026 00:24:29 +0500
Subject: [PATCH 1/8] 88447: Home - No expected banner shown after running a
 snippet

---
 src/components/BaseWidgetItem.tsx             |  6 +-
 src/languages/de.ts                           |  6 ++
 src/languages/en.ts                           |  6 ++
 src/languages/es.ts                           |  6 ++
 src/languages/fr.ts                           |  6 ++
 src/languages/it.ts                           |  6 ++
 src/languages/ja.ts                           |  6 ++
 src/languages/nl.ts                           |  6 ++
 src/languages/pl.ts                           |  6 ++
 src/languages/pt-BR.ts                        |  6 ++
 src/languages/zh-hans.ts                      |  6 ++
 .../hooks/useTimeSensitiveEarlyDiscount.ts    | 59 +++++++++++++++++++
 src/pages/home/TimeSensitiveSection/index.tsx | 32 ++++++----
 .../items/EarlyDiscount.tsx                   | 37 ++++++++++++
 14 files changed, 181 insertions(+), 13 deletions(-)
 create mode 100644 src/pages/home/TimeSensitiveSection/hooks/useTimeSensitiveEarlyDiscount.ts
 create mode 100644 src/pages/home/TimeSensitiveSection/items/EarlyDiscount.tsx

diff --git a/src/components/BaseWidgetItem.tsx b/src/components/BaseWidgetItem.tsx
index d027feced2ea..63a5d5507124 100644
--- a/src/components/BaseWidgetItem.tsx
+++ b/src/components/BaseWidgetItem.tsx
@@ -27,6 +27,9 @@ type BaseWidgetItemProps = {
     /** Secondary subtitle text */
     subtitle?: string;
 
+    /** Optional supporting text rendered below the title (e.g. live countdowns) */
+    supportingText?: string;
+
     /** Text for the CTA button */
     ctaText: string;
 
@@ -40,7 +43,7 @@ type BaseWidgetItemProps = {
     buttonProps?: Partial<ButtonProps>;
 };
 
-function BaseWidgetItem({icon, iconBackgroundColor, title, subtitle, ctaText, onCtaPress, iconFill, buttonProps}: BaseWidgetItemProps) {
+function BaseWidgetItem({icon, iconBackgroundColor, title, subtitle, supportingText, ctaText, onCtaPress, iconFill, buttonProps}: BaseWidgetItemProps) {
     const styles = useThemeStyles();
     const theme = useTheme();
     const {shouldUseNarrowLayout} = useResponsiveLayout();
@@ -65,6 +68,7 @@ function BaseWidgetItem({icon, iconBackgroundColor, title, subtitle, ctaText, on
                     <View style={[styles.flex1, styles.flexColumn, styles.justifyContentCenter]}>
                         {!!subtitle && <Text style={styles.widgetItemSubtitle}>{subtitle}</Text>}
                         <Text style={styles.widgetItemTitle}>{title}</Text>
+                        {!!supportingText && <Text style={styles.widgetItemSubtitle}>{supportingText}</Text>}
                     </View>
                     <Button
                         text={ctaText}
diff --git a/src/languages/de.ts b/src/languages/de.ts
index df905666fd18..f67b39d34993 100644
--- a/src/languages/de.ts
+++ b/src/languages/de.ts
@@ -945,6 +945,12 @@ const translations: TranslationDeepObject<typeof en> = {
             title: 'Zeitkritisch',
             addShippingAddress: {title: 'Wir benötigen deine Versandadresse', subtitle: 'Geben Sie eine Adresse an, um Ihre Expensify Karte zu erhalten.', cta: 'Adresse hinzufügen'},
             addPaymentCard: {title: 'Fügen Sie eine Zahlungskarte hinzu, um Expensify weiter zu nutzen', subtitle: 'Konto > Abonnement', cta: 'Hinzufügen'},
+            earlyDiscount: {
+                title: ({discountType}: {discountType: number}) => `${discountType}% Rabatt auf Ihr erstes Jahr`,
+                supportingText: ({hours, minutes, seconds}: {hours: number; minutes: number; seconds: number}) =>
+                    `${String(hours).padStart(2, '0')}h ${String(minutes).padStart(2, '0')}m ${String(seconds).padStart(2, '0')}s verbleibend`,
+                cta: 'Einlösen',
+            },
             activateCard: {title: 'Aktivieren Sie Ihre Expensify Karte', subtitle: 'Validieren Sie Ihre Karte und beginnen Sie mit dem Ausgeben.', cta: 'Aktivieren'},
             reviewCardFraud: {
                 title: 'Möglichen Betrug mit Ihrer Expensify Karte überprüfen',
diff --git a/src/languages/en.ts b/src/languages/en.ts
index 7cc597d4dd07..cccf688eefc4 100644
--- a/src/languages/en.ts
+++ b/src/languages/en.ts
@@ -996,6 +996,12 @@ const translations = {
                 subtitle: 'Account > Subscription',
                 cta: 'Add',
             },
+            earlyDiscount: {
+                title: ({discountType}: {discountType: number}) => `${discountType}% off your first year`,
+                supportingText: ({hours, minutes, seconds}: {hours: number; minutes: number; seconds: number}) =>
+                    `${String(hours).padStart(2, '0')}h ${String(minutes).padStart(2, '0')}m ${String(seconds).padStart(2, '0')}sec remaining`,
+                cta: 'Claim',
+            },
             activateCard: {
                 title: 'Activate your Expensify Card',
                 subtitle: 'Validate your card and start spending.',
diff --git a/src/languages/es.ts b/src/languages/es.ts
index 4679008524dc..764de95ccb9b 100644
--- a/src/languages/es.ts
+++ b/src/languages/es.ts
@@ -881,6 +881,12 @@ const translations: TranslationDeepObject<typeof en> = {
                 subtitle: 'Cuenta > Suscripción',
                 cta: 'Añadir',
             },
+            earlyDiscount: {
+                title: ({discountType}: {discountType: number}) => `${discountType}% de descuento en tu primer año`,
+                supportingText: ({hours, minutes, seconds}: {hours: number; minutes: number; seconds: number}) =>
+                    `${String(hours).padStart(2, '0')}h ${String(minutes).padStart(2, '0')}m ${String(seconds).padStart(2, '0')}s restantes`,
+                cta: 'Reclamar',
+            },
             activateCard: {
                 title: 'Activa tu Tarjeta Expensify',
                 subtitle: 'Valida tu tarjeta y empieza a gastar.',
diff --git a/src/languages/fr.ts b/src/languages/fr.ts
index 55231f1260d2..8dd6138298e2 100644
--- a/src/languages/fr.ts
+++ b/src/languages/fr.ts
@@ -948,6 +948,12 @@ const translations: TranslationDeepObject<typeof en> = {
             title: 'Urgent',
             addShippingAddress: {title: 'Nous avons besoin de votre adresse de livraison', subtitle: 'Indiquez une adresse pour recevoir votre Carte Expensify.', cta: 'Ajouter une adresse'},
             addPaymentCard: {title: 'Ajoutez une carte de paiement pour continuer à utiliser Expensify', subtitle: 'Compte > Abonnement', cta: 'Ajouter'},
+            earlyDiscount: {
+                title: ({discountType}: {discountType: number}) => `${discountType}% de réduction sur votre première année`,
+                supportingText: ({hours, minutes, seconds}: {hours: number; minutes: number; seconds: number}) =>
+                    `${String(hours).padStart(2, '0')}h ${String(minutes).padStart(2, '0')}m ${String(seconds).padStart(2, '0')}s restantes`,
+                cta: 'Réclamer',
+            },
             activateCard: {title: 'Activer votre Carte Expensify', subtitle: 'Validez votre carte et commencez à dépenser.', cta: 'Activer'},
             reviewCardFraud: {
                 title: 'Examiner une éventuelle fraude sur votre Carte Expensify',
diff --git a/src/languages/it.ts b/src/languages/it.ts
index a60fffd52a75..ebb03eb283f5 100644
--- a/src/languages/it.ts
+++ b/src/languages/it.ts
@@ -945,6 +945,12 @@ const translations: TranslationDeepObject<typeof en> = {
             title: 'Sensibile al tempo',
             addShippingAddress: {title: 'Ci serve il tuo indirizzo di spedizione', subtitle: 'Fornisci un indirizzo per ricevere la tua Carta Expensify.', cta: 'Aggiungi indirizzo'},
             addPaymentCard: {title: 'Aggiungi una carta di pagamento per continuare a usare Expensify', subtitle: 'Account > Abbonamento', cta: 'Aggiungi'},
+            earlyDiscount: {
+                title: ({discountType}: {discountType: number}) => `${discountType}% di sconto sul tuo primo anno`,
+                supportingText: ({hours, minutes, seconds}: {hours: number; minutes: number; seconds: number}) =>
+                    `${String(hours).padStart(2, '0')}h ${String(minutes).padStart(2, '0')}m ${String(seconds).padStart(2, '0')}s rimanenti`,
+                cta: 'Riscatta',
+            },
             activateCard: {title: 'Attiva la tua Carta Expensify', subtitle: 'Convalida la tua carta e inizia a spendere.', cta: 'Attiva'},
             reviewCardFraud: {
                 title: 'Esamina una possibile frode sulla tua Carta Expensify',
diff --git a/src/languages/ja.ts b/src/languages/ja.ts
index 29018896654d..ef09eebce10a 100644
--- a/src/languages/ja.ts
+++ b/src/languages/ja.ts
@@ -931,6 +931,12 @@ const translations: TranslationDeepObject<typeof en> = {
             title: '時間に敏感',
             addShippingAddress: {title: '配送先住所が必要です', subtitle: 'Expensify カードを受け取る住所を入力してください。', cta: '住所を追加'},
             addPaymentCard: {title: 'Expensify を引き続きご利用いただくには、支払いカードを追加してください', subtitle: 'アカウント ＞ サブスクリプション', cta: '追加'},
+            earlyDiscount: {
+                title: ({discountType}: {discountType: number}) => `初年度 ${discountType}% オフ`,
+                supportingText: ({hours, minutes, seconds}: {hours: number; minutes: number; seconds: number}) =>
+                    `残り ${String(hours).padStart(2, '0')}時間 ${String(minutes).padStart(2, '0')}分 ${String(seconds).padStart(2, '0')}秒`,
+                cta: '受け取る',
+            },
             activateCard: {title: 'Expensify カードを有効化する', subtitle: 'カードを認証して支出を始めましょう。', cta: '有効化'},
             reviewCardFraud: {
                 title: 'Expensify カードの不正利用の可能性を確認する',
diff --git a/src/languages/nl.ts b/src/languages/nl.ts
index 526a70ae935d..58e302c21570 100644
--- a/src/languages/nl.ts
+++ b/src/languages/nl.ts
@@ -944,6 +944,12 @@ const translations: TranslationDeepObject<typeof en> = {
             title: 'Tijdgevoelig',
             addShippingAddress: {title: 'We hebben je verzendadres nodig', subtitle: 'Geef een adres op om je Expensify Kaart te ontvangen.', cta: 'Adres toevoegen'},
             addPaymentCard: {title: 'Voeg een betaalkaart toe om Expensify te blijven gebruiken', subtitle: 'Account > Abonnement', cta: 'Toevoegen'},
+            earlyDiscount: {
+                title: ({discountType}: {discountType: number}) => `${discountType}% korting op je eerste jaar`,
+                supportingText: ({hours, minutes, seconds}: {hours: number; minutes: number; seconds: number}) =>
+                    `${String(hours).padStart(2, '0')}u ${String(minutes).padStart(2, '0')}m ${String(seconds).padStart(2, '0')}s resterend`,
+                cta: 'Claimen',
+            },
             activateCard: {title: 'Activeer je Expensify Kaart', subtitle: 'Valideer je kaart en begin met uitgeven.', cta: 'Activeren'},
             reviewCardFraud: {
                 title: 'Controleer mogelijk misbruik van je Expensify Kaart',
diff --git a/src/languages/pl.ts b/src/languages/pl.ts
index ceb777e9f6eb..6961142badfa 100644
--- a/src/languages/pl.ts
+++ b/src/languages/pl.ts
@@ -945,6 +945,12 @@ const translations: TranslationDeepObject<typeof en> = {
             title: 'Wymaga szybkiej reakcji',
             addShippingAddress: {title: 'Potrzebujemy Twojego adresu wysyłki', subtitle: 'Podaj adres, na który mamy wysłać twoją Kartę Expensify.', cta: 'Dodaj adres'},
             addPaymentCard: {title: 'Dodaj kartę płatniczą, żeby dalej korzystać z Expensify', subtitle: 'Konto > Subskrypcja', cta: 'Dodaj'},
+            earlyDiscount: {
+                title: ({discountType}: {discountType: number}) => `${discountType}% zniżki na pierwszy rok`,
+                supportingText: ({hours, minutes, seconds}: {hours: number; minutes: number; seconds: number}) =>
+                    `Pozostało ${String(hours).padStart(2, '0')}h ${String(minutes).padStart(2, '0')}m ${String(seconds).padStart(2, '0')}s`,
+                cta: 'Odbierz',
+            },
             activateCard: {title: 'Aktywuj swoją Kartę Expensify', subtitle: 'Zatwierdź swoją kartę i zacznij wydawać.', cta: 'Aktywuj'},
             reviewCardFraud: {
                 title: 'Sprawdź potencjalne oszustwo na swojej Karcie Expensify',
diff --git a/src/languages/pt-BR.ts b/src/languages/pt-BR.ts
index 75efea94c433..8b4569ebadb4 100644
--- a/src/languages/pt-BR.ts
+++ b/src/languages/pt-BR.ts
@@ -943,6 +943,12 @@ const translations: TranslationDeepObject<typeof en> = {
             title: 'Urgente',
             addShippingAddress: {title: 'Precisamos do seu endereço de entrega', subtitle: 'Informe um endereço para receber seu Cartão Expensify.', cta: 'Adicionar endereço'},
             addPaymentCard: {title: 'Adicione um cartão de pagamento para continuar usando o Expensify', subtitle: 'Conta > Assinatura', cta: 'Adicionar'},
+            earlyDiscount: {
+                title: ({discountType}: {discountType: number}) => `${discountType}% de desconto no seu primeiro ano`,
+                supportingText: ({hours, minutes, seconds}: {hours: number; minutes: number; seconds: number}) =>
+                    `${String(hours).padStart(2, '0')}h ${String(minutes).padStart(2, '0')}m ${String(seconds).padStart(2, '0')}s restantes`,
+                cta: 'Resgatar',
+            },
             activateCard: {title: 'Ative seu Cartão Expensify', subtitle: 'Valide seu cartão e comece a gastar.', cta: 'Ativar'},
             reviewCardFraud: {
                 title: 'Analisar possível fraude no seu Cartão Expensify',
diff --git a/src/languages/zh-hans.ts b/src/languages/zh-hans.ts
index 754e202f1e87..22548601c2fb 100644
--- a/src/languages/zh-hans.ts
+++ b/src/languages/zh-hans.ts
@@ -914,6 +914,12 @@ const translations: TranslationDeepObject<typeof en> = {
             title: '时间敏感',
             addShippingAddress: {title: '我们需要您的收货地址', subtitle: '请提供一个地址以接收您的 Expensify 卡。', cta: '添加地址'},
             addPaymentCard: {title: '添加支付卡以继续使用 Expensify', subtitle: '账户 ＞ 订阅', cta: '添加'},
+            earlyDiscount: {
+                title: ({discountType}: {discountType: number}) => `首年 ${discountType}% 折扣`,
+                supportingText: ({hours, minutes, seconds}: {hours: number; minutes: number; seconds: number}) =>
+                    `剩余 ${String(hours).padStart(2, '0')}小时 ${String(minutes).padStart(2, '0')}分 ${String(seconds).padStart(2, '0')}秒`,
+                cta: '领取',
+            },
             activateCard: {title: '激活你的 Expensify 卡', subtitle: '验证您的银行卡并开始消费。', cta: '启用'},
             reviewCardFraud: {
                 title: '审查您 Expensify 卡上的潜在欺诈交易',
diff --git a/src/pages/home/TimeSensitiveSection/hooks/useTimeSensitiveEarlyDiscount.ts b/src/pages/home/TimeSensitiveSection/hooks/useTimeSensitiveEarlyDiscount.ts
new file mode 100644
index 000000000000..20583244e012
--- /dev/null
+++ b/src/pages/home/TimeSensitiveSection/hooks/useTimeSensitiveEarlyDiscount.ts
@@ -0,0 +1,59 @@
+import {useEffect, useMemo, useState} from 'react';
+import useCurrentUserPersonalDetails from '@hooks/useCurrentUserPersonalDetails';
+import useHasTeam2025Pricing from '@hooks/useHasTeam2025Pricing';
+import useOnyx from '@hooks/useOnyx';
+import useSubscriptionPlan from '@hooks/useSubscriptionPlan';
+import type {DiscountInfo} from '@libs/SubscriptionUtils';
+import {getEarlyDiscountInfo, shouldShowDiscountBanner} from '@libs/SubscriptionUtils';
+import CONST from '@src/CONST';
+import ONYXKEYS from '@src/ONYXKEYS';
+
+const EARLY_DISCOUNT_HALF_OFF = 50;
+
+type TimeSensitiveEarlyDiscountState = {
+    shouldShowEarlyDiscount: boolean;
+    discountInfo: DiscountInfo | null;
+};
+
+function useTimeSensitiveEarlyDiscount(): TimeSensitiveEarlyDiscountState {
+    const [firstDayFreeTrial] = useOnyx(ONYXKEYS.NVP_FIRST_DAY_FREE_TRIAL);
+    const [lastDayFreeTrial] = useOnyx(ONYXKEYS.NVP_LAST_DAY_FREE_TRIAL);
+    const [userBillingFundID] = useOnyx(ONYXKEYS.NVP_BILLING_FUND_ID);
+    const [allPolicies] = useOnyx(ONYXKEYS.COLLECTION.POLICY);
+    const {accountID} = useCurrentUserPersonalDetails();
+    const hasTeam2025Pricing = useHasTeam2025Pricing();
+    const subscriptionPlan = useSubscriptionPlan();
+
+    const isEligibleForDiscount = shouldShowDiscountBanner(accountID, hasTeam2025Pricing, subscriptionPlan, firstDayFreeTrial, lastDayFreeTrial, userBillingFundID, allPolicies);
+
+    // Tick once per second so the countdown stays in sync with wall-clock time
+    // while the user is viewing the Home page.
+    const [tick, setTick] = useState(0);
+    useEffect(() => {
+        if (!isEligibleForDiscount) {
+            return;
+        }
+        const intervalID = setInterval(() => setTick((previousTick) => previousTick + 1), CONST.MILLISECONDS_PER_SECOND);
+        return () => clearInterval(intervalID);
+    }, [isEligibleForDiscount]);
+
+    const discountInfo = useMemo(() => {
+        if (!isEligibleForDiscount) {
+            return null;
+        }
+        return getEarlyDiscountInfo(firstDayFreeTrial);
+        // `tick` is intentionally included so the countdown recomputes every second
+        // even though it is not referenced inside the memo body.
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [firstDayFreeTrial, isEligibleForDiscount, tick]);
+
+    const shouldShowEarlyDiscount = isEligibleForDiscount && discountInfo?.discountType === EARLY_DISCOUNT_HALF_OFF;
+
+    return {
+        shouldShowEarlyDiscount,
+        discountInfo: shouldShowEarlyDiscount ? discountInfo : null,
+    };
+}
+
+export default useTimeSensitiveEarlyDiscount;
+export type {TimeSensitiveEarlyDiscountState};
diff --git a/src/pages/home/TimeSensitiveSection/index.tsx b/src/pages/home/TimeSensitiveSection/index.tsx
index 7c9225e8fbf6..b6268cf9e29a 100644
--- a/src/pages/home/TimeSensitiveSection/index.tsx
+++ b/src/pages/home/TimeSensitiveSection/index.tsx
@@ -20,9 +20,11 @@ import type {ConnectionName, PolicyConnectionName} from '@src/types/onyx/Policy'
 import useTimeSensitiveAddPaymentCard from './hooks/useTimeSensitiveAddPaymentCard';
 import useTimeSensitiveBilling from './hooks/useTimeSensitiveBilling';
 import useTimeSensitiveCards from './hooks/useTimeSensitiveCards';
+import useTimeSensitiveEarlyDiscount from './hooks/useTimeSensitiveEarlyDiscount';
 import ActivateCard from './items/ActivateCard';
 import AddPaymentCard from './items/AddPaymentCard';
 import AddShippingAddress from './items/AddShippingAddress';
+import EarlyDiscount from './items/EarlyDiscount';
 import FixAccountingConnection from './items/FixAccountingConnection';
 import FixCompanyCardConnection from './items/FixCompanyCardConnection';
 import FixFailedBilling from './items/FixFailedBilling';
@@ -68,6 +70,7 @@ function TimeSensitiveSection() {
     const {shouldShowAddPaymentCard} = useTimeSensitiveAddPaymentCard();
     const {shouldShowAddShippingAddress, shouldShowActivateCard, shouldShowReviewCardFraud, cardsNeedingShippingAddress, cardsNeedingActivation, cardsWithFraud} = useTimeSensitiveCards();
     const {shouldShowFixFailedBilling} = useTimeSensitiveBilling();
+    const {shouldShowEarlyDiscount, discountInfo: earlyDiscountInfo} = useTimeSensitiveEarlyDiscount();
 
     // Selector for filtering admin policies (Release 4)
     const adminPoliciesSelectorWrapper = useCallback((policies: OnyxCollection<Policy>) => activeAdminPoliciesSelector(policies, login ?? ''), [login]);
@@ -156,6 +159,7 @@ function TimeSensitiveSection() {
         shouldShowValidateAccount ||
         shouldShowFixFailedBilling ||
         shouldShowReviewCardFraud ||
+        (shouldShowEarlyDiscount && !!earlyDiscountInfo) ||
         shouldShowAddPaymentCard ||
         hasBrokenCompanyCards ||
         hasBrokenPersonalCards ||
@@ -171,12 +175,13 @@ function TimeSensitiveSection() {
     // 1. Validate account
     // 2. Fix failed billing (existing customers with declined cards)
     // 3. Potential card fraud
-    // 4. Add payment card (trial ended, no payment card)
-    // 5. Broken bank connections (company cards)
-    // 6. Broken bank connections (personal cards)
-    // 7. Broken accounting connections
-    // 8. Expensify card shipping
-    // 9. Expensify card activation
+    // 4. Early discount (50% off, sub-24h window after trial start)
+    // 5. Add payment card (trial ended, no payment card)
+    // 6. Broken bank connections (company cards)
+    // 7. Broken bank connections (personal cards)
+    // 8. Broken accounting connections
+    // 9. Expensify card shipping
+    // 10. Expensify card activation
     return (
         <WidgetContainer title={translate('homePage.timeSensitiveSection.title')}>
             <View style={styles.getForYouSectionContainerStyle(shouldUseNarrowLayout)}>
@@ -199,9 +204,12 @@ function TimeSensitiveSection() {
                         );
                     })}
 
-                {/* Priority 4: Add payment card (trial ended, no payment card) */}
+                {/* Priority 4: Early discount (50% off, sub-24h window after trial start) */}
+                {shouldShowEarlyDiscount && !!earlyDiscountInfo && <EarlyDiscount discountInfo={earlyDiscountInfo} />}
+
+                {/* Priority 5: Add payment card (trial ended, no payment card) */}
                 {shouldShowAddPaymentCard && <AddPaymentCard />}
-                {/* Priority 5: Broken company card connections */}
+                {/* Priority 6: Broken company card connections */}
                 {brokenCompanyCardConnections.map((connection) => {
                     const card = cardFeedErrors.cardsWithBrokenFeedConnection[connection.cardID];
                     if (!card) {
@@ -217,7 +225,7 @@ function TimeSensitiveSection() {
                     );
                 })}
 
-                {/* Priority 6: Broken personal card connections */}
+                {/* Priority 7: Broken personal card connections */}
                 {brokenPersonalCardConnections.map((connection) => {
                     const card = cardFeedErrors.personalCardsWithBrokenConnection[connection.cardID];
                     if (!card) {
@@ -231,7 +239,7 @@ function TimeSensitiveSection() {
                     );
                 })}
 
-                {/* Priority 7: Broken accounting connections */}
+                {/* Priority 8: Broken accounting connections */}
                 {brokenAccountingConnections.map((connection) => (
                     <FixAccountingConnection
                         key={`accounting-${connection.policyID}-${connection.connectionName}`}
@@ -241,7 +249,7 @@ function TimeSensitiveSection() {
                     />
                 ))}
 
-                {/* Priority 8: Expensify card shipping */}
+                {/* Priority 9: Expensify card shipping */}
                 {shouldShowAddShippingAddress &&
                     cardsNeedingShippingAddress.map((card) => (
                         <AddShippingAddress
@@ -250,7 +258,7 @@ function TimeSensitiveSection() {
                         />
                     ))}
 
-                {/* Priority 9: Expensify card activation */}
+                {/* Priority 10: Expensify card activation */}
                 {shouldShowActivateCard &&
                     cardsNeedingActivation.map((card) => (
                         <ActivateCard
diff --git a/src/pages/home/TimeSensitiveSection/items/EarlyDiscount.tsx b/src/pages/home/TimeSensitiveSection/items/EarlyDiscount.tsx
new file mode 100644
index 000000000000..311d78d18840
--- /dev/null
+++ b/src/pages/home/TimeSensitiveSection/items/EarlyDiscount.tsx
@@ -0,0 +1,37 @@
+import React from 'react';
+import BaseWidgetItem from '@components/BaseWidgetItem';
+import {useMemoizedLazyExpensifyIcons} from '@hooks/useLazyAsset';
+import useLocalize from '@hooks/useLocalize';
+import useTheme from '@hooks/useTheme';
+import navigateToSubscriptionPayment from '@pages/home/common/navigateToSubscriptionPayment';
+import type {DiscountInfo} from '@libs/SubscriptionUtils';
+
+type EarlyDiscountProps = {
+    /** Live discount information used to render the title (discountType) and the live countdown (hours/minutes/seconds). */
+    discountInfo: DiscountInfo;
+};
+
+function EarlyDiscount({discountInfo}: EarlyDiscountProps) {
+    const {translate} = useLocalize();
+    const theme = useTheme();
+    const icons = useMemoizedLazyExpensifyIcons(['Stopwatch']);
+
+    return (
+        <BaseWidgetItem
+            icon={icons.Stopwatch}
+            iconBackgroundColor={theme.widgetIconBG}
+            iconFill={theme.widgetIconFill}
+            title={translate('homePage.timeSensitiveSection.earlyDiscount.title', {discountType: discountInfo.discountType})}
+            supportingText={translate('homePage.timeSensitiveSection.earlyDiscount.supportingText', {
+                hours: discountInfo.hours,
+                minutes: discountInfo.minutes,
+                seconds: discountInfo.seconds,
+            })}
+            ctaText={translate('homePage.timeSensitiveSection.earlyDiscount.cta')}
+            onCtaPress={navigateToSubscriptionPayment}
+            buttonProps={{success: true}}
+        />
+    );
+}
+
+export default EarlyDiscount;

From c475dee3caee12f8f266dbb9f544b2fbf9e9feaf Mon Sep 17 00:00:00 2001
From: Faizan Shoukat Abbasi <abbasi.faizan1997@gmail.com>
Date: Fri, 1 May 2026 14:43:47 +0500
Subject: [PATCH 2/8] Fixed updated requirements

---
 src/languages/de.ts                                |  2 +-
 src/languages/en.ts                                |  2 +-
 src/languages/es.ts                                |  2 +-
 src/languages/fr.ts                                |  2 +-
 src/languages/it.ts                                |  2 +-
 src/languages/ja.ts                                |  2 +-
 src/languages/nl.ts                                |  2 +-
 src/languages/pl.ts                                |  2 +-
 src/languages/pt-BR.ts                             |  2 +-
 src/languages/zh-hans.ts                           |  2 +-
 .../TimeSensitiveSection/items/EarlyDiscount.tsx   | 14 +++++++++++---
 11 files changed, 21 insertions(+), 13 deletions(-)

diff --git a/src/languages/de.ts b/src/languages/de.ts
index f67b39d34993..315cdd102a14 100644
--- a/src/languages/de.ts
+++ b/src/languages/de.ts
@@ -949,7 +949,7 @@ const translations: TranslationDeepObject<typeof en> = {
                 title: ({discountType}: {discountType: number}) => `${discountType}% Rabatt auf Ihr erstes Jahr`,
                 supportingText: ({hours, minutes, seconds}: {hours: number; minutes: number; seconds: number}) =>
                     `${String(hours).padStart(2, '0')}h ${String(minutes).padStart(2, '0')}m ${String(seconds).padStart(2, '0')}s verbleibend`,
-                cta: 'Einlösen',
+                cta: 'Angebot einlösen',
             },
             activateCard: {title: 'Aktivieren Sie Ihre Expensify Karte', subtitle: 'Validieren Sie Ihre Karte und beginnen Sie mit dem Ausgeben.', cta: 'Aktivieren'},
             reviewCardFraud: {
diff --git a/src/languages/en.ts b/src/languages/en.ts
index cccf688eefc4..3b0f8cad7d7e 100644
--- a/src/languages/en.ts
+++ b/src/languages/en.ts
@@ -1000,7 +1000,7 @@ const translations = {
                 title: ({discountType}: {discountType: number}) => `${discountType}% off your first year`,
                 supportingText: ({hours, minutes, seconds}: {hours: number; minutes: number; seconds: number}) =>
                     `${String(hours).padStart(2, '0')}h ${String(minutes).padStart(2, '0')}m ${String(seconds).padStart(2, '0')}sec remaining`,
-                cta: 'Claim',
+                cta: 'Claim offer',
             },
             activateCard: {
                 title: 'Activate your Expensify Card',
diff --git a/src/languages/es.ts b/src/languages/es.ts
index 764de95ccb9b..fddf403f952b 100644
--- a/src/languages/es.ts
+++ b/src/languages/es.ts
@@ -885,7 +885,7 @@ const translations: TranslationDeepObject<typeof en> = {
                 title: ({discountType}: {discountType: number}) => `${discountType}% de descuento en tu primer año`,
                 supportingText: ({hours, minutes, seconds}: {hours: number; minutes: number; seconds: number}) =>
                     `${String(hours).padStart(2, '0')}h ${String(minutes).padStart(2, '0')}m ${String(seconds).padStart(2, '0')}s restantes`,
-                cta: 'Reclamar',
+                cta: 'Reclamar oferta',
             },
             activateCard: {
                 title: 'Activa tu Tarjeta Expensify',
diff --git a/src/languages/fr.ts b/src/languages/fr.ts
index 8dd6138298e2..643d0d30cfdc 100644
--- a/src/languages/fr.ts
+++ b/src/languages/fr.ts
@@ -952,7 +952,7 @@ const translations: TranslationDeepObject<typeof en> = {
                 title: ({discountType}: {discountType: number}) => `${discountType}% de réduction sur votre première année`,
                 supportingText: ({hours, minutes, seconds}: {hours: number; minutes: number; seconds: number}) =>
                     `${String(hours).padStart(2, '0')}h ${String(minutes).padStart(2, '0')}m ${String(seconds).padStart(2, '0')}s restantes`,
-                cta: 'Réclamer',
+                cta: 'Réclamer l’offre',
             },
             activateCard: {title: 'Activer votre Carte Expensify', subtitle: 'Validez votre carte et commencez à dépenser.', cta: 'Activer'},
             reviewCardFraud: {
diff --git a/src/languages/it.ts b/src/languages/it.ts
index ebb03eb283f5..bac32a4192e3 100644
--- a/src/languages/it.ts
+++ b/src/languages/it.ts
@@ -949,7 +949,7 @@ const translations: TranslationDeepObject<typeof en> = {
                 title: ({discountType}: {discountType: number}) => `${discountType}% di sconto sul tuo primo anno`,
                 supportingText: ({hours, minutes, seconds}: {hours: number; minutes: number; seconds: number}) =>
                     `${String(hours).padStart(2, '0')}h ${String(minutes).padStart(2, '0')}m ${String(seconds).padStart(2, '0')}s rimanenti`,
-                cta: 'Riscatta',
+                cta: 'Riscatta offerta',
             },
             activateCard: {title: 'Attiva la tua Carta Expensify', subtitle: 'Convalida la tua carta e inizia a spendere.', cta: 'Attiva'},
             reviewCardFraud: {
diff --git a/src/languages/ja.ts b/src/languages/ja.ts
index ef09eebce10a..1dba86c8943b 100644
--- a/src/languages/ja.ts
+++ b/src/languages/ja.ts
@@ -935,7 +935,7 @@ const translations: TranslationDeepObject<typeof en> = {
                 title: ({discountType}: {discountType: number}) => `初年度 ${discountType}% オフ`,
                 supportingText: ({hours, minutes, seconds}: {hours: number; minutes: number; seconds: number}) =>
                     `残り ${String(hours).padStart(2, '0')}時間 ${String(minutes).padStart(2, '0')}分 ${String(seconds).padStart(2, '0')}秒`,
-                cta: '受け取る',
+                cta: 'オファーを受け取る',
             },
             activateCard: {title: 'Expensify カードを有効化する', subtitle: 'カードを認証して支出を始めましょう。', cta: '有効化'},
             reviewCardFraud: {
diff --git a/src/languages/nl.ts b/src/languages/nl.ts
index 58e302c21570..07026fe43c0f 100644
--- a/src/languages/nl.ts
+++ b/src/languages/nl.ts
@@ -948,7 +948,7 @@ const translations: TranslationDeepObject<typeof en> = {
                 title: ({discountType}: {discountType: number}) => `${discountType}% korting op je eerste jaar`,
                 supportingText: ({hours, minutes, seconds}: {hours: number; minutes: number; seconds: number}) =>
                     `${String(hours).padStart(2, '0')}u ${String(minutes).padStart(2, '0')}m ${String(seconds).padStart(2, '0')}s resterend`,
-                cta: 'Claimen',
+                cta: 'Aanbieding claimen',
             },
             activateCard: {title: 'Activeer je Expensify Kaart', subtitle: 'Valideer je kaart en begin met uitgeven.', cta: 'Activeren'},
             reviewCardFraud: {
diff --git a/src/languages/pl.ts b/src/languages/pl.ts
index 6961142badfa..12f0a9dcfb98 100644
--- a/src/languages/pl.ts
+++ b/src/languages/pl.ts
@@ -949,7 +949,7 @@ const translations: TranslationDeepObject<typeof en> = {
                 title: ({discountType}: {discountType: number}) => `${discountType}% zniżki na pierwszy rok`,
                 supportingText: ({hours, minutes, seconds}: {hours: number; minutes: number; seconds: number}) =>
                     `Pozostało ${String(hours).padStart(2, '0')}h ${String(minutes).padStart(2, '0')}m ${String(seconds).padStart(2, '0')}s`,
-                cta: 'Odbierz',
+                cta: 'Odbierz ofertę',
             },
             activateCard: {title: 'Aktywuj swoją Kartę Expensify', subtitle: 'Zatwierdź swoją kartę i zacznij wydawać.', cta: 'Aktywuj'},
             reviewCardFraud: {
diff --git a/src/languages/pt-BR.ts b/src/languages/pt-BR.ts
index 8b4569ebadb4..7bd4cb1f80fe 100644
--- a/src/languages/pt-BR.ts
+++ b/src/languages/pt-BR.ts
@@ -947,7 +947,7 @@ const translations: TranslationDeepObject<typeof en> = {
                 title: ({discountType}: {discountType: number}) => `${discountType}% de desconto no seu primeiro ano`,
                 supportingText: ({hours, minutes, seconds}: {hours: number; minutes: number; seconds: number}) =>
                     `${String(hours).padStart(2, '0')}h ${String(minutes).padStart(2, '0')}m ${String(seconds).padStart(2, '0')}s restantes`,
-                cta: 'Resgatar',
+                cta: 'Resgatar oferta',
             },
             activateCard: {title: 'Ative seu Cartão Expensify', subtitle: 'Valide seu cartão e comece a gastar.', cta: 'Ativar'},
             reviewCardFraud: {
diff --git a/src/languages/zh-hans.ts b/src/languages/zh-hans.ts
index 22548601c2fb..f214e640a7ca 100644
--- a/src/languages/zh-hans.ts
+++ b/src/languages/zh-hans.ts
@@ -918,7 +918,7 @@ const translations: TranslationDeepObject<typeof en> = {
                 title: ({discountType}: {discountType: number}) => `首年 ${discountType}% 折扣`,
                 supportingText: ({hours, minutes, seconds}: {hours: number; minutes: number; seconds: number}) =>
                     `剩余 ${String(hours).padStart(2, '0')}小时 ${String(minutes).padStart(2, '0')}分 ${String(seconds).padStart(2, '0')}秒`,
-                cta: '领取',
+                cta: '领取优惠',
             },
             activateCard: {title: '激活你的 Expensify 卡', subtitle: '验证您的银行卡并开始消费。', cta: '启用'},
             reviewCardFraud: {
diff --git a/src/pages/home/TimeSensitiveSection/items/EarlyDiscount.tsx b/src/pages/home/TimeSensitiveSection/items/EarlyDiscount.tsx
index 311d78d18840..849d1e8fd775 100644
--- a/src/pages/home/TimeSensitiveSection/items/EarlyDiscount.tsx
+++ b/src/pages/home/TimeSensitiveSection/items/EarlyDiscount.tsx
@@ -1,10 +1,11 @@
-import React from 'react';
+import React, {useCallback} from 'react';
 import BaseWidgetItem from '@components/BaseWidgetItem';
 import {useMemoizedLazyExpensifyIcons} from '@hooks/useLazyAsset';
 import useLocalize from '@hooks/useLocalize';
 import useTheme from '@hooks/useTheme';
-import navigateToSubscriptionPayment from '@pages/home/common/navigateToSubscriptionPayment';
+import Navigation from '@libs/Navigation/Navigation';
 import type {DiscountInfo} from '@libs/SubscriptionUtils';
+import ROUTES from '@src/ROUTES';
 
 type EarlyDiscountProps = {
     /** Live discount information used to render the title (discountType) and the live countdown (hours/minutes/seconds). */
@@ -16,6 +17,13 @@ function EarlyDiscount({discountInfo}: EarlyDiscountProps) {
     const theme = useTheme();
     const icons = useMemoizedLazyExpensifyIcons(['Stopwatch']);
 
+    // Match EarlyDiscountBanner: navigate to Account > Subscription (the page itself)
+    // rather than the Add Payment Card screen, so the user lands on the subscription
+    // overview where they can claim the discount.
+    const onCtaPress = useCallback(() => {
+        Navigation.navigate(ROUTES.SETTINGS_SUBSCRIPTION.getRoute(Navigation.getActiveRoute()));
+    }, []);
+
     return (
         <BaseWidgetItem
             icon={icons.Stopwatch}
@@ -28,7 +36,7 @@ function EarlyDiscount({discountInfo}: EarlyDiscountProps) {
                 seconds: discountInfo.seconds,
             })}
             ctaText={translate('homePage.timeSensitiveSection.earlyDiscount.cta')}
-            onCtaPress={navigateToSubscriptionPayment}
+            onCtaPress={onCtaPress}
             buttonProps={{success: true}}
         />
     );

From bcca04ce66d7e09e27d0527e4a06798a6df68761 Mon Sep 17 00:00:00 2001
From: Faizan Shoukat Abbasi <abbasi.faizan1997@gmail.com>
Date: Thu, 7 May 2026 04:46:01 +0500
Subject: [PATCH 3/8] Fixed AI Feedbacks

---
 src/components/BaseWidgetItem.tsx             |  6 +-
 .../hooks/useTimeSensitiveEarlyDiscount.ts    | 12 +---
 .../items/EarlyDiscount.tsx                   | 71 ++++++++++++++-----
 3 files changed, 56 insertions(+), 33 deletions(-)

diff --git a/src/components/BaseWidgetItem.tsx b/src/components/BaseWidgetItem.tsx
index 63a5d5507124..d027feced2ea 100644
--- a/src/components/BaseWidgetItem.tsx
+++ b/src/components/BaseWidgetItem.tsx
@@ -27,9 +27,6 @@ type BaseWidgetItemProps = {
     /** Secondary subtitle text */
     subtitle?: string;
 
-    /** Optional supporting text rendered below the title (e.g. live countdowns) */
-    supportingText?: string;
-
     /** Text for the CTA button */
     ctaText: string;
 
@@ -43,7 +40,7 @@ type BaseWidgetItemProps = {
     buttonProps?: Partial<ButtonProps>;
 };
 
-function BaseWidgetItem({icon, iconBackgroundColor, title, subtitle, supportingText, ctaText, onCtaPress, iconFill, buttonProps}: BaseWidgetItemProps) {
+function BaseWidgetItem({icon, iconBackgroundColor, title, subtitle, ctaText, onCtaPress, iconFill, buttonProps}: BaseWidgetItemProps) {
     const styles = useThemeStyles();
     const theme = useTheme();
     const {shouldUseNarrowLayout} = useResponsiveLayout();
@@ -68,7 +65,6 @@ function BaseWidgetItem({icon, iconBackgroundColor, title, subtitle, supportingT
                     <View style={[styles.flex1, styles.flexColumn, styles.justifyContentCenter]}>
                         {!!subtitle && <Text style={styles.widgetItemSubtitle}>{subtitle}</Text>}
                         <Text style={styles.widgetItemTitle}>{title}</Text>
-                        {!!supportingText && <Text style={styles.widgetItemSubtitle}>{supportingText}</Text>}
                     </View>
                     <Button
                         text={ctaText}
diff --git a/src/pages/home/TimeSensitiveSection/hooks/useTimeSensitiveEarlyDiscount.ts b/src/pages/home/TimeSensitiveSection/hooks/useTimeSensitiveEarlyDiscount.ts
index 20583244e012..8f7d5c7df5fd 100644
--- a/src/pages/home/TimeSensitiveSection/hooks/useTimeSensitiveEarlyDiscount.ts
+++ b/src/pages/home/TimeSensitiveSection/hooks/useTimeSensitiveEarlyDiscount.ts
@@ -1,4 +1,4 @@
-import {useEffect, useMemo, useState} from 'react';
+import {useEffect, useState} from 'react';
 import useCurrentUserPersonalDetails from '@hooks/useCurrentUserPersonalDetails';
 import useHasTeam2025Pricing from '@hooks/useHasTeam2025Pricing';
 import useOnyx from '@hooks/useOnyx';
@@ -37,15 +37,7 @@ function useTimeSensitiveEarlyDiscount(): TimeSensitiveEarlyDiscountState {
         return () => clearInterval(intervalID);
     }, [isEligibleForDiscount]);
 
-    const discountInfo = useMemo(() => {
-        if (!isEligibleForDiscount) {
-            return null;
-        }
-        return getEarlyDiscountInfo(firstDayFreeTrial);
-        // `tick` is intentionally included so the countdown recomputes every second
-        // even though it is not referenced inside the memo body.
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [firstDayFreeTrial, isEligibleForDiscount, tick]);
+    const discountInfo = isEligibleForDiscount ? getEarlyDiscountInfo(firstDayFreeTrial) : null;
 
     const shouldShowEarlyDiscount = isEligibleForDiscount && discountInfo?.discountType === EARLY_DISCOUNT_HALF_OFF;
 
diff --git a/src/pages/home/TimeSensitiveSection/items/EarlyDiscount.tsx b/src/pages/home/TimeSensitiveSection/items/EarlyDiscount.tsx
index 849d1e8fd775..79a80dcaa6c3 100644
--- a/src/pages/home/TimeSensitiveSection/items/EarlyDiscount.tsx
+++ b/src/pages/home/TimeSensitiveSection/items/EarlyDiscount.tsx
@@ -1,10 +1,18 @@
-import React, {useCallback} from 'react';
-import BaseWidgetItem from '@components/BaseWidgetItem';
+import React from 'react';
+import {View} from 'react-native';
+import Button from '@components/Button';
+import Icon from '@components/Icon';
+import {PressableWithoutFeedback} from '@components/Pressable';
+import Text from '@components/Text';
 import {useMemoizedLazyExpensifyIcons} from '@hooks/useLazyAsset';
 import useLocalize from '@hooks/useLocalize';
+import useResponsiveLayout from '@hooks/useResponsiveLayout';
 import useTheme from '@hooks/useTheme';
+import useThemeStyles from '@hooks/useThemeStyles';
 import Navigation from '@libs/Navigation/Navigation';
 import type {DiscountInfo} from '@libs/SubscriptionUtils';
+import variables from '@styles/variables';
+import CONST from '@src/CONST';
 import ROUTES from '@src/ROUTES';
 
 type EarlyDiscountProps = {
@@ -12,33 +20,60 @@ type EarlyDiscountProps = {
     discountInfo: DiscountInfo;
 };
 
+const ICON_SIZE = variables.iconSizeNormal;
+
 function EarlyDiscount({discountInfo}: EarlyDiscountProps) {
     const {translate} = useLocalize();
     const theme = useTheme();
+    const styles = useThemeStyles();
+    const {shouldUseNarrowLayout} = useResponsiveLayout();
     const icons = useMemoizedLazyExpensifyIcons(['Stopwatch']);
 
     // Match EarlyDiscountBanner: navigate to Account > Subscription (the page itself)
     // rather than the Add Payment Card screen, so the user lands on the subscription
     // overview where they can claim the discount.
-    const onCtaPress = useCallback(() => {
+    const onCtaPress = () => {
         Navigation.navigate(ROUTES.SETTINGS_SUBSCRIPTION.getRoute(Navigation.getActiveRoute()));
-    }, []);
+    };
+
+    const title = translate('homePage.timeSensitiveSection.earlyDiscount.title', {discountType: discountInfo.discountType});
+    const supportingText = translate('homePage.timeSensitiveSection.earlyDiscount.supportingText', {
+        hours: discountInfo.hours,
+        minutes: discountInfo.minutes,
+        seconds: discountInfo.seconds,
+    });
 
     return (
-        <BaseWidgetItem
-            icon={icons.Stopwatch}
-            iconBackgroundColor={theme.widgetIconBG}
-            iconFill={theme.widgetIconFill}
-            title={translate('homePage.timeSensitiveSection.earlyDiscount.title', {discountType: discountInfo.discountType})}
-            supportingText={translate('homePage.timeSensitiveSection.earlyDiscount.supportingText', {
-                hours: discountInfo.hours,
-                minutes: discountInfo.minutes,
-                seconds: discountInfo.seconds,
-            })}
-            ctaText={translate('homePage.timeSensitiveSection.earlyDiscount.cta')}
-            onCtaPress={onCtaPress}
-            buttonProps={{success: true}}
-        />
+        <PressableWithoutFeedback
+            accessibilityLabel={title}
+            onPress={onCtaPress}
+            role={CONST.ROLE.BUTTON}
+            sentryLabel={CONST.SENTRY_LABEL.HOME_PAGE.WIDGET_ITEM}
+        >
+            {({hovered}) => (
+                <View style={[styles.flexRow, styles.alignItemsCenter, styles.gap3, styles.pv3, shouldUseNarrowLayout ? styles.ph5 : styles.ph8, hovered && styles.hoveredComponentBG]}>
+                    <View style={styles.getWidgetItemIconContainerStyle(theme.widgetIconBG)}>
+                        <Icon
+                            src={icons.Stopwatch}
+                            width={ICON_SIZE}
+                            height={ICON_SIZE}
+                            fill={theme.widgetIconFill}
+                        />
+                    </View>
+                    <View style={[styles.flex1, styles.flexColumn, styles.justifyContentCenter]}>
+                        <Text style={styles.widgetItemTitle}>{title}</Text>
+                        <Text style={styles.widgetItemSubtitle}>{supportingText}</Text>
+                    </View>
+                    <Button
+                        text={translate('homePage.timeSensitiveSection.earlyDiscount.cta')}
+                        onPress={onCtaPress}
+                        small
+                        style={styles.widgetItemButton}
+                        success
+                    />
+                </View>
+            )}
+        </PressableWithoutFeedback>
     );
 }
 

From a830cf52641c85e0f481a738d5ed36301a4c51d9 Mon Sep 17 00:00:00 2001
From: Faizan Shoukat Abbasi <abbasi.faizan1997@gmail.com>
Date: Thu, 7 May 2026 14:24:58 +0500
Subject: [PATCH 4/8] Fixed lint issue

---
 .../hooks/useTimeSensitiveEarlyDiscount.ts        | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/pages/home/TimeSensitiveSection/hooks/useTimeSensitiveEarlyDiscount.ts b/src/pages/home/TimeSensitiveSection/hooks/useTimeSensitiveEarlyDiscount.ts
index 8f7d5c7df5fd..073347daa56d 100644
--- a/src/pages/home/TimeSensitiveSection/hooks/useTimeSensitiveEarlyDiscount.ts
+++ b/src/pages/home/TimeSensitiveSection/hooks/useTimeSensitiveEarlyDiscount.ts
@@ -26,18 +26,23 @@ function useTimeSensitiveEarlyDiscount(): TimeSensitiveEarlyDiscountState {
 
     const isEligibleForDiscount = shouldShowDiscountBanner(accountID, hasTeam2025Pricing, subscriptionPlan, firstDayFreeTrial, lastDayFreeTrial, userBillingFundID, allPolicies);
 
+    const [discountInfo, setDiscountInfo] = useState<DiscountInfo | null>(() => (isEligibleForDiscount ? getEarlyDiscountInfo(firstDayFreeTrial) : null));
+
     // Tick once per second so the countdown stays in sync with wall-clock time
     // while the user is viewing the Home page.
-    const [tick, setTick] = useState(0);
     useEffect(() => {
         if (!isEligibleForDiscount) {
+            setDiscountInfo(null);
             return;
         }
-        const intervalID = setInterval(() => setTick((previousTick) => previousTick + 1), CONST.MILLISECONDS_PER_SECOND);
-        return () => clearInterval(intervalID);
-    }, [isEligibleForDiscount]);
 
-    const discountInfo = isEligibleForDiscount ? getEarlyDiscountInfo(firstDayFreeTrial) : null;
+        setDiscountInfo(getEarlyDiscountInfo(firstDayFreeTrial));
+        const intervalID = setInterval(() => {
+            setDiscountInfo(getEarlyDiscountInfo(firstDayFreeTrial));
+        }, CONST.MILLISECONDS_PER_SECOND);
+
+        return () => clearInterval(intervalID);
+    }, [firstDayFreeTrial, isEligibleForDiscount]);
 
     const shouldShowEarlyDiscount = isEligibleForDiscount && discountInfo?.discountType === EARLY_DISCOUNT_HALF_OFF;
 

From c4f5fb7e52210f218e5935dac2e9fe533a62c60f Mon Sep 17 00:00:00 2001
From: Faizan Shoukat Abbasi <abbasi.faizan1997@gmail.com>
Date: Thu, 7 May 2026 14:27:36 +0500
Subject: [PATCH 5/8] Fixed EsLint issue

---
 .../hooks/useTimeSensitiveEarlyDiscount.ts    | 22 +++++++++++--------
 1 file changed, 13 insertions(+), 9 deletions(-)

diff --git a/src/pages/home/TimeSensitiveSection/hooks/useTimeSensitiveEarlyDiscount.ts b/src/pages/home/TimeSensitiveSection/hooks/useTimeSensitiveEarlyDiscount.ts
index 073347daa56d..0d5f080b2f77 100644
--- a/src/pages/home/TimeSensitiveSection/hooks/useTimeSensitiveEarlyDiscount.ts
+++ b/src/pages/home/TimeSensitiveSection/hooks/useTimeSensitiveEarlyDiscount.ts
@@ -1,4 +1,4 @@
-import {useEffect, useState} from 'react';
+import {useEffect, useMemo, useState} from 'react';
 import useCurrentUserPersonalDetails from '@hooks/useCurrentUserPersonalDetails';
 import useHasTeam2025Pricing from '@hooks/useHasTeam2025Pricing';
 import useOnyx from '@hooks/useOnyx';
@@ -26,23 +26,27 @@ function useTimeSensitiveEarlyDiscount(): TimeSensitiveEarlyDiscountState {
 
     const isEligibleForDiscount = shouldShowDiscountBanner(accountID, hasTeam2025Pricing, subscriptionPlan, firstDayFreeTrial, lastDayFreeTrial, userBillingFundID, allPolicies);
 
-    const [discountInfo, setDiscountInfo] = useState<DiscountInfo | null>(() => (isEligibleForDiscount ? getEarlyDiscountInfo(firstDayFreeTrial) : null));
+    const [tick, setTick] = useState(0);
 
     // Tick once per second so the countdown stays in sync with wall-clock time
     // while the user is viewing the Home page.
     useEffect(() => {
         if (!isEligibleForDiscount) {
-            setDiscountInfo(null);
             return;
         }
-
-        setDiscountInfo(getEarlyDiscountInfo(firstDayFreeTrial));
-        const intervalID = setInterval(() => {
-            setDiscountInfo(getEarlyDiscountInfo(firstDayFreeTrial));
-        }, CONST.MILLISECONDS_PER_SECOND);
+        const intervalID = setInterval(() => setTick((previousTick) => previousTick + 1), CONST.MILLISECONDS_PER_SECOND);
 
         return () => clearInterval(intervalID);
-    }, [firstDayFreeTrial, isEligibleForDiscount]);
+    }, [isEligibleForDiscount]);
+
+    const discountInfo = useMemo(() => {
+        if (!isEligibleForDiscount) {
+            return null;
+        }
+        // Keep tick in-use so this memo recomputes once per second.
+        const currentTick = tick;
+        return currentTick >= 0 ? getEarlyDiscountInfo(firstDayFreeTrial) : null;
+    }, [firstDayFreeTrial, isEligibleForDiscount, tick]);
 
     const shouldShowEarlyDiscount = isEligibleForDiscount && discountInfo?.discountType === EARLY_DISCOUNT_HALF_OFF;
 

From 9640777494f6d8a7cf26bce69715923e8515e667 Mon Sep 17 00:00:00 2001
From: Faizan Shoukat Abbasi <abbasi.faizan1997@gmail.com>
Date: Sun, 17 May 2026 03:28:26 +0500
Subject: [PATCH 6/8] Removed Discount offer & fixed alligment issues

---
 src/languages/de.ts                           |  6 ----
 src/languages/en.ts                           |  6 ----
 src/languages/es.ts                           |  6 ----
 src/languages/fr.ts                           |  6 ----
 src/languages/it.ts                           |  6 ----
 src/languages/ja.ts                           |  6 ----
 src/languages/nl.ts                           |  6 ----
 src/languages/pl.ts                           |  6 ----
 src/languages/pt-BR.ts                        |  6 ----
 src/languages/zh-hans.ts                      |  6 ----
 src/pages/home/FreeTrialSection/index.tsx     |  2 +-
 src/pages/home/TimeSensitiveSection/index.tsx | 36 ++++++++-----------
 12 files changed, 15 insertions(+), 83 deletions(-)

diff --git a/src/languages/de.ts b/src/languages/de.ts
index 17923af91aa4..d0ec1b4109b5 100644
--- a/src/languages/de.ts
+++ b/src/languages/de.ts
@@ -926,12 +926,6 @@ const translations: TranslationDeepObject<typeof en> = {
             title: 'Zeitkritisch',
             addShippingAddress: {title: 'Wir benötigen deine Versandadresse', subtitle: 'Geben Sie eine Adresse an, um Ihre Expensify Karte zu erhalten.', cta: 'Adresse hinzufügen'},
             addPaymentCard: {title: 'Fügen Sie eine Zahlungskarte hinzu, um Expensify weiter zu nutzen', subtitle: 'Konto > Abonnement', cta: 'Hinzufügen'},
-            earlyDiscount: {
-                title: ({discountType}: {discountType: number}) => `${discountType}% Rabatt auf Ihr erstes Jahr`,
-                supportingText: ({hours, minutes, seconds}: {hours: number; minutes: number; seconds: number}) =>
-                    `${String(hours).padStart(2, '0')}h ${String(minutes).padStart(2, '0')}m ${String(seconds).padStart(2, '0')}s verbleibend`,
-                cta: 'Angebot einlösen',
-            },
             activateCard: {title: 'Aktivieren Sie Ihre Expensify Karte', subtitle: 'Validieren Sie Ihre Karte und beginnen Sie mit dem Ausgeben.', cta: 'Aktivieren'},
             reviewCardFraud: {
                 title: 'Möglichen Betrug mit Ihrer Expensify Karte überprüfen',
diff --git a/src/languages/en.ts b/src/languages/en.ts
index 846bd936cdbb..bc1f220eb6d4 100644
--- a/src/languages/en.ts
+++ b/src/languages/en.ts
@@ -977,12 +977,6 @@ const translations = {
                 subtitle: 'Account > Subscription',
                 cta: 'Add',
             },
-            earlyDiscount: {
-                title: ({discountType}: {discountType: number}) => `${discountType}% off your first year`,
-                supportingText: ({hours, minutes, seconds}: {hours: number; minutes: number; seconds: number}) =>
-                    `${String(hours).padStart(2, '0')}h ${String(minutes).padStart(2, '0')}m ${String(seconds).padStart(2, '0')}sec remaining`,
-                cta: 'Claim offer',
-            },
             activateCard: {
                 title: 'Activate your Expensify Card',
                 subtitle: 'Validate your card and start spending.',
diff --git a/src/languages/es.ts b/src/languages/es.ts
index 13564bb159da..b0f575184446 100644
--- a/src/languages/es.ts
+++ b/src/languages/es.ts
@@ -891,12 +891,6 @@ const translations: TranslationDeepObject<typeof en> = {
                 subtitle: 'Cuenta > Suscripción',
                 cta: 'Añadir',
             },
-            earlyDiscount: {
-                title: ({discountType}: {discountType: number}) => `${discountType}% de descuento en tu primer año`,
-                supportingText: ({hours, minutes, seconds}: {hours: number; minutes: number; seconds: number}) =>
-                    `${String(hours).padStart(2, '0')}h ${String(minutes).padStart(2, '0')}m ${String(seconds).padStart(2, '0')}s restantes`,
-                cta: 'Reclamar oferta',
-            },
             activateCard: {
                 title: 'Activa tu Tarjeta Expensify',
                 subtitle: 'Valida tu tarjeta y empieza a gastar.',
diff --git a/src/languages/fr.ts b/src/languages/fr.ts
index 5b8d76838c5f..9f9ca8872ac8 100644
--- a/src/languages/fr.ts
+++ b/src/languages/fr.ts
@@ -929,12 +929,6 @@ const translations: TranslationDeepObject<typeof en> = {
             title: 'Urgent',
             addShippingAddress: {title: 'Nous avons besoin de votre adresse de livraison', subtitle: 'Indiquez une adresse pour recevoir votre Carte Expensify.', cta: 'Ajouter une adresse'},
             addPaymentCard: {title: 'Ajoutez une carte de paiement pour continuer à utiliser Expensify', subtitle: 'Compte > Abonnement', cta: 'Ajouter'},
-            earlyDiscount: {
-                title: ({discountType}: {discountType: number}) => `${discountType}% de réduction sur votre première année`,
-                supportingText: ({hours, minutes, seconds}: {hours: number; minutes: number; seconds: number}) =>
-                    `${String(hours).padStart(2, '0')}h ${String(minutes).padStart(2, '0')}m ${String(seconds).padStart(2, '0')}s restantes`,
-                cta: 'Réclamer l’offre',
-            },
             activateCard: {title: 'Activer votre Carte Expensify', subtitle: 'Validez votre carte et commencez à dépenser.', cta: 'Activer'},
             reviewCardFraud: {
                 title: 'Examiner une éventuelle fraude sur votre Carte Expensify',
diff --git a/src/languages/it.ts b/src/languages/it.ts
index 35ac8c3b8ff2..bc2372f91dab 100644
--- a/src/languages/it.ts
+++ b/src/languages/it.ts
@@ -927,12 +927,6 @@ const translations: TranslationDeepObject<typeof en> = {
             title: 'Sensibile al tempo',
             addShippingAddress: {title: 'Ci serve il tuo indirizzo di spedizione', subtitle: 'Fornisci un indirizzo per ricevere la tua Carta Expensify.', cta: 'Aggiungi indirizzo'},
             addPaymentCard: {title: 'Aggiungi una carta di pagamento per continuare a usare Expensify', subtitle: 'Account > Abbonamento', cta: 'Aggiungi'},
-            earlyDiscount: {
-                title: ({discountType}: {discountType: number}) => `${discountType}% di sconto sul tuo primo anno`,
-                supportingText: ({hours, minutes, seconds}: {hours: number; minutes: number; seconds: number}) =>
-                    `${String(hours).padStart(2, '0')}h ${String(minutes).padStart(2, '0')}m ${String(seconds).padStart(2, '0')}s rimanenti`,
-                cta: 'Riscatta offerta',
-            },
             activateCard: {title: 'Attiva la tua Carta Expensify', subtitle: 'Convalida la tua carta e inizia a spendere.', cta: 'Attiva'},
             reviewCardFraud: {
                 title: 'Esamina una possibile frode sulla tua Carta Expensify',
diff --git a/src/languages/ja.ts b/src/languages/ja.ts
index 7f9cc127e87e..ce66751429fb 100644
--- a/src/languages/ja.ts
+++ b/src/languages/ja.ts
@@ -913,12 +913,6 @@ const translations: TranslationDeepObject<typeof en> = {
             title: '時間に敏感',
             addShippingAddress: {title: '配送先住所が必要です', subtitle: 'Expensify カードを受け取る住所を入力してください。', cta: '住所を追加'},
             addPaymentCard: {title: 'Expensify を引き続きご利用いただくには、支払いカードを追加してください', subtitle: 'アカウント ＞ サブスクリプション', cta: '追加'},
-            earlyDiscount: {
-                title: ({discountType}: {discountType: number}) => `初年度 ${discountType}% オフ`,
-                supportingText: ({hours, minutes, seconds}: {hours: number; minutes: number; seconds: number}) =>
-                    `残り ${String(hours).padStart(2, '0')}時間 ${String(minutes).padStart(2, '0')}分 ${String(seconds).padStart(2, '0')}秒`,
-                cta: 'オファーを受け取る',
-            },
             activateCard: {title: 'Expensify カードを有効化する', subtitle: 'カードを認証して支出を始めましょう。', cta: '有効化'},
             reviewCardFraud: {
                 title: 'Expensify カードの不正利用の可能性を確認する',
diff --git a/src/languages/nl.ts b/src/languages/nl.ts
index bad30bc3bc49..f49b1a731a59 100644
--- a/src/languages/nl.ts
+++ b/src/languages/nl.ts
@@ -925,12 +925,6 @@ const translations: TranslationDeepObject<typeof en> = {
             title: 'Tijdgevoelig',
             addShippingAddress: {title: 'We hebben je verzendadres nodig', subtitle: 'Geef een adres op om je Expensify Kaart te ontvangen.', cta: 'Adres toevoegen'},
             addPaymentCard: {title: 'Voeg een betaalkaart toe om Expensify te blijven gebruiken', subtitle: 'Account > Abonnement', cta: 'Toevoegen'},
-            earlyDiscount: {
-                title: ({discountType}: {discountType: number}) => `${discountType}% korting op je eerste jaar`,
-                supportingText: ({hours, minutes, seconds}: {hours: number; minutes: number; seconds: number}) =>
-                    `${String(hours).padStart(2, '0')}u ${String(minutes).padStart(2, '0')}m ${String(seconds).padStart(2, '0')}s resterend`,
-                cta: 'Aanbieding claimen',
-            },
             activateCard: {title: 'Activeer je Expensify Kaart', subtitle: 'Valideer je kaart en begin met uitgeven.', cta: 'Activeren'},
             reviewCardFraud: {
                 title: 'Controleer mogelijk misbruik van je Expensify Kaart',
diff --git a/src/languages/pl.ts b/src/languages/pl.ts
index 78c150e3fe2b..7494a45ab943 100644
--- a/src/languages/pl.ts
+++ b/src/languages/pl.ts
@@ -927,12 +927,6 @@ const translations: TranslationDeepObject<typeof en> = {
             title: 'Wymaga szybkiej reakcji',
             addShippingAddress: {title: 'Potrzebujemy Twojego adresu wysyłki', subtitle: 'Podaj adres, na który mamy wysłać twoją Kartę Expensify.', cta: 'Dodaj adres'},
             addPaymentCard: {title: 'Dodaj kartę płatniczą, żeby dalej korzystać z Expensify', subtitle: 'Konto > Subskrypcja', cta: 'Dodaj'},
-            earlyDiscount: {
-                title: ({discountType}: {discountType: number}) => `${discountType}% zniżki na pierwszy rok`,
-                supportingText: ({hours, minutes, seconds}: {hours: number; minutes: number; seconds: number}) =>
-                    `Pozostało ${String(hours).padStart(2, '0')}h ${String(minutes).padStart(2, '0')}m ${String(seconds).padStart(2, '0')}s`,
-                cta: 'Odbierz ofertę',
-            },
             activateCard: {title: 'Aktywuj swoją Kartę Expensify', subtitle: 'Zatwierdź swoją kartę i zacznij wydawać.', cta: 'Aktywuj'},
             reviewCardFraud: {
                 title: 'Sprawdź potencjalne oszustwo na swojej Karcie Expensify',
diff --git a/src/languages/pt-BR.ts b/src/languages/pt-BR.ts
index 0190507a3055..62cd43e552f4 100644
--- a/src/languages/pt-BR.ts
+++ b/src/languages/pt-BR.ts
@@ -925,12 +925,6 @@ const translations: TranslationDeepObject<typeof en> = {
             title: 'Urgente',
             addShippingAddress: {title: 'Precisamos do seu endereço de entrega', subtitle: 'Informe um endereço para receber seu Cartão Expensify.', cta: 'Adicionar endereço'},
             addPaymentCard: {title: 'Adicione um cartão de pagamento para continuar usando o Expensify', subtitle: 'Conta > Assinatura', cta: 'Adicionar'},
-            earlyDiscount: {
-                title: ({discountType}: {discountType: number}) => `${discountType}% de desconto no seu primeiro ano`,
-                supportingText: ({hours, minutes, seconds}: {hours: number; minutes: number; seconds: number}) =>
-                    `${String(hours).padStart(2, '0')}h ${String(minutes).padStart(2, '0')}m ${String(seconds).padStart(2, '0')}s restantes`,
-                cta: 'Resgatar oferta',
-            },
             activateCard: {title: 'Ative seu Cartão Expensify', subtitle: 'Valide seu cartão e comece a gastar.', cta: 'Ativar'},
             reviewCardFraud: {
                 title: 'Analisar possível fraude no seu Cartão Expensify',
diff --git a/src/languages/zh-hans.ts b/src/languages/zh-hans.ts
index 521e70193b8f..131fdd725408 100644
--- a/src/languages/zh-hans.ts
+++ b/src/languages/zh-hans.ts
@@ -896,12 +896,6 @@ const translations: TranslationDeepObject<typeof en> = {
             title: '时间敏感',
             addShippingAddress: {title: '我们需要您的收货地址', subtitle: '请提供一个地址以接收您的 Expensify 卡。', cta: '添加地址'},
             addPaymentCard: {title: '添加支付卡以继续使用 Expensify', subtitle: '账户 ＞ 订阅', cta: '添加'},
-            earlyDiscount: {
-                title: ({discountType}: {discountType: number}) => `首年 ${discountType}% 折扣`,
-                supportingText: ({hours, minutes, seconds}: {hours: number; minutes: number; seconds: number}) =>
-                    `剩余 ${String(hours).padStart(2, '0')}小时 ${String(minutes).padStart(2, '0')}分 ${String(seconds).padStart(2, '0')}秒`,
-                cta: '领取优惠',
-            },
             activateCard: {title: '激活你的 Expensify 卡', subtitle: '验证您的银行卡并开始消费。', cta: '启用'},
             reviewCardFraud: {
                 title: '审查您 Expensify 卡上的潜在欺诈交易',
diff --git a/src/pages/home/FreeTrialSection/index.tsx b/src/pages/home/FreeTrialSection/index.tsx
index de356d9ec0ca..ccbfbb545255 100644
--- a/src/pages/home/FreeTrialSection/index.tsx
+++ b/src/pages/home/FreeTrialSection/index.tsx
@@ -76,7 +76,7 @@ function FreeTrialSection() {
                 role={CONST.ROLE.BUTTON}
                 sentryLabel={CONST.SENTRY_LABEL.HOME_PAGE.WIDGET_ITEM}
             >
-                <View style={[styles.flexRow, styles.alignItemsCenter, styles.gap3, styles.pb8, shouldUseNarrowLayout ? styles.ph5 : styles.ph8]}>
+                <View style={[styles.flexRow, styles.alignItemsCenter, styles.gap3, styles.pt3, styles.pb8, shouldUseNarrowLayout ? styles.ph5 : styles.ph8]}>
                     <Icon
                         src={illustrations.TreasureChest}
                         width={ILLUSTRATION_SIZE}
diff --git a/src/pages/home/TimeSensitiveSection/index.tsx b/src/pages/home/TimeSensitiveSection/index.tsx
index 58925d0472b9..01377df78687 100644
--- a/src/pages/home/TimeSensitiveSection/index.tsx
+++ b/src/pages/home/TimeSensitiveSection/index.tsx
@@ -20,12 +20,10 @@ import type {ConnectionName, PolicyConnectionName} from '@src/types/onyx/Policy'
 import useTimeSensitiveAddPaymentCard from './hooks/useTimeSensitiveAddPaymentCard';
 import useTimeSensitiveBilling from './hooks/useTimeSensitiveBilling';
 import useTimeSensitiveCards from './hooks/useTimeSensitiveCards';
-import useTimeSensitiveEarlyDiscount from './hooks/useTimeSensitiveEarlyDiscount';
 import useTimeSensitiveLockedBankAccount from './hooks/useTimeSensitiveLockedBankAccount';
 import ActivateCard from './items/ActivateCard';
 import AddPaymentCard from './items/AddPaymentCard';
 import AddShippingAddress from './items/AddShippingAddress';
-import EarlyDiscount from './items/EarlyDiscount';
 import FixAccountingConnection from './items/FixAccountingConnection';
 import FixCompanyCardConnection from './items/FixCompanyCardConnection';
 import FixFailedBilling from './items/FixFailedBilling';
@@ -72,7 +70,6 @@ function TimeSensitiveSection() {
     const {shouldShowAddPaymentCard} = useTimeSensitiveAddPaymentCard();
     const {shouldShowAddShippingAddress, shouldShowActivateCard, shouldShowReviewCardFraud, cardsNeedingShippingAddress, cardsNeedingActivation, cardsWithFraud} = useTimeSensitiveCards();
     const {shouldShowFixFailedBilling} = useTimeSensitiveBilling();
-    const {shouldShowEarlyDiscount, discountInfo: earlyDiscountInfo} = useTimeSensitiveEarlyDiscount();
 
     // Selector for filtering admin policies (Release 4)
     const adminPoliciesSelectorWrapper = useCallback((policies: OnyxCollection<Policy>) => activeAdminPoliciesSelector(policies, login ?? ''), [login]);
@@ -163,7 +160,6 @@ function TimeSensitiveSection() {
         shouldShowValidateAccount ||
         shouldShowFixFailedBilling ||
         shouldShowReviewCardFraud ||
-        (shouldShowEarlyDiscount && !!earlyDiscountInfo) ||
         shouldShowAddPaymentCard ||
         hasBrokenCompanyCards ||
         hasBrokenPersonalCards ||
@@ -179,14 +175,13 @@ function TimeSensitiveSection() {
     // 1. Validate account
     // 2. Fix failed billing (existing customers with declined cards)
     // 3. Potential card fraud
-    // 4. Early discount (50% off, sub-24h window after trial start)
-    // 5. Add payment card (trial ended, no payment card)
-    // 6. Broken bank connections (company cards)
-    // 7. Broken bank connections (personal cards)
-    // 8. Locked bank accounts (workspace VBAs and personal)
-    // 9. Broken accounting connections
-    // 10. Expensify card shipping
-    // 11. Expensify card activation
+    // 4. Add payment card (trial ended, no payment card)
+    // 5. Broken bank connections (company cards)
+    // 6. Broken bank connections (personal cards)
+    // 7. Locked bank accounts (workspace VBAs and personal)
+    // 8. Broken accounting connections
+    // 9. Expensify card shipping
+    // 10. Expensify card activation
     return (
         <WidgetContainer title={translate('homePage.timeSensitiveSection.title')}>
             <View style={styles.getForYouSectionContainerStyle(shouldUseNarrowLayout)}>
@@ -209,12 +204,9 @@ function TimeSensitiveSection() {
                         );
                     })}
 
-                {/* Priority 4: Early discount (50% off, sub-24h window after trial start) */}
-                {shouldShowEarlyDiscount && !!earlyDiscountInfo && <EarlyDiscount discountInfo={earlyDiscountInfo} />}
-
-                {/* Priority 5: Add payment card (trial ended, no payment card) */}
+                {/* Priority 4: Add payment card (trial ended, no payment card) */}
                 {shouldShowAddPaymentCard && <AddPaymentCard />}
-                {/* Priority 6: Broken company card connections */}
+                {/* Priority 5: Broken company card connections */}
                 {brokenCompanyCardConnections.map((connection) => {
                     const card = cardFeedErrors.cardsWithBrokenFeedConnection[connection.cardID];
                     if (!card) {
@@ -230,7 +222,7 @@ function TimeSensitiveSection() {
                     );
                 })}
 
-                {/* Priority 7: Broken personal card connections */}
+                {/* Priority 6: Broken personal card connections */}
                 {brokenPersonalCardConnections.map((connection) => {
                     const card = cardFeedErrors.personalCardsWithBrokenConnection[connection.cardID];
                     if (!card) {
@@ -244,7 +236,7 @@ function TimeSensitiveSection() {
                     );
                 })}
 
-                {/* Priority 8: Locked bank accounts */}
+                {/* Priority 7: Locked bank accounts */}
                 {lockedBankAccounts.map((lockedBankAccount) => (
                     <UnlockBankAccount
                         key={lockedBankAccount.key}
@@ -253,7 +245,7 @@ function TimeSensitiveSection() {
                     />
                 ))}
 
-                {/* Priority 9: Broken accounting connections */}
+                {/* Priority 8: Broken accounting connections */}
                 {brokenAccountingConnections.map((connection) => (
                     <FixAccountingConnection
                         key={`accounting-${connection.policyID}-${connection.connectionName}`}
@@ -263,7 +255,7 @@ function TimeSensitiveSection() {
                     />
                 ))}
 
-                {/* Priority 10: Expensify card shipping */}
+                {/* Priority 9: Expensify card shipping */}
                 {shouldShowAddShippingAddress &&
                     cardsNeedingShippingAddress.map((card) => (
                         <AddShippingAddress
@@ -272,7 +264,7 @@ function TimeSensitiveSection() {
                         />
                     ))}
 
-                {/* Priority 11: Expensify card activation */}
+                {/* Priority 10: Expensify card activation */}
                 {shouldShowActivateCard &&
                     cardsNeedingActivation.map((card) => (
                         <ActivateCard

From c0b55daa733f85358ef604b4673e50e7fc4a5638 Mon Sep 17 00:00:00 2001
From: Faizan Shoukat Abbasi <abbasi.faizan1997@gmail.com>
Date: Sun, 17 May 2026 03:36:17 +0500
Subject: [PATCH 7/8] removed extra  code

---
 .../hooks/useTimeSensitiveEarlyDiscount.ts    | 60 --------------
 .../items/EarlyDiscount.tsx                   | 80 -------------------
 2 files changed, 140 deletions(-)
 delete mode 100644 src/pages/home/TimeSensitiveSection/hooks/useTimeSensitiveEarlyDiscount.ts
 delete mode 100644 src/pages/home/TimeSensitiveSection/items/EarlyDiscount.tsx

diff --git a/src/pages/home/TimeSensitiveSection/hooks/useTimeSensitiveEarlyDiscount.ts b/src/pages/home/TimeSensitiveSection/hooks/useTimeSensitiveEarlyDiscount.ts
deleted file mode 100644
index 0d5f080b2f77..000000000000
--- a/src/pages/home/TimeSensitiveSection/hooks/useTimeSensitiveEarlyDiscount.ts
+++ /dev/null
@@ -1,60 +0,0 @@
-import {useEffect, useMemo, useState} from 'react';
-import useCurrentUserPersonalDetails from '@hooks/useCurrentUserPersonalDetails';
-import useHasTeam2025Pricing from '@hooks/useHasTeam2025Pricing';
-import useOnyx from '@hooks/useOnyx';
-import useSubscriptionPlan from '@hooks/useSubscriptionPlan';
-import type {DiscountInfo} from '@libs/SubscriptionUtils';
-import {getEarlyDiscountInfo, shouldShowDiscountBanner} from '@libs/SubscriptionUtils';
-import CONST from '@src/CONST';
-import ONYXKEYS from '@src/ONYXKEYS';
-
-const EARLY_DISCOUNT_HALF_OFF = 50;
-
-type TimeSensitiveEarlyDiscountState = {
-    shouldShowEarlyDiscount: boolean;
-    discountInfo: DiscountInfo | null;
-};
-
-function useTimeSensitiveEarlyDiscount(): TimeSensitiveEarlyDiscountState {
-    const [firstDayFreeTrial] = useOnyx(ONYXKEYS.NVP_FIRST_DAY_FREE_TRIAL);
-    const [lastDayFreeTrial] = useOnyx(ONYXKEYS.NVP_LAST_DAY_FREE_TRIAL);
-    const [userBillingFundID] = useOnyx(ONYXKEYS.NVP_BILLING_FUND_ID);
-    const [allPolicies] = useOnyx(ONYXKEYS.COLLECTION.POLICY);
-    const {accountID} = useCurrentUserPersonalDetails();
-    const hasTeam2025Pricing = useHasTeam2025Pricing();
-    const subscriptionPlan = useSubscriptionPlan();
-
-    const isEligibleForDiscount = shouldShowDiscountBanner(accountID, hasTeam2025Pricing, subscriptionPlan, firstDayFreeTrial, lastDayFreeTrial, userBillingFundID, allPolicies);
-
-    const [tick, setTick] = useState(0);
-
-    // Tick once per second so the countdown stays in sync with wall-clock time
-    // while the user is viewing the Home page.
-    useEffect(() => {
-        if (!isEligibleForDiscount) {
-            return;
-        }
-        const intervalID = setInterval(() => setTick((previousTick) => previousTick + 1), CONST.MILLISECONDS_PER_SECOND);
-
-        return () => clearInterval(intervalID);
-    }, [isEligibleForDiscount]);
-
-    const discountInfo = useMemo(() => {
-        if (!isEligibleForDiscount) {
-            return null;
-        }
-        // Keep tick in-use so this memo recomputes once per second.
-        const currentTick = tick;
-        return currentTick >= 0 ? getEarlyDiscountInfo(firstDayFreeTrial) : null;
-    }, [firstDayFreeTrial, isEligibleForDiscount, tick]);
-
-    const shouldShowEarlyDiscount = isEligibleForDiscount && discountInfo?.discountType === EARLY_DISCOUNT_HALF_OFF;
-
-    return {
-        shouldShowEarlyDiscount,
-        discountInfo: shouldShowEarlyDiscount ? discountInfo : null,
-    };
-}
-
-export default useTimeSensitiveEarlyDiscount;
-export type {TimeSensitiveEarlyDiscountState};
diff --git a/src/pages/home/TimeSensitiveSection/items/EarlyDiscount.tsx b/src/pages/home/TimeSensitiveSection/items/EarlyDiscount.tsx
deleted file mode 100644
index 79a80dcaa6c3..000000000000
--- a/src/pages/home/TimeSensitiveSection/items/EarlyDiscount.tsx
+++ /dev/null
@@ -1,80 +0,0 @@
-import React from 'react';
-import {View} from 'react-native';
-import Button from '@components/Button';
-import Icon from '@components/Icon';
-import {PressableWithoutFeedback} from '@components/Pressable';
-import Text from '@components/Text';
-import {useMemoizedLazyExpensifyIcons} from '@hooks/useLazyAsset';
-import useLocalize from '@hooks/useLocalize';
-import useResponsiveLayout from '@hooks/useResponsiveLayout';
-import useTheme from '@hooks/useTheme';
-import useThemeStyles from '@hooks/useThemeStyles';
-import Navigation from '@libs/Navigation/Navigation';
-import type {DiscountInfo} from '@libs/SubscriptionUtils';
-import variables from '@styles/variables';
-import CONST from '@src/CONST';
-import ROUTES from '@src/ROUTES';
-
-type EarlyDiscountProps = {
-    /** Live discount information used to render the title (discountType) and the live countdown (hours/minutes/seconds). */
-    discountInfo: DiscountInfo;
-};
-
-const ICON_SIZE = variables.iconSizeNormal;
-
-function EarlyDiscount({discountInfo}: EarlyDiscountProps) {
-    const {translate} = useLocalize();
-    const theme = useTheme();
-    const styles = useThemeStyles();
-    const {shouldUseNarrowLayout} = useResponsiveLayout();
-    const icons = useMemoizedLazyExpensifyIcons(['Stopwatch']);
-
-    // Match EarlyDiscountBanner: navigate to Account > Subscription (the page itself)
-    // rather than the Add Payment Card screen, so the user lands on the subscription
-    // overview where they can claim the discount.
-    const onCtaPress = () => {
-        Navigation.navigate(ROUTES.SETTINGS_SUBSCRIPTION.getRoute(Navigation.getActiveRoute()));
-    };
-
-    const title = translate('homePage.timeSensitiveSection.earlyDiscount.title', {discountType: discountInfo.discountType});
-    const supportingText = translate('homePage.timeSensitiveSection.earlyDiscount.supportingText', {
-        hours: discountInfo.hours,
-        minutes: discountInfo.minutes,
-        seconds: discountInfo.seconds,
-    });
-
-    return (
-        <PressableWithoutFeedback
-            accessibilityLabel={title}
-            onPress={onCtaPress}
-            role={CONST.ROLE.BUTTON}
-            sentryLabel={CONST.SENTRY_LABEL.HOME_PAGE.WIDGET_ITEM}
-        >
-            {({hovered}) => (
-                <View style={[styles.flexRow, styles.alignItemsCenter, styles.gap3, styles.pv3, shouldUseNarrowLayout ? styles.ph5 : styles.ph8, hovered && styles.hoveredComponentBG]}>
-                    <View style={styles.getWidgetItemIconContainerStyle(theme.widgetIconBG)}>
-                        <Icon
-                            src={icons.Stopwatch}
-                            width={ICON_SIZE}
-                            height={ICON_SIZE}
-                            fill={theme.widgetIconFill}
-                        />
-                    </View>
-                    <View style={[styles.flex1, styles.flexColumn, styles.justifyContentCenter]}>
-                        <Text style={styles.widgetItemTitle}>{title}</Text>
-                        <Text style={styles.widgetItemSubtitle}>{supportingText}</Text>
-                    </View>
-                    <Button
-                        text={translate('homePage.timeSensitiveSection.earlyDiscount.cta')}
-                        onPress={onCtaPress}
-                        small
-                        style={styles.widgetItemButton}
-                        success
-                    />
-                </View>
-            )}
-        </PressableWithoutFeedback>
-    );
-}
-
-export default EarlyDiscount;

From 8cb31f32d2c5a9394808843122a8b4d9b86640f7 Mon Sep 17 00:00:00 2001
From: Faizan Shoukat Abbasi <abbasi.faizan1997@gmail.com>
Date: Mon, 18 May 2026 15:14:44 +0500
Subject: [PATCH 8/8] er25Body in all 10 language files

---
 src/languages/de.ts      | 4 ++--
 src/languages/en.ts      | 4 ++--
 src/languages/es.ts      | 4 ++--
 src/languages/fr.ts      | 4 ++--
 src/languages/it.ts      | 4 ++--
 src/languages/ja.ts      | 4 ++--
 src/languages/nl.ts      | 4 ++--
 src/languages/pl.ts      | 4 ++--
 src/languages/pt-BR.ts   | 4 ++--
 src/languages/zh-hans.ts | 4 ++--
 10 files changed, 20 insertions(+), 20 deletions(-)

diff --git a/src/languages/de.ts b/src/languages/de.ts
index d0ec1b4109b5..897f07bae04b 100644
--- a/src/languages/de.ts
+++ b/src/languages/de.ts
@@ -1027,8 +1027,8 @@ const translations: TranslationDeepObject<typeof en> = {
         },
         freeTrialSection: {
             title: ({days}: {days: number}) => `Kostenlose Testversion: Noch ${days} ${days === 1 ? 'Tag' : 'Tage'}!`,
-            offer50Body: 'Sparen Sie 50 % im ersten Jahr!',
-            offer25Body: 'Erhalten Sie 25 % Rabatt auf Ihr erstes Jahr!',
+            offer50Body: 'Sparen Sie 50 % im ersten Jahr',
+            offer25Body: 'Erhalten Sie 25 % Rabatt auf Ihr erstes Jahr',
             addCardBody: 'Warten Sie nicht! Fügen Sie jetzt Ihre Zahlungskarte hinzu.',
             ctaClaim: 'Anspruch',
             ctaAdd: 'Karte hinzufügen',
diff --git a/src/languages/en.ts b/src/languages/en.ts
index bc1f220eb6d4..eafa3f38939c 100644
--- a/src/languages/en.ts
+++ b/src/languages/en.ts
@@ -1006,8 +1006,8 @@ const translations = {
         },
         freeTrialSection: {
             title: ({days}: {days: number}) => `Free trial: ${days} ${days === 1 ? 'day' : 'days'} left!`,
-            offer50Body: 'Get 50% off your first year!',
-            offer25Body: 'Get 25% off your first year!',
+            offer50Body: 'Get 50% off your first year',
+            offer25Body: 'Get 25% off your first year',
             addCardBody: "Don't wait! Add your payment card now.",
             ctaClaim: 'Claim',
             ctaAdd: 'Add card',
diff --git a/src/languages/es.ts b/src/languages/es.ts
index b0f575184446..9dd4130be8dc 100644
--- a/src/languages/es.ts
+++ b/src/languages/es.ts
@@ -920,8 +920,8 @@ const translations: TranslationDeepObject<typeof en> = {
         },
         freeTrialSection: {
             title: ({days}: {days: number}) => `Prueba gratuita: ${days} ${days === 1 ? 'día' : 'días'} restantes!`,
-            offer50Body: '¡Obtén 50% de descuento en tu primer año!',
-            offer25Body: '¡Obtén 25% de descuento en tu primer año!',
+            offer50Body: '¡Obtén 50% de descuento en tu primer año',
+            offer25Body: '¡Obtén 25% de descuento en tu primer año',
             addCardBody: '¡No esperes! Añade tu tarjeta de pago ahora.',
             ctaClaim: 'Reclamar',
             ctaAdd: 'Añadir tarjeta',
diff --git a/src/languages/fr.ts b/src/languages/fr.ts
index 9f9ca8872ac8..ff0ff37e053c 100644
--- a/src/languages/fr.ts
+++ b/src/languages/fr.ts
@@ -1020,8 +1020,8 @@ const translations: TranslationDeepObject<typeof en> = {
         },
         freeTrialSection: {
             title: ({days}: {days: number}) => `Essai gratuit : plus que ${days} ${days === 1 ? 'jour' : 'jours'} !`,
-            offer50Body: 'Profitez de 50 % de réduction sur votre première année !',
-            offer25Body: 'Obtenez 25 % de réduction sur votre première année !',
+            offer50Body: 'Profitez de 50 % de réduction sur votre première année',
+            offer25Body: 'Obtenez 25 % de réduction sur votre première année',
             addCardBody: 'N’attendez pas ! Ajoutez votre carte de paiement maintenant.',
             ctaClaim: 'Demande',
             ctaAdd: 'Ajouter une carte',
diff --git a/src/languages/it.ts b/src/languages/it.ts
index bc2372f91dab..aacca52fd3e2 100644
--- a/src/languages/it.ts
+++ b/src/languages/it.ts
@@ -1018,8 +1018,8 @@ const translations: TranslationDeepObject<typeof en> = {
         },
         freeTrialSection: {
             title: ({days}: {days: number}) => `Prova gratuita: ${days} ${days === 1 ? 'giorno' : 'giorni'} rimanenti!`,
-            offer50Body: 'Ottieni il 50% di sconto sul tuo primo anno!',
-            offer25Body: 'Ottieni il 25% di sconto sul tuo primo anno!',
+            offer50Body: 'Ottieni il 50% di sconto sul tuo primo anno',
+            offer25Body: 'Ottieni il 25% di sconto sul tuo primo anno',
             addCardBody: 'Non aspettare! Aggiungi subito la tua carta di pagamento.',
             ctaClaim: 'Richiesta',
             ctaAdd: 'Aggiungi carta',
diff --git a/src/languages/ja.ts b/src/languages/ja.ts
index ce66751429fb..cd2e5c0106d3 100644
--- a/src/languages/ja.ts
+++ b/src/languages/ja.ts
@@ -1001,8 +1001,8 @@ const translations: TranslationDeepObject<typeof en> = {
         },
         freeTrialSection: {
             title: ({days}: {days: number}) => `無料トライアル：あと ${days} ${days === 1 ? '日' : '日数'} 日！`,
-            offer50Body: '初年度が50％オフになります！',
-            offer25Body: '初年度が25％オフになります！',
+            offer50Body: '初年度が50％オフになります',
+            offer25Body: '初年度が25％オフになります',
             addCardBody: '今すぐ追加しましょう！お支払い用カードを登録してください。',
             ctaClaim: '申請',
             ctaAdd: 'カードを追加',
diff --git a/src/languages/nl.ts b/src/languages/nl.ts
index f49b1a731a59..416f677c4dab 100644
--- a/src/languages/nl.ts
+++ b/src/languages/nl.ts
@@ -1016,8 +1016,8 @@ const translations: TranslationDeepObject<typeof en> = {
         },
         freeTrialSection: {
             title: ({days}: {days: number}) => `Proefperiode: nog ${days} ${days === 1 ? 'dag' : 'dagen'}!`,
-            offer50Body: 'Krijg 50% korting op je eerste jaar!',
-            offer25Body: 'Krijg 25% korting op je eerste jaar!',
+            offer50Body: 'Krijg 50% korting op je eerste jaar',
+            offer25Body: 'Krijg 25% korting op je eerste jaar',
             addCardBody: 'Wacht niet! Voeg nu je betaalkaart toe.',
             ctaClaim: 'Declareren',
             ctaAdd: 'Kaart toevoegen',
diff --git a/src/languages/pl.ts b/src/languages/pl.ts
index 7494a45ab943..c8cc09912010 100644
--- a/src/languages/pl.ts
+++ b/src/languages/pl.ts
@@ -1018,8 +1018,8 @@ const translations: TranslationDeepObject<typeof en> = {
         },
         freeTrialSection: {
             title: ({days}: {days: number}) => `Darmowy okres próbny: pozostało ${days} ${days === 1 ? 'dzień' : 'dni'}!`,
-            offer50Body: 'Zyskaj 50% zniżki na pierwszy rok!',
-            offer25Body: 'Uzyskaj 25% zniżki na pierwszy rok!',
+            offer50Body: 'Zyskaj 50% zniżki na pierwszy rok',
+            offer25Body: 'Uzyskaj 25% zniżki na pierwszy rok',
             addCardBody: 'Nie czekaj! Dodaj teraz swoją kartę płatniczą.',
             ctaClaim: 'Roszczenie',
             ctaAdd: 'Dodaj kartę',
diff --git a/src/languages/pt-BR.ts b/src/languages/pt-BR.ts
index 62cd43e552f4..282e0e9052fd 100644
--- a/src/languages/pt-BR.ts
+++ b/src/languages/pt-BR.ts
@@ -1016,8 +1016,8 @@ const translations: TranslationDeepObject<typeof en> = {
         },
         freeTrialSection: {
             title: ({days}: {days: number}) => `Avaliação gratuita: restam ${days} ${days === 1 ? 'dia' : 'dias'}!`,
-            offer50Body: 'Ganhe 50% de desconto no seu primeiro ano!',
-            offer25Body: 'Ganhe 25% de desconto no seu primeiro ano!',
+            offer50Body: 'Ganhe 50% de desconto no seu primeiro ano',
+            offer25Body: 'Ganhe 25% de desconto no seu primeiro ano',
             addCardBody: 'Não espere! Adicione seu cartão de pagamento agora.',
             ctaClaim: 'Solicitação',
             ctaAdd: 'Adicionar cartão',
diff --git a/src/languages/zh-hans.ts b/src/languages/zh-hans.ts
index 131fdd725408..2cf32f93e97e 100644
--- a/src/languages/zh-hans.ts
+++ b/src/languages/zh-hans.ts
@@ -984,8 +984,8 @@ const translations: TranslationDeepObject<typeof en> = {
         },
         freeTrialSection: {
             title: ({days}: {days: number}) => `免费试用：剩余 ${days} ${days === 1 ? '天' : '天'} 天！`,
-            offer50Body: '首年可享受五折优惠！',
-            offer25Body: '首年可享 75 折优惠！',
+            offer50Body: '首年可享受五折优惠',
+            offer25Body: '首年可享 75 折优惠',
             addCardBody: '别再犹豫！现在就添加你的付款卡。',
             ctaClaim: '报销申请',
             ctaAdd: '添加卡片',