diff --git a/strr-web/components/common/BcrosContactInfo.vue b/strr-web/components/common/BcrosContactInfo.vue
new file mode 100644
index 00000000..34ce4649
--- /dev/null
+++ b/strr-web/components/common/BcrosContactInfo.vue
@@ -0,0 +1,44 @@
+<script setup lang="ts">
+const { t } = useTranslation()
+</script>
+
+<template>
+  <div class="flex flex-col" data-test-id="contact-info">
+    <div class="contact-info-detail d:items-center">
+      <UIcon name="i-mdi-phone" class="m:w-[20px] m:mt-1" />
+      <span>{{ t('bcrosContactInfo.tollFree.label') }}
+        <a :href="`tel:${t('bcrosContactInfo.tollFree.value')}`">
+          {{ t('bcrosContactInfo.tollFree.value') }}
+        </a>
+      </span>
+    </div>
+    <div class="contact-info-detail items-center">
+      <UIcon name="i-mdi-phone" />
+      <span>{{ t('bcrosContactInfo.local.label') }}
+        <a :href="`tel:${t('bcrosContactInfo.local.value')}`">
+          {{ t('bcrosContactInfo.local.value') }}
+        </a>
+      </span>
+    </div>
+    <div class="contact-info-detail items-center">
+      <UIcon name="i-mdi-email" />
+      <span>{{ t('bcrosContactInfo.email.label') }}
+        <a :href="`mailto:${t('bcrosContactInfo.email.value')}`">
+          {{ t('bcrosContactInfo.email.value') }}
+        </a>
+      </span>
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.contact-info-detail {
+  @apply flex space-x-2;
+}
+a {
+  @apply break-keep whitespace-nowrap;
+}
+.iconify {
+  @apply bg-bcGovColor-nonClickable;
+}
+</style>
diff --git a/strr-web/components/common/InfoModal.vue b/strr-web/components/common/InfoModal.vue
new file mode 100644
index 00000000..ab143918
--- /dev/null
+++ b/strr-web/components/common/InfoModal.vue
@@ -0,0 +1,86 @@
+<script setup lang="ts">
+import BcrosContactInfo from '~/components/common/BcrosContactInfo.vue'
+
+const { t } = useTranslation()
+
+const isOpen = ref(false)
+
+const props = defineProps<{
+  header: string
+  openButtonLabel?: string
+  openButtonIcon?: string
+  hideContactInfo?: boolean
+}>()
+
+const { header, hideContactInfo = false, openButtonLabel, openButtonIcon = 'i-mdi-help-circle-outline' } = props
+
+const handleCloseModal = () => {
+  isOpen.value = false
+}
+
+// allow ESC to close the modal
+defineShortcuts({
+  escape: {
+    usingInput: true,
+    whenever: [isOpen],
+    handler: () => {
+      isOpen.value = false
+    }
+  }
+})
+</script>
+
+<template>
+  <div data-test-id="info-modal-container">
+    <UButton
+      v-if="openButtonLabel"
+      data-test-id="info-modal-open-button"
+      class="p-0 text-base"
+      variant="ghost"
+      :label="openButtonLabel"
+      :leading-icon="openButtonIcon"
+      :ui="{ variant: { ghost: 'hover:bg-transparent' } }"
+      @click="isOpen = true"
+    />
+    <UModal
+      v-model="isOpen"
+      prevent-close
+      data-test-id="info-modal"
+      :ui="{
+        container: 'items-center',
+        base: 'p-10',
+        overlay: { background: 'bg-black/60' },
+        width: 'w-[660px]',
+        rounded: 'rounded-md'
+      }"
+    >
+      <div class="flex justify-between mb-11">
+        <BcrosTypographyH2 :text="header" class="pt-0 pb-0" data-test-id="info-modal-header" />
+        <UButton
+          color="gray"
+          variant="ghost"
+          icon="i-mdi-close"
+          class="p-0"
+          size="xl"
+          @click="isOpen = false"
+        />
+      </div>
+
+      <div data-test-id="info-modal-default-slot">
+        <slot />
+      </div>
+
+      <BcrosContactInfo v-if="!hideContactInfo" />
+
+      <div
+        class="flex justify-center mt-10"
+        data-test-id="info-modal-action-buttons"
+      >
+        <BcrosButtonsPrimary
+          :label="t('common.baseModal.closeButtonLabel')"
+          :action="() => handleCloseModal()"
+        />
+      </div>
+    </UModal>
+  </div>
+</template>
diff --git a/strr-web/composables/useBreadcrumb.ts b/strr-web/composables/useBreadcrumb.ts
index dbf0e00b..68bddd01 100644
--- a/strr-web/composables/useBreadcrumb.ts
+++ b/strr-web/composables/useBreadcrumb.ts
@@ -27,9 +27,9 @@ export const useBreadcrumb = () => {
     setRegistrationNumber(application?.header.registrationNumber)
   }
 
