diff --git a/auth-web/.env.example b/auth-web/.env.example
index 13aa5dbc96..f4bae2a311 100644
--- a/auth-web/.env.example
+++ b/auth-web/.env.example
@@ -20,6 +20,7 @@ VUE_APP_XLP_FORMS_URL="https://www2.gov.bc.ca/assets/gov/employment-business-and
 VUE_APP_REGISTRY_HOME_URL="https://dev.bcregistry.gov.bc.ca/"
 VUE_APP_AUTH_WEB_URL="https://dev.account.bcregistry.gov.bc.ca/"
 VUE_APP_DASHBOARD_URL="https://dev.business.bcregistry.gov.bc.ca/"
+VUE_APP_DOCUMENTS_UI_URL="https://documents-ui-dev.firebaseapp.com"
 VUE_APP_ENTITY_SELECTOR_URL="https://entity-selection-dev.apps.silver.devops.gov.bc.ca/"
 VUE_APP_SITEMINDER_LOGOUT_URL="https://logontest7.gov.bc.ca/clp-cgi/logoff.cgi"
 VUE_APP_NAME_REQUEST_URL="https://dev.names.bcregistry.gov.bc.ca/"
diff --git a/auth-web/devops/vaults.env b/auth-web/devops/vaults.env
index 950381cdc4..743b09d106 100644
--- a/auth-web/devops/vaults.env
+++ b/auth-web/devops/vaults.env
@@ -15,6 +15,7 @@ VUE_APP_ONE_STOP_URL="op://relationship/$APP_ENV/auth-web/ONE_STOP_URL"
 VUE_APP_REGISTRY_HOME_URL="op://web-url/$APP_ENV/registry/REGISTRY_HOME_URL"
 VUE_APP_AUTH_WEB_URL="op://web-url/$APP_ENV/auth-web/AUTH_WEB_URL"
 VUE_APP_DASHBOARD_URL="op://web-url/$APP_ENV/business/DASHBOARD_URL"
+VUE_APP_DOCUMENTS_UI_URL="op://web-url/$APP_ENV/documents-ui/DOCUMENTS_UI_URL"
 VUE_APP_ENTITY_SELECTOR_URL="op://web-url/$APP_ENV/entity-selector/ENTITY_SELECTOR_URL"
 VUE_APP_SITEMINDER_LOGOUT_URL="op://web-url/$APP_ENV/siteminder/SITEMINDER_LOGOUT_URL"
 VUE_APP_NAME_REQUEST_URL="op://web-url/$APP_ENV/name-request/NAME_REQUEST_URL"
