diff --git a/assets/images/simple-illustrations/simple-illustration__creditcards--green.svg b/assets/images/simple-illustrations/simple-illustration__creditcards--green.svg
new file mode 100644
index 000000000000..bd74430af00a
--- /dev/null
+++ b/assets/images/simple-illustrations/simple-illustration__creditcards--green.svg
@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 68 68">
+  <!-- Generator: Adobe Illustrator 29.2.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 116)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: #00b268;
+      }
+
+      .st1 {
+        fill: #8dc8ff;
+      }
+
+      .st2 {
+        fill: #085239;
+      }
+
+      .st3 {
+        fill: #03d47c;
+      }
+
+      .st4 {
+        fill: #008c59;
+      }
+
+      .st5 {
+        fill: none;
+        stroke: #002140;
+        stroke-linecap: round;
+        stroke-linejoin: round;
+        stroke-width: 1px;
+      }
+    </style>
+  </defs>
+  <path class="st3" d="M53.76,28.094H6.717c-1.384,0-2.507,1.122-2.507,2.507v25.66c0,1.384,1.122,2.507,2.507,2.507h47.043c1.384,0,2.507-1.122,2.507-2.507v-25.66c0-1.384-1.122-2.507-2.507-2.507Z"/>
+  <path class="st5" d="M53.343,27.954H6.987c-1.655,0-2.997,1.342-2.997,2.997v24.663c0,1.655,1.342,2.997,2.997,2.997h46.356c1.655,0,2.997-1.342,2.997-2.997v-24.663c0-1.655-1.342-2.997-2.997-2.997Z"/>
+  <path class="st5" d="M8.934,53.613h7.077"/>
+  <path class="st5" d="M19.253,53.613h7.08"/>
+  <path class="st0" d="M16.11,41.13h-1.34c-.32,0-.58.26-.58.58v2.403c0,.32.26.58.58.58h1.34c.32,0,.58-.26.58-.58v-2.403c0-.32-.26-.58-.58-.58Z"/>
+  <path class="st1" d="M18.01,37.577h-2.003c-.32,0-.58.26-.58.58v2.58c0,.32.26.58.58.58h2.003c.32,0,.58-.26.58-.58v-2.58c0-.32-.26-.58-.58-.58Z"/>
+  <path class="st0" d="M19.317,41.7h-1.34c-.32,0-.58.26-.58.58v1.797c0,.32.26.58.58.58h1.34c.32,0,.58-.26.58-.58v-1.797c0-.32-.26-.58-.58-.58Z"/>
+  <path class="st1" d="M21.924,37.577h-2.003c-.32,0-.58.26-.58.58v3.54c0,.32.26.58.58.58h2.003c.32,0,.58-.26.58-.58v-3.54c0-.32-.26-.58-.58-.58Z"/>
+  <path class="st0" d="M13.59,44.087v-6.04c0-.313-.253-.57-.57-.57h-2.067c-.177,0-.34.08-.45.22l-.703.907c-.077.1-.12.223-.12.35v4.387c0,.117.037.23.103.323l.527.757c.107.153.283.243.47.243l2.243-.01c.313,0,.567-.257.567-.57v.003Z"/>
+  <path class="st2" d="M61.149,20.603L15.379,9.733c-1.347-.32-2.698.513-3.018,1.86l-5.929,24.965c-.32,1.347.513,2.698,1.86,3.018l45.77,10.87c1.347.32,2.698-.513,3.018-1.86l5.929-24.965c.32-1.347-.513-2.698-1.86-3.018Z"/>
+  <path class="st5" d="M60.777,20.376L15.675,9.665c-1.61-.382-3.226.613-3.608,2.223l-5.699,23.996c-.382,1.61.613,3.226,2.223,3.608l45.102,10.711c1.61.382,3.226-.613,3.608-2.223l5.699-23.996c.382-1.61-.613-3.226-2.223-3.608Z"/>
+  <path class="st5" d="M11.633,35.084l6.887,1.633"/>
+  <path class="st5" d="M21.677,37.467l6.887,1.637"/>
+  <path class="st4" d="M22.144,25.727l-1.197-.284c-.312-.074-.624.119-.698.43l-.518,2.183c-.074.312.119.624.43.698l1.197.284c.312.074.624-.119.698-.43l.518-2.183c.074-.312-.119-.624-.43-.698Z"/>
+  <path class="st4" d="M22.965,22.411l-1.197-.284c-.312-.074-.624.119-.698.43l-.384,1.618c-.074.312.119.624.43.698l1.197.284c.312.074.624-.119.698-.43l.384-1.618c.074-.312-.119-.624-.43-.698Z"/>
+  <path class="st4" d="M24.997,26.965l-1.197-.284c-.312-.074-.624.119-.698.43l-.384,1.618c-.074.312.119.624.43.698l1.197.284c.312.074.624-.119.698-.43l.384-1.618c.074-.312-.119-.624-.43-.698Z"/>
+  <path class="st4" d="M25.84,23.094l-1.197-.284c-.312-.074-.624.119-.698.43l-.552,2.325c-.074.312.119.624.43.698l1.197.284c.312.074.624-.119.698-.43l.552-2.325c.074-.312-.119-.624-.43-.698Z"/>
+  <path class="st4" d="M19.17,27.93l1.333-5.617c.07-.293-.11-.583-.403-.653l-1.92-.457c-.163-.04-.337,0-.467.103l-.853.687c-.093.077-.16.18-.19.297l-.97,4.077c-.027.107-.017.22.023.323l.323.82c.067.167.21.29.383.33l2.087.487c.29.067.583-.113.653-.403v.007Z"/>
+  <path class="st3" d="M56.278,24.233l-16.955-4.027c-1.32-.313-2.644.502-2.958,1.823l-.474,1.998c-.313,1.32.502,2.644,1.822,2.958l16.955,4.027c1.32.313,2.644-.503,2.958-1.823l.474-1.998c.314-1.32-.502-2.644-1.822-2.958Z"/>
+  <path class="st0" d="M47.556,49.287c-.087,2.657-2.31,4.737-4.967,4.65-2.657-.087-4.737-2.31-4.65-4.967.02-.663.177-1.293.44-1.86"/>
+</svg>
\ No newline at end of file
diff --git a/src/components/Icon/Illustrations.ts b/src/components/Icon/Illustrations.ts
index fd5eb9f6fd58..93c233321916 100644
--- a/src/components/Icon/Illustrations.ts
+++ b/src/components/Icon/Illustrations.ts
@@ -89,6 +89,7 @@ import ConciergeBubble from '@assets/images/simple-illustrations/simple-illustra
 import ConciergeNew from '@assets/images/simple-illustrations/simple-illustration__concierge.svg';
 import CreditCardsNew from '@assets/images/simple-illustrations/simple-illustration__credit-cards.svg';
 import CreditCardEyes from '@assets/images/simple-illustrations/simple-illustration__creditcardeyes.svg';