-  // Remove '-id' suffix and language codes (e.g., '___en') from route names to match RouteNamesE enum values
+  // Remove '-id' suffix from route names to match RouteNamesE enum values
   const cleanupRoute = (routeName: string) => {
-    return routeName?.replace(/(-id|___\w{2}$)/g, '') as RouteNamesE
+    return routeName?.replace(/(-id)/g, '') as RouteNamesE
   }
 
   /**
diff --git a/strr-web/lang/en.json b/strr-web/lang/en.json
index 33714ba3..dc8bcdb9 100644
--- a/strr-web/lang/en.json
+++ b/strr-web/lang/en.json
@@ -4,6 +4,9 @@
       "hostDashboard": "My STR Registry Dashboard",
       "examinerDashboard": "My CEU STR Registry Dashboard",
       "rentalRegistration": "Short-Term Rental Registration"
+    },
+    "baseModal": {
+      "closeButtonLabel": "Close" 
     }
   },
   "registryDashboard": {
@@ -361,6 +364,11 @@
       "subTitle": "Select an account below or create a new one",
       "useAccountButton": "Use this account",
       "createAccountButton": "Create account"
+    },
+    "helpModal": {
+      "header": "Need Help?",
+      "openButtonLabel": "Help with setting up an account",
+      "contactUs": "If you need help with setting up your BC Registries and Online Services account, please contact us."
     }
   },
   "header": {
@@ -420,5 +428,19 @@
       "bceid": "BCeID",
       "idir": "IDIR"
     }
+  },
+  "bcrosContactInfo": {
+    "tollFree": {
+      "label": "Canada and U.S. Toll Free:",
+      "value": "1-877-370-1033"
+    },
+    "local": {
+      "label": "Victoria Office:",
+      "value": "250-370-1033"
+    },
+    "email": {
+      "label": "Email:",
+      "value": "BCRegistries{'@'}gov.bc.ca" 
+    }
   }
 }
\ No newline at end of file
diff --git a/strr-web/nuxt.config.ts b/strr-web/nuxt.config.ts
index 398b5df7..4a23abbd 100644
--- a/strr-web/nuxt.config.ts
+++ b/strr-web/nuxt.config.ts
@@ -51,7 +51,8 @@ export default defineNuxtConfig({
     langDir: './lang',
     locales: [
       { code: 'en', file: 'en.json' }
-    ]
+    ],
+    strategy: 'no_prefix' // routes won't have a locale prefix __en
   },
   eslint: {
     /* module options */