diff --git a/auth-web/src/assets/img/icon-drs.svg b/auth-web/src/assets/img/icon-drs.svg
new file mode 100644
index 0000000000..98f62cbc84
--- /dev/null
+++ b/auth-web/src/assets/img/icon-drs.svg
@@ -0,0 +1,6 @@
+<svg width="44" height="43" viewBox="0 0 44 43" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M35.208 7.75H17.8448L14.7971 2.67063C14.6972 2.50422 14.5558 2.36653 14.3869 2.27091C14.2179 2.1753 14.0271 2.12504 13.833 2.125H1.45801C1.15964 2.125 0.873491 2.24353 0.662513 2.4545C0.451534 2.66548 0.333008 2.95163 0.333008 3.25L0.333008 30.25C0.333008 31.4435 0.807114 32.5881 1.65103 33.432C2.49494 34.2759 3.63953 34.75 4.83301 34.75H31.833C33.0265 34.75 34.1711 34.2759 35.015 33.432C35.8589 32.5881 36.333 31.4435 36.333 30.25V8.875C36.333 8.57663 36.2145 8.29048 36.0035 8.0795C35.7925 7.86853 35.5064 7.75 35.208 7.75Z" fill="#38598A"/>
+<circle cx="32.6455" cy="31.2188" r="11" fill="white"/>
+<path d="M38.0955 31.9062H40.458V29.6562H38.0955C37.9504 28.9515 37.6704 28.2814 37.2709 27.683L38.946 26.0079L37.3553 24.4171L35.6801 26.0922C35.0819 25.6933 34.4123 25.4136 33.708 25.2688V22.9062H31.458V25.2688C30.7533 25.4139 30.0832 25.6939 29.4848 26.0934L27.8096 24.4183L26.2189 26.009L27.894 27.6841C27.495 28.2823 27.2154 28.952 27.0705 29.6562H24.708V31.9062H27.0705C27.2156 32.611 27.4956 33.2811 27.8951 33.8795L26.22 35.5546L27.8108 37.1454L29.4859 35.4702C30.0841 35.8692 30.7537 36.1488 31.458 36.2937V38.6562H33.708V36.2937C34.4128 36.1486 35.0828 35.8686 35.6813 35.4691L37.3564 37.1443L38.9471 35.5535L37.272 33.8784C37.671 33.2802 37.9506 32.6105 38.0955 31.9062Z" fill="#38598A"/>
+<path d="M32.583 33.0312C33.8256 33.0312 34.833 32.0239 34.833 30.7812C34.833 29.5386 33.8256 28.5312 32.583 28.5312C31.3404 28.5312 30.333 29.5386 30.333 30.7812C30.333 32.0239 31.3404 33.0312 32.583 33.0312Z" fill="white"/>
+</svg>
diff --git a/auth-web/src/assets/img/icon-involuntary-dissolution.svg b/auth-web/src/assets/img/icon-involuntary-dissolution.svg
new file mode 100644
index 0000000000..14f38a5d8b
--- /dev/null
+++ b/auth-web/src/assets/img/icon-involuntary-dissolution.svg
@@ -0,0 +1,3 @@
+<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.5003 10.2083V4.375H2.91699V30.625H19.4691C19.1288 29.6904 18.956 28.703 18.9587 27.7083H17.5003V24.7917H19.4691C19.6897 24.1118 20.0091 23.4682 20.417 22.8812V21.875H17.5003V18.9583H20.417V16.0417H17.5003V13.125H29.167V19.0896C30.1975 19.2495 31.1877 19.6059 32.0837 20.1396V10.2083M8.75033 27.7083H5.83366V24.7917H8.75033M8.75033 21.875H5.83366V18.9583H8.75033M8.75033 16.0417H5.83366V13.125H8.75033M8.75033 10.2083H5.83366V7.29167H8.75033M14.5837 27.7083H11.667V24.7917H14.5837M14.5837 21.875H11.667V18.9583H14.5837M14.5837 16.0417H11.667V13.125H14.5837M14.5837 10.2083H11.667V7.29167H14.5837M23.3337 18.9583H26.2503V16.0417H23.3337M23.3337 16.0417V18.9583H26.2503V16.0417M23.3337 16.0417V18.9583H26.2503V16.0417M32.8712 24.6167L29.7649 27.7083L32.8712 30.8L30.8003 32.8708L27.7087 29.7646L24.617 32.8708L22.5462 30.8L25.6524 27.7083L22.5462 24.6167L24.617 22.5458L27.7087 25.6521L30.8003 22.5458L32.8712 24.6167Z" fill="#38598A"/>
+</svg>
diff --git a/auth-web/src/components/LaunchTile.vue b/auth-web/src/components/LaunchTile.vue
new file mode 100644
index 0000000000..9d7f62967e
--- /dev/null
+++ b/auth-web/src/components/LaunchTile.vue
@@ -0,0 +1,77 @@
+<script lang="ts">
+import { computed, defineComponent, reactive, toRefs } from '@vue/composition-api'
+import { LaunchTileConfigIF } from '@/models/common'
+
+export default defineComponent({
+  name: 'LaunchTile',
+  props: {
+    tileConfig: {
+      type: Object as () => LaunchTileConfigIF,
+      required: true
+    }
+  },
+  setup (props) {
+    const localVars = (reactive({
+      tileUrl: computed(() => {
+        return props.tileConfig?.href ? new URL(props.tileConfig.href, import.meta.url) : null
+      }),
+      imgUrl: computed(() => new URL(`/src/assets/img/${props.tileConfig.image}`, import.meta.url))
+    }))
+
+    return {
+      ...toRefs(localVars)
+    }
+  }
+})
+</script>
+
+<template>
+  <v-card
+    v-if="tileConfig.showTile"
+    class="launch-card"
+  >
+    <v-row>
+      <v-col cols="auto">
+        <img
+          :src="imgUrl"
+          alt=""
+          class="launch-image"
+        >
+      </v-col>
+      <v-col>
+        <header>
+          <h2>{{ tileConfig.title }}</h2>
+          <p class="my-3">
+            {{ tileConfig.description }}
+          </p>
+        </header>
+        <v-btn
+          id="tile-btn"
+          class="mt-1"
+          color="primary"
+          filled
+          dark
+          large
+          :href="tileUrl"
+          @click="!tileConfig.href ? tileConfig.action() : null"
+        >
+          <span>
+            {{ tileConfig.actionLabel }}
+            <v-icon>mdi-chevron-right</v-icon>
+          </span>
+        </v-btn>
+      </v-col>
+    </v-row>
+  </v-card>
+</template>
+
+<style lang="scss" scoped>
+.launch-card {
+  height: 225px;
+  padding: 14px 26px;
+}
+.launch-image {
+  width: 50px;
+  height: auto;
+}
+</style>
diff --git a/auth-web/src/components/index.ts b/auth-web/src/components/index.ts
index d02b108830..bb8811a419 100644
--- a/auth-web/src/components/index.ts
+++ b/auth-web/src/components/index.ts
@@ -3,3 +3,4 @@ export { default as BaseVExpansionPanel } from './BaseVExpansionPanel.vue'
 export { default as CardHeader } from './CardHeader.vue'
 export { default as DatePicker } from './DatePicker.vue'
 export { default as IconTooltip } from './IconTooltip.vue'