+import CreditCardsNewGreen from '@assets/images/simple-illustrations/simple-illustration__creditcards--green.svg';
 import EmailAddress from '@assets/images/simple-illustrations/simple-illustration__email-address.svg';
 import EmptyState from '@assets/images/simple-illustrations/simple-illustration__empty-state.svg';
 import EnvelopeReceipt from '@assets/images/simple-illustrations/simple-illustration__envelopereceipt.svg';
@@ -198,6 +199,7 @@ export {
     MoneyReceipts,
     PinkBill,
     CreditCardsNew,
+    CreditCardsNewGreen,
     InvoiceBlue,
     LaptopwithSecondScreenandHourglass,
     LockOpen,
diff --git a/src/languages/en.ts b/src/languages/en.ts
index 5ee0b939049e..70a3b2db9144 100755
--- a/src/languages/en.ts
+++ b/src/languages/en.ts
@@ -3804,6 +3804,9 @@ const translations = {
                 noAccountsFound: 'No accounts found',
                 defaultCard: 'Default card',
                 noAccountsFoundDescription: ({connection}: ConnectionParams) => `Please add the account in ${connection} and sync the connection again.`,
+                expensifyCardBannerTitle: 'Get the Expensify Card',
+                expensifyCardBannerSubtitle: 'Enjoy cash back on every US purchase, up to 50% off your Expensify bill, unlimited virtual cards, and so much more.',
+                expensifyCardBannerLearnMoreButton: 'Learn more',
             },
             workflows: {
                 title: 'Workflows',
diff --git a/src/languages/es.ts b/src/languages/es.ts
index 104dc52fd85b..8096bff07ae0 100644
--- a/src/languages/es.ts
+++ b/src/languages/es.ts
@@ -3850,6 +3850,10 @@ const translations = {
                 noAccountsFound: 'No se han encontrado cuentas',
                 defaultCard: 'Tarjeta predeterminada',
                 noAccountsFoundDescription: ({connection}: ConnectionParams) => `Añade la cuenta en ${connection} y sincroniza la conexión de nuevo.`,
+                expensifyCardBannerTitle: 'Obtén la Tarjeta Expensify',
+                expensifyCardBannerSubtitle:
+                    'Disfruta de una devolución en cada compra en Estados Unidos, hasta un 50% de descuento en tu factura de Expensify, tarjetas virtuales ilimitadas y mucho más.',
+                expensifyCardBannerLearnMoreButton: 'Más información',
             },
             workflows: {
                 title: 'Flujos de trabajo',
diff --git a/src/libs/PolicyUtils.ts b/src/libs/PolicyUtils.ts
index dae199a34dd7..5798f45dde72 100644
--- a/src/libs/PolicyUtils.ts
+++ b/src/libs/PolicyUtils.ts
@@ -1091,6 +1091,12 @@ function goBackWhenEnableFeature(policyID: string) {
     }, CONST.WORKSPACE_ENABLE_FEATURE_REDIRECT_DELAY);
 }
 
+function navigateToExpensifyCardPage(policyID: string) {
+    Navigation.setNavigationActionToMicrotaskQueue(() => {
+        Navigation.navigate(ROUTES.WORKSPACE_EXPENSIFY_CARD.getRoute(policyID));
+    });
+}
+
 function getConnectedIntegration(policy: Policy | undefined, accountingIntegrations?: ConnectionName[]) {
     return (accountingIntegrations ?? Object.values(CONST.POLICY.CONNECTIONS.NAME)).find((integration) => !!policy?.connections?.[integration]);
 }
@@ -1422,6 +1428,7 @@ export {
     sortWorkspacesBySelected,
     removePendingFieldsFromCustomUnit,
     goBackWhenEnableFeature,
+    navigateToExpensifyCardPage,
     getIntegrationLastSuccessfulDate,
     getCurrentConnectionName,
     getCustomersOrJobsLabelNetSuite,
diff --git a/src/libs/actions/Policy/Policy.ts b/src/libs/actions/Policy/Policy.ts
index 2cad24efea7f..a65b3493171e 100644
--- a/src/libs/actions/Policy/Policy.ts
+++ b/src/libs/actions/Policy/Policy.ts
@@ -73,7 +73,7 @@ import * as NumberUtils from '@libs/NumberUtils';
 import * as PersonalDetailsUtils from '@libs/PersonalDetailsUtils';
 import * as PhoneNumber from '@libs/PhoneNumber';
 import * as PolicyUtils from '@libs/PolicyUtils';
-import {goBackWhenEnableFeature} from '@libs/PolicyUtils';
+import {goBackWhenEnableFeature, navigateToExpensifyCardPage} from '@libs/PolicyUtils';
 import * as ReportUtils from '@libs/ReportUtils';
 import type {PolicySelector} from '@pages/home/sidebar/FloatingActionButtonAndPopover';
 import * as PaymentMethods from '@userActions/PaymentMethods';
@@ -2851,7 +2851,7 @@ function savePreferredExportMethod(policyID: string, exportMethod: ReportExportT
     Onyx.merge(`${ONYXKEYS.LAST_EXPORT_METHOD}`, {[policyID]: exportMethod});
 }
 
-function enableExpensifyCard(policyID: string, enabled: boolean) {
+function enableExpensifyCard(policyID: string, enabled: boolean, shouldNavigateToExpensifyCardPage = false) {
     const authToken = NetworkStore.getAuthToken();
     if (!authToken) {
         return;
@@ -2898,6 +2898,11 @@ function enableExpensifyCard(policyID: string, enabled: boolean) {
 
     API.write(WRITE_COMMANDS.ENABLE_POLICY_EXPENSIFY_CARDS, parameters, onyxData);
 
+    if (enabled && shouldNavigateToExpensifyCardPage) {
+        navigateToExpensifyCardPage(policyID);
+        return;
+    }
+
     if (enabled && getIsNarrowLayout()) {
         goBackWhenEnableFeature(policyID);
     }
diff --git a/src/pages/workspace/companyCards/WorkspaceCompanyCardExpensifyCardPromotionBanner.tsx b/src/pages/workspace/companyCards/WorkspaceCompanyCardExpensifyCardPromotionBanner.tsx
new file mode 100644
index 000000000000..0a4d73bb9e7e
--- /dev/null
+++ b/src/pages/workspace/companyCards/WorkspaceCompanyCardExpensifyCardPromotionBanner.tsx
@@ -0,0 +1,71 @@
+import React, {useCallback, useMemo} from 'react';
+import {View} from 'react-native';
+import type {OnyxEntry} from 'react-native-onyx';
+import Button from '@components/Button';
+import {CreditCardsNewGreen} from '@components/Icon/Illustrations';
+import useLocalize from '@hooks/useLocalize';
+import useResponsiveLayout from '@hooks/useResponsiveLayout';
+import useStyleUtils from '@hooks/useStyleUtils';
+import useTheme from '@hooks/useTheme';
+import useThemeStyles from '@hooks/useThemeStyles';
+import {enableExpensifyCard} from '@libs/actions/Policy/Policy';
+import {navigateToExpensifyCardPage} from '@libs/PolicyUtils';
+import BillingBanner from '@pages/settings/Subscription/CardSection/BillingBanner/BillingBanner';
+import type {Policy} from '@src/types/onyx';
+
+type WorkspaceCompanyCardExpensifyCardPromotionBannerProps = {
+    policy: OnyxEntry<Policy>;
+};
+
+function WorkspaceCompanyCardExpensifyCardPromotionBanner({policy}: WorkspaceCompanyCardExpensifyCardPromotionBannerProps) {
+    const theme = useTheme();
+    const styles = useThemeStyles();
+    const {translate} = useLocalize();
+    const StyleUtils = useStyleUtils();
+    const {shouldUseNarrowLayout} = useResponsiveLayout();
+    const policyID = policy?.id;
+    const areExpensifyCardsEnabled = policy?.areExpensifyCardsEnabled;
+
+    const handleLearnMore = useCallback(() => {
+        if (!policyID) {
+            return;
+        }
+
+        if (areExpensifyCardsEnabled) {
+            navigateToExpensifyCardPage(policyID);
+            return;
+        }
+
+        enableExpensifyCard(policyID, true, true);
+    }, [policyID, areExpensifyCardsEnabled]);
+
+    const rightComponent = useMemo(() => {
+        const smallScreenStyle = shouldUseNarrowLayout ? [styles.flex0, styles.flexBasis100, styles.justifyContentCenter] : [];
+        return (
+            <View style={[styles.flexRow, styles.gap2, smallScreenStyle]}>
+                <Button
+                    success
+                    onPress={handleLearnMore}
+                    style={shouldUseNarrowLayout && styles.flex1}
+                    text={translate('workspace.moreFeatures.companyCards.expensifyCardBannerLearnMoreButton')}
+                />
+            </View>
+        );
+    }, [styles, shouldUseNarrowLayout, translate, handleLearnMore]);
+
+    return (
+        <View style={[styles.ph4, styles.mb4]}>
+            <BillingBanner
+                icon={CreditCardsNewGreen}
+                title={translate('workspace.moreFeatures.companyCards.expensifyCardBannerTitle')}
+                titleStyle={StyleUtils.getTextColorStyle(theme.text)}
+                subtitle={translate('workspace.moreFeatures.companyCards.expensifyCardBannerSubtitle')}
+                subtitleStyle={[styles.mt1, styles.textLabel]}
+                style={[styles.borderRadiusComponentLarge]}
+                rightComponent={rightComponent}
+            />
+        </View>
+    );
+}
+
+export default WorkspaceCompanyCardExpensifyCardPromotionBanner;
diff --git a/src/pages/workspace/companyCards/WorkspaceCompanyCardPageEmptyState.tsx b/src/pages/workspace/companyCards/WorkspaceCompanyCardPageEmptyState.tsx
index bb154411a46d..d31deed58d23 100644
--- a/src/pages/workspace/companyCards/WorkspaceCompanyCardPageEmptyState.tsx
+++ b/src/pages/workspace/companyCards/WorkspaceCompanyCardPageEmptyState.tsx
@@ -12,9 +12,10 @@ import Navigation from '@libs/Navigation/Navigation';
 import withPolicyAndFullscreenLoading from '@pages/workspace/withPolicyAndFullscreenLoading';
 import type {WithPolicyAndFullscreenLoadingProps} from '@pages/workspace/withPolicyAndFullscreenLoading';
 import colors from '@styles/theme/colors';
-import * as CompanyCards from '@userActions/CompanyCards';
+import {clearAddNewCardFlow} from '@userActions/CompanyCards';
 import ONYXKEYS from '@src/ONYXKEYS';
 import ROUTES from '@src/ROUTES';
+import WorkspaceCompanyCardExpensifyCardPromotionBanner from './WorkspaceCompanyCardExpensifyCardPromotionBanner';
 
 const companyCardFeatures: FeatureListItem[] = [
     {
@@ -40,16 +41,20 @@ function WorkspaceCompanyCardPageEmptyState({policy}: WithPolicyAndFullscreenLoa
     const [isNoDelegateAccessMenuVisible, setIsNoDelegateAccessMenuVisible] = useState(false);
 
     const handleCtaPress = useCallback(() => {
+        if (!policy?.id) {
+            return;
+        }
         if (isActingAsDelegate) {
             setIsNoDelegateAccessMenuVisible(true);
             return;
         }
-        CompanyCards.clearAddNewCardFlow();
-        Navigation.navigate(ROUTES.WORKSPACE_COMPANY_CARDS_ADD_NEW.getRoute(policy?.id ?? '-1'));
+        clearAddNewCardFlow();
+        Navigation.navigate(ROUTES.WORKSPACE_COMPANY_CARDS_ADD_NEW.getRoute(policy.id));
     }, [policy, isActingAsDelegate]);
 
     return (
         <View style={[styles.mt3, shouldUseNarrowLayout ? styles.workspaceSectionMobile : styles.workspaceSection]}>
+            <WorkspaceCompanyCardExpensifyCardPromotionBanner policy={policy} />
             <FeatureList
                 menuItems={companyCardFeatures}
                 title={translate('workspace.moreFeatures.companyCards.feed.title')}