diff --git a/strr-web/package.json b/strr-web/package.json
index dc291a3b..51e2517b 100644
--- a/strr-web/package.json
+++ b/strr-web/package.json
@@ -1,6 +1,6 @@
 {
   "name": "strr-web",
-  "version": "0.1.26",
+  "version": "0.1.27",
   "description": "Short Term Rental Registration UI - Mono repo workspace",
   "scripts": {
     "preinstall": "npx only-allow pnpm",
diff --git a/strr-web/pages/account-select.vue b/strr-web/pages/account-select.vue
index bc8945be..0eb05ebb 100644
--- a/strr-web/pages/account-select.vue
+++ b/strr-web/pages/account-select.vue
@@ -2,23 +2,33 @@
   <div data-test-id="account-select-page">
     <div v-if="userOrgs.length > 0">
       <div class="mobile:px-[8px]">
-        <BcrosTypographyH1 :text="t('account.title')" data-test-id="accountPageTitle" class="mobile:pb-[20px]" />
+        <BcrosTypographyH1 :text="t('account.title')" data-test-id="account-page-title" class="mobile:pb-[20px]" />
+        <InfoModal
+          :header="t('account.helpModal.header')"
+          :open-button-label="t('account.helpModal.openButtonLabel')"
+          class="mb-6"
+        >
+          <p class="mb-10">
+            {{ t('account.helpModal.contactUs') }}
+          </p>
+        </InfoModal>
         <BcrosAlertsMessage :flavour="alertFlavour">
           <b>{{ t('general.note') }} </b>{{ t('account.existingAccountWarning') }}
         </BcrosAlertsMessage>
-        <BcrosTypographyH2 :text="existingAccountsTitle" data-test-id="accountPageAccountSectionTitle" />
+        <BcrosTypographyH2 :text="existingAccountsTitle" data-test-id="account-page-sub-title" />
         <span class="text-[16px] mb-[20px] block">{{ t('account.existingAccountSection.subTitle') }}</span>
       </div>
       <BcrosExistingAccountsList :accounts="userOrgs" />
     </div>
     <div v-else>
-      <BcrosTypographyH1 :text="t('account.logIn')" data-test-id="accountPageTitle" class="mobile:pb-[20px]" />
+      <BcrosTypographyH1 :text="t('account.logIn')" data-test-id="account-page-title" class="mobile:pb-[20px]" />
     </div>
   </div>
 </template>
 
 <script setup lang="ts">
 import { AlertsFlavourE } from '#imports'
+import InfoModal from '~/components/common/InfoModal.vue'
 
 const { t } = useTranslation()
 
diff --git a/strr-web/pages/application-status.vue b/strr-web/pages/application-status.vue
index dbf4b2a1..92814db2 100644
--- a/strr-web/pages/application-status.vue
+++ b/strr-web/pages/application-status.vue
@@ -1,8 +1,8 @@
 <template>
-  <div data-test-id="account-select-page">
+  <div data-test-id="application-status-page">
     <BcrosTypographyH1
       :text="tRegistrationStatus('title')"
-      data-test-id="accountPageTitle"
+      data-test-id="account-page-title"
       class="pb-[32px] mobile:pb-[24px]"
     />
     <div>
diff --git a/strr-web/pages/create-account-pre/[id].vue b/strr-web/pages/create-account-pre/[id].vue
index 8ca02d70..e5c231ac 100644
--- a/strr-web/pages/create-account-pre/[id].vue
+++ b/strr-web/pages/create-account-pre/[id].vue
@@ -6,7 +6,7 @@
           <div class="mobile:px-[8px]">
             <BcrosTypographyH1
               :text="t('createAccount.title')"
-              data-test-id="accountPageTitle"
+              data-test-id="account-page-title"
               class="mobile:pb-[20px]"
             />
             <BcrosStepper
diff --git a/strr-web/pages/finalization.vue b/strr-web/pages/finalization.vue
index be141bfb..61341d48 100644
--- a/strr-web/pages/finalization.vue
+++ b/strr-web/pages/finalization.vue
@@ -9,6 +9,15 @@
       <p class="mb-[20px] mobile:px-[8px]">
         {{ tFinalization('subtitle') }}
       </p>
+      <InfoModal
+        :header="t('account.helpModal.header')"
+        :open-button-label="t('account.helpModal.openButtonLabel')"
+        class="mb-6"
+      >
+        <p class="mb-10">
+          {{ t('account.helpModal.contactUs') }}
+        </p>
+      </InfoModal>
       <div class="desktop:mb-[132px] mobile:mb-[40px] pb-[32px] bg-white rounded-[4px] padding-[40px]">
         <div class="bg-bcGovColor-gray2 rounded-t-[4px]">
           <p class="px-[40px] mobile:px-[8px] py-[15px] font-bold">
@@ -102,6 +111,7 @@
 
 <script setup lang="ts">
 import { SbcCreationResponseE } from '~/enums/sbc-creation-response-e'
+import InfoModal from '~/components/common/InfoModal.vue'
 
 const { t } = useTranslation()
 const tFinalization = (translationKey: string) => t(`finalization.${translationKey}`)
diff --git a/strr-web/pages/listing-details/[listingId].vue b/strr-web/pages/listing-details/[listingId].vue
index 4b956330..1f64357e 100644
--- a/strr-web/pages/listing-details/[listingId].vue
+++ b/strr-web/pages/listing-details/[listingId].vue
@@ -1,8 +1,8 @@
 <template>
-  <div data-test-id="account-select-page">
+  <div data-test-id="listing-details-page">
     <BcrosTypographyH1
       :text="tApplicationConfirm('submitted')"
-      data-test-id="accountPageTitle"
+      data-test-id="account-page-title"
       class="mobile:pb-[20px] mobile:mx-[8px] pb-[32px]"
     />
     <div class="bg-white py-[22px] px-[30px] flex flex-row mobile:px-[8px] mobile:[py-16px] mobile:flex-col">
diff --git a/strr-web/pages/success/[id].vue b/strr-web/pages/success/[id].vue
index fc686bbd..1974b59a 100644
--- a/strr-web/pages/success/[id].vue
+++ b/strr-web/pages/success/[id].vue
@@ -1,8 +1,8 @@
 <template>
-  <div data-test-id="account-select-page">
+  <div data-test-id="application-submitted-page">
     <BcrosTypographyH1
       :text="tApplicationConfirm('submitted')"
-      data-test-id="accountPageTitle"
+      data-test-id="account-page-title"
       class="mobile:pb-[20px] mobile:mx-[8px] pb-[32px]"
     />
     <div class="bg-white py-[22px] px-[30px] flex flex-row mobile:px-[8px] mobile:[py-16px] mobile:flex-col">
diff --git a/strr-web/pages/success/[registrationId]/invoice/[paymentId].vue b/strr-web/pages/success/[registrationId]/invoice/[paymentId].vue
index c9f75e3f..90099e7a 100644
--- a/strr-web/pages/success/[registrationId]/invoice/[paymentId].vue
+++ b/strr-web/pages/success/[registrationId]/invoice/[paymentId].vue
@@ -1,8 +1,8 @@
 <template>
-  <div data-test-id="account-select-page">
+  <div data-test-id="invoice-page">
     <BcrosTypographyH1
       :text="tApplicationConfirm('submitted')"
-      data-test-id="accountPageTitle"
+      data-test-id="account-page-title"
       class="mobile:pb-5 mobile:mx-2 pb-8"
     />
     <div class="bg-white py-[22px] px-[30px] flex flex-row mobile:px-2 mobile:[py-16px] mobile:flex-col">
diff --git a/strr-web/tests/unit/components/BaseModal.spec.ts b/strr-web/tests/unit/components/BaseModal.spec.ts
new file mode 100644
index 00000000..e4c5d54b
--- /dev/null
+++ b/strr-web/tests/unit/components/BaseModal.spec.ts
@@ -0,0 +1,55 @@
+import { mountSuspended } from '@nuxt/test-utils/runtime'
+import InfoModal from '~/components/common/InfoModal.vue'
+
+const { t } = useTranslation()
+
+const MODAL_HEADER = 'Main Header'
+const MODAL_OPEN_LABEL = 'Open Modal'
+
+describe('Base Modal Tests', () => {
+  it('should render modal with its components and content', async () => {
+    const wrapper = await mountSuspended(InfoModal, {
+      props: {
+        header: MODAL_HEADER,
+        openButtonLabel: MODAL_OPEN_LABEL
+      },
+      slots: {
+        default: () => '<div>Main Content</div>'
+      }
+    })
+
+    expect(wrapper.exists()).toBeTruthy()
+
+    // check H2 header
+    expect(wrapper.find('[data-test-id="info-modal-header"]').exists()).toBeFalsy()
+
+    // check open modal button label
+    const openModalButton = wrapper.find('[data-test-id="info-modal-open-button"]')
+    expect(openModalButton.exists()).toBeTruthy()
+    expect(openModalButton.text()).toBe(MODAL_OPEN_LABEL)
+
+    // modal is not open
+    expect(document.querySelector('[data-test-id="info-modal"]')).toBeFalsy()
+
+    openModalButton.trigger('click')
+    await nextTick()
+
+    const modal = document.querySelector('[data-test-id="info-modal"]')
+
+    // modal is open
+    expect(modal).toBeTruthy()
+
+    const modalHeader = modal?.querySelector('[data-test-id="info-modal-header"]')?.innerHTML
+    expect(modalHeader).toContain(MODAL_HEADER)
+
+    const modalDefaultSlot = modal?.querySelector('[data-test-id="info-modal-default-slot"]')?.innerHTML
+    expect(modalDefaultSlot).toContain('Main Content')
+
+    const modalContactInfo = modal?.querySelector('[data-test-id="contact-info"]')?.innerHTML
+    expect(modalContactInfo).toContain(t('bcrosContactInfo.tollFree.value'))
+
+    const modalActions = modal?.querySelector('[data-test-id="info-modal-action-buttons"]')?.innerHTML
+    expect(modalActions).toBeTruthy()
+    expect(modalActions).toContain(t('common.baseModal.closeButtonLabel'))
+  })
+})