+export { default as LaunchTile } from './LaunchTile.vue'
diff --git a/auth-web/src/models/common.ts b/auth-web/src/models/common.ts
new file mode 100644
index 0000000000..8305c16773
--- /dev/null
+++ b/auth-web/src/models/common.ts
@@ -0,0 +1,12 @@
+import { ComputedRef } from '@vue/composition-api'
+
+/** Interface for the LaunchTileConfig object */
+export interface LaunchTileConfigIF {
+  showTile: ComputedRef<boolean>
+  image: string
+  title: string
+  description: string
+  href?: string
+  action?: () => void
+  actionLabel: string
+}
diff --git a/auth-web/src/util/config-helper.ts b/auth-web/src/util/config-helper.ts
index 15229588db..a1e2504ca9 100644
--- a/auth-web/src/util/config-helper.ts
+++ b/auth-web/src/util/config-helper.ts
@@ -46,6 +46,10 @@ export default class ConfigHelper {
     return `${import.meta.env.VUE_APP_REGISTRY_HOME_URL}dashboard`
   }
 
+  static getBcrosDocumentsUiURL () {
+    return `${import.meta.env.VUE_APP_DOCUMENTS_UI_URL}`
+  }
+
   static getBcrosURL () {
     return `${ConfigHelper.getSelfURL()}/signin/bcros/`
   }
