diff --git a/strr-base-web/app/locales/en-CA.ts b/strr-base-web/app/locales/en-CA.ts
index 51fcf3bc..e6a4deb0 100644
--- a/strr-base-web/app/locales/en-CA.ts
+++ b/strr-base-web/app/locales/en-CA.ts
@@ -1,5 +1,9 @@
 /* eslint-disable max-len */
 export default {
+  badge: {
+    basicAccount: 'BASIC ACCOUNT',
+    inactiveAccount: 'INACTIVE ACCOUNT'
+  },
   btn: {
     getStarted: 'Get Started',
     goHome: 'Go Home',
diff --git a/strr-platform-web/app/locales/en-CA.ts b/strr-platform-web/app/locales/en-CA.ts
index 91f35471..539adc2d 100644
--- a/strr-platform-web/app/locales/en-CA.ts
+++ b/strr-platform-web/app/locales/en-CA.ts
@@ -1,9 +1,5 @@
 /* eslint-disable max-len */
 export default {
-  badge: {
-    basicAccount: 'BASIC ACCOUNT',
-    inactiveAccount: 'INACTIVE ACCOUNT'
-  },
   feeSummary: {
     itemLabels: {
       PLATREG_SM: 'Platform Application Fee',
diff --git a/strr-strata-web/app/app.config.ts b/strr-strata-web/app/app.config.ts
index 7ee40d9f..096399d3 100644
--- a/strr-strata-web/app/app.config.ts
+++ b/strr-strata-web/app/app.config.ts
@@ -1,3 +1,14 @@
 export default defineAppConfig({
+  strrBaseLayer: {
+    page: {
+      login: {
+        redirectPath: '/auth/account/choose-existing'
+        // options: { // allow all options?
+        //   createAccount: false,
+        //   idps: () => ['bceid', 'bcsc'] // function required to overwrite default value, will merge if no function
+        // }
+      }
+    }
+  },
   ui: {}
 })
diff --git a/strr-strata-web/app/composables/useStrataModals.ts b/strr-strata-web/app/composables/useStrataModals.ts
new file mode 100644
index 00000000..6f531c78
--- /dev/null
+++ b/strr-strata-web/app/composables/useStrataModals.ts
@@ -0,0 +1,24 @@
+// https://ui.nuxt.com/components/modal#control-programmatically
+import { ModalBase } from '#components'
+
+export const useStrataModals = () => {
+  const modal = useModal()
+  const { t } = useI18n()
+
+  function openhelpRegisteringStrataModal () {
+    modal.open(ModalBase, {
+      title: t('modal.helpRegisteringStrata.title'),
+      content: t('modal.helpRegisteringStrata.content'),
+      actions: [{ label: t('btn.close'), handler: () => close() }]
+    })
+  }
+
+  function close () {
+    modal.close()
+  }
+
+  return {
+    openhelpRegisteringStrataModal,
+    close
+  }
+}
diff --git a/strr-strata-web/app/locales/en-CA.ts b/strr-strata-web/app/locales/en-CA.ts
index 0838f523..3702573a 100644
--- a/strr-strata-web/app/locales/en-CA.ts
+++ b/strr-strata-web/app/locales/en-CA.ts
@@ -70,5 +70,35 @@ export default {
         site: 'Strata Hotel Brand Website | Strata Hotel Brand {count} Website'
       }
     }
+  },
+  btn: {
+    addStrataHotel: 'Add a Strata Hotel',
+    view: 'View'
+  },
+  label: {
+    hotelName: 'Hotel Name',
+    expiryDate: 'Expiry Date',
+    application: 'Application',
+    registration: 'Registration'
+  },
+  modal: {
+    helpRegisteringStrata: {
+      triggerBtn: 'Help with registering and managing short-term rentals',
+      title: 'Short Term Rental Help',
+      content: 'Help Text Here'
+    }
+  },
+  table: {
+    strataHotelList: {
+      title: '{boldStart}My Strata Hotel List{boldEnd} ({count})',
+      emptyText: "You don't have any strata hotels yet. Add a strata hotel above."
+    }
+  },
+  page: {
+    dashboardList: {
+      title: 'Dashboard - My Short Term Rental Registry',
+      h1: 'My Short Term Rental Registry',
+      subtitle: 'Register and keep short-term rental unit information up to date.'
+    }
   }
 }
diff --git a/strr-strata-web/app/middleware/require-account.ts b/strr-strata-web/app/middleware/require-account.ts
new file mode 100644
index 00000000..bffeb3c7
--- /dev/null
+++ b/strr-strata-web/app/middleware/require-account.ts
@@ -0,0 +1,8 @@
+export default defineNuxtRouteMiddleware((to) => {
+  const accountStore = useConnectAccountStore()
+  const localePath = useLocalePath()
+
+  if (!accountStore.currentAccount.id) {
+    return navigateTo({ path: localePath('/auth/account/choose-existing'), query: { return: to.fullPath } })
+  }
+})
diff --git a/strr-strata-web/app/pages/application.vue b/strr-strata-web/app/pages/application.vue
index 35c6db42..c601e6c1 100644
--- a/strr-strata-web/app/pages/application.vue
+++ b/strr-strata-web/app/pages/application.vue
@@ -174,7 +174,7 @@ useHead({
 
 definePageMeta({
   layout: 'connect-form',
-  middleware: ['auth'],
+  middleware: ['auth', 'require-account'],
   path: '/strata-hotel/application'
 })
 
diff --git a/strr-strata-web/app/pages/auth/account/choose-existing.vue b/strr-strata-web/app/pages/auth/account/choose-existing.vue
new file mode 100644
index 00000000..2080be45
--- /dev/null
+++ b/strr-strata-web/app/pages/auth/account/choose-existing.vue
@@ -0,0 +1,146 @@
+<script setup lang="ts">
+// import { isoCountriesList } from '~/utils/isoCountriesList'
+const localePath = useLocalePath()
+const { t } = useI18n()
+const isSmallScreen = useMediaQuery('(max-width: 640px)')
+const strrModal = useStrrModals()
+const accountStore = useConnectAccountStore()
+
+useHead({
+  title: t('strr.title.chooseAccount')
+})
+
+definePageMeta({
+  middleware: ['auth', 'check-tos']
+})
+
+function handleAccountSwitch (id: string) {
+  const route = useRoute()
+  accountStore.switchCurrentAccount(id)
+
+  if (route.query.return) {
+    return navigateTo(route.query.return as string)
+  } else {
+    return navigateTo(localePath('/strata-hotel/dashboard'))
+  }
+}
+</script>
+<template>
+  <div class="space-y-8 py-8 sm:py-10">
+    <ConnectTypographyH1 :text="$t('label.selectAccount')" />
+
+    <p>What subtitle/text should go here?</p>
+    <!-- <p>{{ $t('strr.text.selectAccountForStrr') }}</p> -->
+
+    <UAlert
+      color="yellow"
+      icon="i-mdi-alert"
+      :close-button="null"
+      variant="subtle"
+      :ui="{
+        inner: 'pt-0',
+      }"
+    >
+      <template #description>
+        <span class="text-gray-900">Some warning here maybe</span>
+        <!-- eslint-disable-next-line -->
+        <!-- <ConnectI18nBold class="text-bcGovColor-darkGray" translation-path="strr.text.onlyPremiumAccountWarning" /> -->
+      </template>
+    </UAlert>
+
+    <ConnectTypographyH2
+      :text="$t('label.yourExistingAccounts', { count: accountStore.userAccounts.length })"
+    />
+
+    <section
+      :aria-label="$t('label.yourExistingAccounts', { count: accountStore.userAccounts.length })"
+      class="max-h-96 w-full overflow-y-auto rounded bg-white px-8 shadow"
+    >
+      <div
+        v-if="accountStore.userAccounts.length === 0"
+        class="flex h-36 flex-col items-center justify-center gap-4 text-center sm:h-48"
+      >
+        <UIcon name="i-mdi-database" class="size-6" />
+        <span>{{ $t('text.noAccountsFound') }}</span>
+      </div>
+
+      <ul
+        v-else
+        class="flex flex-col divide-y"
+      >
+        <li
+          v-for="account in accountStore.userAccounts"
+          :key="account.id"
+          class="flex flex-col items-start justify-between gap-4 py-8 sm:flex-row sm:items-center"
+        >
+          <div
+            class="flex flex-row items-center gap-4 sm:gap-6"
+            :class="(account.accountStatus !== AccountStatus.ACTIVE)
+              ? 'opacity-50' : ''"
+          >
+            <UAvatar
+              :alt="account.label[0]"
+              :ui="{
+                background: 'bg-blue-300 dark:bg-[#E0E7ED]',
+                text: 'font-semibold leading-none text-white dark:text-bcGovColor-darkGray truncate',
+                placeholder: 'font-semibold leading-none text-white truncate dark:text-bcGovColor-darkGray text-xl',
+                rounded: 'rounded-sm'
+              }"
+            />
+            <div class="flex w-full flex-col text-left">
+              <span class="text-lg font-semibold text-bcGovColor-darkGray">
+                {{ account.label }}
+              </span>
+              <!-- TODO: Add mailing address ? -->
+              <!-- <span
+                v-if="Array.isArray(account.contacts) && account.contacts.length !== 0 &&
+                 'street' in account.contacts[0]"
+                :id="`account-address-${account.id}`"
+                class="text-bcGovColor-midGray dark:text-gray-300"
+              >
+                {{ account.contacts[0].street }},
+                {{ account.contacts[0].city }},
+                {{ account.contacts[0].region }}
+                {{ account.contacts[0].postalCode }},
+                {{ isoCountriesList.find((country: SbcCountry) => country.alpha_2 ===
+                 account.contacts[0].country)?.name || account.contacts[0].country }}
+              </span> -->
+            </div>
+          </div>
+          <div class="flex w-full flex-col gap-4 sm:w-fit sm:flex-row">
+            <div class="my-auto flex gap-2">
+              <UBadge
+                v-if="account.accountStatus !== AccountStatus.ACTIVE"
+                :label="$t('badge.inactiveAccount')"
+                class="bg-[#fff7e3] px-3 text-center font-bold text-bcGovColor-midGray"
+              />
+            </div>
+
+            <UButton
+              :label="$t('btn.useThisAccount.main')"
+              :aria-label="$t('btn.useThisAccount.aria', { name: account.label })"
+              :icon="'i-mdi-chevron-right'"
+              trailing
+              size="bcGov"
+              :block="isSmallScreen"
+              :disabled="account.accountStatus !== AccountStatus.ACTIVE"
+              data-testid="choose-existing-account-button"
+              @click="handleAccountSwitch(account.id)"
+            />
+          </div>
+        </li>
+      </ul>
+    </section>
+    <div class="flex justify-center">
+      <UButton
+        variant="outline"
+        size="bcGov"
+        :label="$t('btn.createNewAccount')"
+        icon="i-mdi-chevron-right"
+        trailing
+        :block="isSmallScreen"
+        @click="strrModal.openCreateAccountModal()"
+      />
+    </div>
+  </div>
+</template>
diff --git a/strr-strata-web/app/pages/strata-hotel/dashboard/[registrationId].vue b/strr-strata-web/app/pages/strata-hotel/dashboard/[registrationId].vue
index 3757e802..9c930e67 100644
--- a/strr-strata-web/app/pages/strata-hotel/dashboard/[registrationId].vue
+++ b/strr-strata-web/app/pages/strata-hotel/dashboard/[registrationId].vue
@@ -68,7 +68,7 @@ useHead({
 
 definePageMeta({
   layout: 'connect-dashboard',
-  middleware: ['auth']
+  middleware: ['auth', 'require-account']
 })
 
 setBreadcrumbs([
diff --git a/strr-strata-web/app/pages/strata-hotel/dashboard/index.vue b/strr-strata-web/app/pages/strata-hotel/dashboard/index.vue
index 4119ce62..a5dac693 100644
--- a/strr-strata-web/app/pages/strata-hotel/dashboard/index.vue
+++ b/strr-strata-web/app/pages/strata-hotel/dashboard/index.vue
@@ -1,120 +1,86 @@
 <script setup lang="ts">
 const { t } = useI18n()
 const localePath = useLocalePath()
+const accountStore = useConnectAccountStore()
+const strataStore = useStrrStrataStore()
+const strataModal = useStrataModals()
 
 const columns = [
   {
     key: 'hotelName',
-    label: 'Hotel Name',
+    label: t('label.hotelName'),
     sortable: true
   },
   {
     key: 'number',
-    label: 'Number',
+    label: t('label.number'),
     sortable: true
   },
   {
     key: 'type',
-    label: 'Type',
-    sortable: true
-  },
-  {
-    key: 'location',
-    label: 'Location',
+    label: t('label.type'),
     sortable: true
   },
   {
-    key: 'completingParty',
-    label: 'Completing Party',
-    sortable: true
-  },
-  {
-    key: 'dateRegistered',
-    label: 'Date Registered',
+    key: 'expiryDate',
+    label: t('label.expiryDate'),
     sortable: true
   },
   {
     key: 'status',
-    label: 'Status',
+    label: t('label.status'),
     sortable: true
   },
   {
     key: 'actions',
-    label: 'Actions'
+    label: t('label.actions')
   }
 ]
 
 const selectedColumns = ref([...columns])
 
-const people = [
-  {
-    id: Math.random(),
-    hotelName: 'The Manor',
-    number: 'RP12345678',
-    type: 'Registration',
-    location: 'Kelowna',
-    completingParty: 'James Halpert',
-    dateRegistered: '2024-11-29',
-    status: 'Active'
-  },
-  {
-    id: Math.random(),
-    hotelName: 'The Parkview',
-    number: 'AP134234',
-    type: 'Application',
-    location: 'Vancouver',
-    completingParty: 'Andrew Bernard',
-    dateRegistered: '2024-11-29',
-    status: 'Pending adjudication'
-  }
-]
-
 // page stuff
 useHead({
-  title: t('strr.title.default')
+  title: t('page.dashboardList.title')
 })
 
 definePageMeta({
-  middleware: ['auth']
+  middleware: ['auth', 'require-account']
 })
 
 setBreadcrumbs([
   { label: t('label.bcregDash'), to: useRuntimeConfig().public.registryHomeURL + 'dashboard' },
-  { label: t('strr.title.default') }
+  { label: t('page.dashboardList.h1') }
 ])
 
-const strataStore = useStrrStrataStore()
-onMounted(async () => {
-  await strataStore.loadStrataHotelList()
-})
+// can use watch param to handle pagination in future
+const { data: strataHotelList, status } = await useAsyncData(
+  'strata-hotel-list',
+  () => strataStore.loadStrataHotelList(),
+  { watch: [() => accountStore.currentAccount.id] }
+)
 
-// Make row selectable with @select event?
-// function select (row) {
-//   console.log('handle select: ', row)
-//   // const index = selected.value.findIndex(item => item.id === row.id)
-//   // if (index === -1) {
-//   //   selected.value.push(row)
-//   // } else {
-//   //   selected.value.splice(index, 1)
-//   // }
-// }
+async function handleItemSelect (row: any) {
+  const identifier = row.id ?? row.number // id only exists in the registration objects
+  await navigateTo(localePath('/strata-hotel/dashboard/' + identifier))
+}
 </script>
 <template>
   <div class="space-y-8 py-8 sm:space-y-10 sm:py-10">
     <div class="space-y-4">
-      <ConnectTypographyH1 text="My Short Term Rental Registry" />
-      <p>Register and keep short-term rental unit information up to date.</p>
+      <ConnectTypographyH1 :text="$t('page.dashboardList.h1')" />
+      <p>{{ $t('page.dashboardList.subtitle') }}</p>
       <UButton
-        label="Help with registering and managing short-term rentals"
+        :label="$t('modal.helpRegisteringStrata.triggerBtn')"
         :padded="false"
         variant="link"
-        @click="() => console.log('help text clicked')"
+        @click="strataModal.openhelpRegisteringStrataModal()"
       />
     </div>
 
     <div class="space-y-4">
       <UButton
-        label="Add a strata hotel"
+        :label="$t('btn.addStrataHotel')"
         icon="i-mdi-plus"
         :to="localePath('/strata-hotel/application')"
       />
@@ -122,7 +88,9 @@ onMounted(async () => {
       <ConnectPageSection>
         <template #header>
           <div class="flex items-center justify-between">
-            <h2>My Strata Hotel List (2)</h2>
+            <h2 class="font-normal">
+              <ConnectI18nBold translation-path="table.strataHotelList.title" :count="strataHotelList.length" />
+            </h2>
             <!-- TODO: filtering post-mvp ? -->
             <!-- <UInput
               placeholder="Find"
@@ -152,8 +120,9 @@ onMounted(async () => {
         </template>
         <UTable
           :columns="selectedColumns"
-          :rows="[...people, ...people, ...people, ...people, ...people, ...people]"
-          :empty-state="{ icon: 'i-heroicons-circle-stack-20-solid', label: $t('labels.noAffiliationRecords') }"
+          :rows="strataHotelList"
+          :loading="status === 'pending'"
+          :empty-state="{ icon: 'i-heroicons-circle-stack-20-solid', label: $t('table.strataHotelList.emptyText') }"
           :ui="{
             wrapper: 'relative overflow-x-auto h-[512px]',
             thead: 'sticky top-0 bg-white z-10',
@@ -171,8 +140,8 @@ onMounted(async () => {
         >
           <template #actions-data="{ row }">
             <UButton
-              label="View Details"
-              @click="navigateTo(localePath('/strata-hotel/dashboard/' + row.id))"
+              :label="$t('btn.view')"
+              @click="handleItemSelect(row)"
             />
           </template>
         </UTable>
diff --git a/strr-strata-web/app/stores/strata.ts b/strr-strata-web/app/stores/strata.ts
index 424f38e6..3be38d6f 100644
--- a/strr-strata-web/app/stores/strata.ts
+++ b/strr-strata-web/app/stores/strata.ts
@@ -5,6 +5,7 @@ export const useStrrStrataStore = defineStore('strr/strata', () => {
   const { primaryRep, secondaryRep } = storeToRefs(useStrrContactStore())
   const { strataBusiness } = storeToRefs(useStrrStrataBusinessStore())
   const { strataDetails } = storeToRefs(useStrrStrataDetailsStore())
+  const { t } = useI18n()
 
   const activeApplicationInfo = ref<ApplicationHeader | undefined>(undefined)
   const activePlatform = ref<StrataRegistrationResp | ApiBaseStrataRegistration | undefined>(undefined)
@@ -52,21 +53,49 @@ export const useStrrStrataStore = defineStore('strr/strata', () => {
     }
   }
 
-  // TODO: move to separate strataDashboard store?
-  const registrations = ref([])
-  const applications = ref([])
-
   const loadStrataHotelList = async () => {
-    try {
-      registrations.value = await getAccountRegistrations()
-    } catch (e) {
-      logFetchError(e, 'Unable to load account registrations')
-    }
-    try {
-      applications.value = await getAccountApplications()
-    } catch (e) {
-      logFetchError(e, 'Unable to load account applications')
-    }
+    const regs = await getAccountRegistrations<StrataRegistrationResp>()
+      .catch((e) => {
+        logFetchError(e, 'Unable to load account registrations')
+        return undefined
+      })
+      .then((response) => {
+        if (response) {
+          return (response as StrataRegistrationResp[]).filter(
+            item => item.registrationType === ApplicationType.STRATA_HOTEL
+          ).map(reg => ({
+            id: reg.id,
+            hotelName: reg.strataHotelDetails.brand.name,
+            number: reg.registration_number,
+            type: t('label.registration'),
+            expiryDate: reg.expiryDate,
+            status: reg.status
+          }))
+        }
+        return []
+      })
+
+    const apps = await getAccountApplications<StrataApplicationResp>()
+      .catch((e) => {
+        logFetchError(e, 'Unable to load account applications')
+        return undefined
+      })
+      .then((response) => {
+        if (response) {
+          return (response as StrataApplicationResp[]).filter(
+            item => item.registration.registrationType === ApplicationType.STRATA_HOTEL
+          ).map(app => ({
+            hotelName: app.registration.strataHotelDetails.brand.name,
+            number: app.header.applicationNumber,
+            type: t('label.application'),
+            expiryDate: '-',
+            status: app.header.status
+          }))
+        }
+        return []
+      })
+
+    return [...apps, ...regs]
   }
 
   return {
@@ -75,8 +104,6 @@ export const useStrrStrataStore = defineStore('strr/strata', () => {
     isRegistration,
     isPaidApplication,
     showStrataDetails,
-    applications,
-    registrations,
     isApplicationStatus,
     loadStrata,
     loadStrataHotelList