diff --git a/auth-web/src/util/constants.ts b/auth-web/src/util/constants.ts
index c2bd88b33f..c8879c0e0f 100644
--- a/auth-web/src/util/constants.ts
+++ b/auth-web/src/util/constants.ts
@@ -484,6 +484,7 @@ export enum LDFlags {
     EnableAffiliationDelegation = 'enable-affiliation-delegation',
     EnableCreditCardPremium = 'enable-credit-card-premium',
     EnableEFTBalanceByPAD = 'enable-eft-balance-by-pad',
+    EnableDRSLookup = 'enable-drs-lookup', // Document Record Services
 }
 
 export enum DateFilterCodes {
diff --git a/auth-web/src/views/auth/staff/StaffDashboardView.vue b/auth-web/src/views/auth/staff/StaffDashboardView.vue
index 6565af5d21..ae10f02cce 100644
--- a/auth-web/src/views/auth/staff/StaffDashboardView.vue
+++ b/auth-web/src/views/auth/staff/StaffDashboardView.vue
@@ -265,53 +265,30 @@
       </template>
     </BaseVExpansionPanel>
 
-    <!-- Involuntary Dissolution -->
-    <v-card
-      v-if="showInvoluntaryDissolutionTile"
-      class="mt-4 pa-8"
-    >
-      <v-row
-        align="center"
-        justify="space-between"
+    <!-- Feature Launch Tiles: ie Involuntary Dissolution, Document Record Service -->
+    <v-row>
+      <v-col
+        v-for="tile in launchTileConfig"
+        :key="tile.title"
+        cols="6"
       >
-        <v-col>
-          <header>
-            <h2 class="mb-0">
-              Involuntary Dissolution
-            </h2>
-            <p class="mt-3 mb-0">
-              Set up and manage automation for Involuntary Dissolution of businesses
-            </p>
-          </header>
-        </v-col>
-        <v-col cols="auto">
-          <v-btn
-            id="involuntary-dissolution-button"
-            class="mr-4"
-            color="primary"
-            outlined
-            dark
-            large
-            @click="goToInvoluntaryDissolution()"
-          >
-            <span>Manage Involuntary Dissolution</span>
-          </v-btn>
-        </v-col>
-      </v-row>
-    </v-card>
+        <LaunchTile :tileConfig="tile" />
+      </v-col>
+    </v-row>
   </v-container>
 </template>
 
 <script lang="ts">
+import { BaseVExpansionPanel, LaunchTile } from '@/components'
 import { ComputedRef, Ref, computed, defineComponent, reactive, ref, toRefs } from '@vue/composition-api'
 import { LDFlags, Role, SessionStorageKeys } from '@/util/constants'
-import { BaseVExpansionPanel } from '@/components'
 import CommonUtils from '@/util/common-util'
 import ConfigHelper from '@/util/config-helper'
 import ContinuationApplications from '@/components/auth/staff/continuation-application/ContinuationApplications.vue'
 import GLCodesListView from '@/views/auth/staff/GLCodesListView.vue'
 import IncorporationSearchResultView from '@/views/auth/staff/IncorporationSearchResultView.vue'
 import LaunchDarklyService from 'sbc-common-components/src/services/launchdarkly.services'
+import { LaunchTileConfigIF } from '@/models/common'
 import { Organization } from '@/models/Organization'
 import PPRLauncher from '@/components/auth/staff/PPRLauncher.vue'
 import SafeEmailView from '@/views/auth/staff/SafeEmailView.vue'
@@ -337,11 +314,15 @@ interface StaffDashboardViewI {
   isFasDashboardEnabled: ComputedRef<boolean>
   showBusSearchlink: ComputedRef<boolean>
   registrySearchUrl: ComputedRef<string>
+  showDrsTile: ComputedRef<boolean>
+  documentsUiUrl: string
+  showInvoluntaryDissolutionTile: ComputedRef<boolean>
 }
 
 export default defineComponent({
   name: 'StaffDashboardView',
   components: {
+    LaunchTile,
     BaseVExpansionPanel,
     SafeEmailView,
     GLCodesListView,
@@ -378,10 +359,13 @@ export default defineComponent({
       errorMessage: '',
       isFasDashboardEnabled: computed((): boolean => currentUser.value?.roles?.includes(Role.FasSearch)),
       registrySearchUrl: computed((): string => ConfigHelper.getRegistrySearchUrl()),
+      documentsUiUrl: computed((): string => ConfigHelper.getBcrosDocumentsUiURL()),
       searchActive: false,
       searchedBusinessNumber: '',
       showBusSearchlink: computed((): boolean => true),
-      showInvoluntaryDissolutionTile: computed((): boolean => LaunchDarklyService.getFlag(LDFlags.EnableInvoluntaryDissolution) || false)
+      showInvoluntaryDissolutionTile: computed((): boolean =>
+        LaunchDarklyService.getFlag(LDFlags.EnableInvoluntaryDissolution) || false),
+      showDrsTile: computed((): boolean => LaunchDarklyService.getFlag(LDFlags.EnableDRSLookup) || false)
     }) as unknown) as StaffDashboardViewI
 
     const isFormValid = () => localVars.businessIdentifier && searchBusinessForm.value?.validate()
@@ -390,6 +374,26 @@ export default defineComponent({
 
     const goToManageBusiness = () => root.$router.push(`/account/${currentOrganization.value?.id}/business`)
 
+    const launchTileConfig: Array<LaunchTileConfigIF> = [
+      {
+        showTile: localVars.showInvoluntaryDissolutionTile,
+        image: 'icon-involuntary-dissolution.svg',
+        title: 'Involuntary Dissolution',
+        description: 'Set up and manage automation for Involuntary Dissolution of businesses',
+        action: () => { goToInvoluntaryDissolution() },
+        actionLabel: 'Manage Involuntary Dissolution'
+      },
+      {
+        showTile: localVars.showDrsTile,
+        image: 'icon-drs.svg',
+        title: 'Document Record Service',
+        description: 'Use our document record service to create a new record or search for existing ones. To edit a ' +
+          'record, simply search for and open the document record.',
+        href: localVars.documentsUiUrl,
+        actionLabel: 'Open'
+      }
+    ]
+
     const updateCurrentBusiness = async () => {
       try {
         // Search for business, action will set session storage
@@ -465,6 +469,7 @@ export default defineComponent({
       searchBusinessForm,
       emailToAdd,
       addEmail,
+      launchTileConfig,
       ...toRefs(localVars)
     }
   }
diff --git a/auth-web/tests/unit/components/LaunchTile.spec.ts b/auth-web/tests/unit/components/LaunchTile.spec.ts
new file mode 100644
index 0000000000..7d202d8b9d
--- /dev/null
+++ b/auth-web/tests/unit/components/LaunchTile.spec.ts
@@ -0,0 +1,63 @@
+import LaunchTile from '@/components/LaunchTile.vue'
+import { LaunchTileConfigIF } from '@/models/common'
+import { mount } from '@vue/test-utils'
+import { nextTick } from '@vue/composition-api'
+
+// Mock data for the tileConfig prop
+const mockTileConfig: LaunchTileConfigIF = {
+  showTile: true,
+  image: 'icon-drs.svg',
+  title: 'Document Record Service',
+  description: 'Use our document record service to create a new record or search for existing ones.',
+  href: 'http://example.com/',
+  actionLabel: 'Open',
+  action: vi.fn(() => 'action called')
+}
+
+describe('LaunchTile.vue', () => {
+  let wrapper: any
+
+  beforeEach(() => {
+    wrapper = mount(LaunchTile, {
+      propsData: {
+        tileConfig: mockTileConfig
+      }
+    })
+  })
+
+  it('renders the component when showTile is true', () => {
+    expect(wrapper.find('.launch-card').exists()).toBe(true)
+  })
+
+  it('renders the image with the correct src', () => {
+    const img = wrapper.find('img')
+    expect(img.attributes('src')).toContain(mockTileConfig.image)
+  })
+
+  it('renders the title and description', () => {
+    expect(wrapper.find('h2').text()).toBe(mockTileConfig.title)
+    expect(wrapper.find('p').text()).toBe(mockTileConfig.description)
+  })
+
+  it('renders the button with the correct label and href', () => {
+    const button = wrapper.find('#tile-btn')
+    expect(button.text()).toContain(mockTileConfig.actionLabel)
+    expect(button.attributes('href')).toBe(mockTileConfig.href)
+  })
+
+  it('calls the action method when button is clicked and href is not provided', async () => {
+    // Update the props
+    await wrapper.setProps({
+      tileConfig: { ...mockTileConfig, href: null }
+    })
+
+    // Find the button and trigger a click event
+    const button = wrapper.find('#tile-btn')
+    await button.trigger('click')
+    await nextTick()
+
+    // Assert that the action method was called
+    expect(mockTileConfig.action).toHaveBeenCalled()
+    expect(mockTileConfig.action).toHaveReturnedWith('action called')
+  })
+})