diff --git a/package-lock.json b/package-lock.json
index 71c6d39c9..b65a607e1 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "business-create-ui",
-  "version": "3.2.3",
+  "version": "3.2.4",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
@@ -1212,9 +1212,9 @@
       }
     },
     "@bcrs-shared-components/corp-type-module": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/@bcrs-shared-components/corp-type-module/-/corp-type-module-1.0.5.tgz",
-      "integrity": "sha512-I9mG3wlLBzm+2utsUCtCyYn3n6Xi7diUwNdFwskNNp8O/vvHjOcVbq2jwRvPPE1pGd2dISc5ToiyKfkJdzo0XQ=="
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/@bcrs-shared-components/corp-type-module/-/corp-type-module-1.0.6.tgz",
+      "integrity": "sha512-EUKJkUQBUXRy1kuHCE6A2mZrpktf1SehY+jVssJo8ejVDEk+jFQlxQOp44SCaEc6Uodenl48SgFd5TUr1uh66Q=="
     },
     "@bcrs-shared-components/court-order-poa": {
       "version": "1.0.11",
@@ -1226,9 +1226,9 @@
       }
     },
     "@bcrs-shared-components/date-picker": {
-      "version": "1.1.9",
-      "resolved": "https://registry.npmjs.org/@bcrs-shared-components/date-picker/-/date-picker-1.1.9.tgz",
-      "integrity": "sha512-smLVcmDYYUpHcT7gpYsgfK+3pHTo+rQNZ9Lp0n8Xyuk221CGxQwCp6ZOL2T2i+Z7lkZPl6JcB4HjafNg1SlQ2Q==",
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/@bcrs-shared-components/date-picker/-/date-picker-1.1.12.tgz",
+      "integrity": "sha512-WG7r+PcLfaPbn87kaFV1NXLSDMp1ItespaNvmP+yX5lMxSOYEeqjxRfm/DyAFtbaWUKTZaCzYq8WpDQfx41FUA==",
       "requires": {
         "vue-property-decorator": "^8.4.0"
       }
@@ -2793,66 +2793,6 @@
         "tslint": "^5.20.1",
         "webpack": "^4.0.0",
         "yorkie": "^2.0.0"
-      },
-      "dependencies": {
-        "chalk": {
-          "version": "4.1.2",
-          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
-          "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "ansi-styles": "^4.1.0",
-            "supports-color": "^7.1.0"
-          }
-        },
-        "fork-ts-checker-webpack-plugin-v5": {
-          "version": "npm:fork-ts-checker-webpack-plugin@5.2.1",
-          "resolved": "https://registry.npmjs.org/fork-ts-checker-webpack-plugin/-/fork-ts-checker-webpack-plugin-5.2.1.tgz",
-          "integrity": "sha512-SVi+ZAQOGbtAsUWrZvGzz38ga2YqjWvca1pXQFUArIVXqli0lLoDQ8uS0wg0kSpcwpZmaW5jVCZXQebkyUQSsw==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "@babel/code-frame": "^7.8.3",
-            "@types/json-schema": "^7.0.5",
-            "chalk": "^4.1.0",
-            "cosmiconfig": "^6.0.0",
-            "deepmerge": "^4.2.2",
-            "fs-extra": "^9.0.0",
-            "memfs": "^3.1.2",
-            "minimatch": "^3.0.4",
-            "schema-utils": "2.7.0",
-            "semver": "^7.3.2",
-            "tapable": "^1.0.0"
-          }
-        },
-        "lru-cache": {
-          "version": "6.0.0",
-          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-          "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "yallist": "^4.0.0"
-          }
-        },
-        "semver": {
-          "version": "7.3.5",
-          "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.5.tgz",
-          "integrity": "sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "lru-cache": "^6.0.0"
-          }
-        },
-        "yallist": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-          "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-          "dev": true,
-          "optional": true
-        }
       }
     },
     "@vue/cli-plugin-unit-jest": {
@@ -3135,6 +3075,17 @@
             "unique-filename": "^1.1.1"
           }
         },
+        "chalk": {
+          "version": "4.1.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+          "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "ansi-styles": "^4.1.0",
+            "supports-color": "^7.1.0"
+          }
+        },
         "cliui": {
           "version": "6.0.0",
           "resolved": "https://registry.npmjs.org/cliui/-/cliui-6.0.0.tgz",
@@ -3206,6 +3157,18 @@
             "graceful-fs": "^4.1.6"
           }
         },
+        "loader-utils": {
+          "version": "2.0.2",
+          "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.2.tgz",
+          "integrity": "sha512-TM57VeHptv569d/GKh6TAYdzKblwDNiumOdkFnejjD0XwTH87K90w3O7AiJRqdQoXygvi1VQTJTLGhJl7WqA7A==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "big.js": "^5.2.2",
+            "emojis-list": "^3.0.0",
+            "json5": "^2.1.2"
+          }
+        },
         "locate-path": {
           "version": "5.0.0",
           "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
@@ -3299,6 +3262,18 @@
           "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==",
           "dev": true
         },
+        "vue-loader-v16": {
+          "version": "npm:vue-loader@16.8.3",
+          "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-16.8.3.tgz",
+          "integrity": "sha512-7vKN45IxsKxe5GcVCbc2qFU5aWzyiLrYJyUuMz4BQLKctCj/fmCa0w6fGiiQ2cLFetNcek1ppGJQDCup0c1hpA==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "chalk": "^4.1.0",
+            "hash-sum": "^2.0.0",
+            "loader-utils": "^2.0.0"
+          }
+        },
         "wrap-ansi": {
           "version": "6.2.0",
           "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-6.2.0.tgz",
@@ -8466,6 +8441,66 @@
         }
       }
     },
+    "fork-ts-checker-webpack-plugin-v5": {
+      "version": "npm:fork-ts-checker-webpack-plugin@5.2.1",
+      "resolved": "https://registry.npmjs.org/fork-ts-checker-webpack-plugin/-/fork-ts-checker-webpack-plugin-5.2.1.tgz",
+      "integrity": "sha512-SVi+ZAQOGbtAsUWrZvGzz38ga2YqjWvca1pXQFUArIVXqli0lLoDQ8uS0wg0kSpcwpZmaW5jVCZXQebkyUQSsw==",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "@babel/code-frame": "^7.8.3",
+        "@types/json-schema": "^7.0.5",
+        "chalk": "^4.1.0",
+        "cosmiconfig": "^6.0.0",
+        "deepmerge": "^4.2.2",
+        "fs-extra": "^9.0.0",
+        "memfs": "^3.1.2",
+        "minimatch": "^3.0.4",
+        "schema-utils": "2.7.0",
+        "semver": "^7.3.2",
+        "tapable": "^1.0.0"
+      },
+      "dependencies": {
+        "chalk": {
+          "version": "4.1.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+          "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "ansi-styles": "^4.1.0",
+            "supports-color": "^7.1.0"
+          }
+        },
+        "lru-cache": {
+          "version": "6.0.0",
+          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+          "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "yallist": "^4.0.0"
+          }
+        },
+        "semver": {
+          "version": "7.3.5",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.5.tgz",
+          "integrity": "sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "lru-cache": "^6.0.0"
+          }
+        },
+        "yallist": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+          "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+          "dev": true,
+          "optional": true
+        }
+      }
+    },
     "form-data": {
       "version": "2.3.3",
       "resolved": "https://registry.npmjs.org/form-data/-/form-data-2.3.3.tgz",
@@ -17637,43 +17672,6 @@
         }
       }
     },
-    "vue-loader-v16": {
-      "version": "npm:vue-loader@16.8.3",
-      "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-16.8.3.tgz",
-      "integrity": "sha512-7vKN45IxsKxe5GcVCbc2qFU5aWzyiLrYJyUuMz4BQLKctCj/fmCa0w6fGiiQ2cLFetNcek1ppGJQDCup0c1hpA==",
-      "dev": true,
-      "optional": true,
-      "requires": {
-        "chalk": "^4.1.0",
-        "hash-sum": "^2.0.0",
-        "loader-utils": "^2.0.0"
-      },
-      "dependencies": {
-        "chalk": {
-          "version": "4.1.2",
-          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
-          "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "ansi-styles": "^4.1.0",
-            "supports-color": "^7.1.0"
-          }
-        },
-        "loader-utils": {
-          "version": "2.0.2",
-          "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.2.tgz",
-          "integrity": "sha512-TM57VeHptv569d/GKh6TAYdzKblwDNiumOdkFnejjD0XwTH87K90w3O7AiJRqdQoXygvi1VQTJTLGhJl7WqA7A==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "big.js": "^5.2.2",
-            "emojis-list": "^3.0.0",
-            "json5": "^2.1.2"
-          }
-        }
-      }
-    },
     "vue-observe-visibility": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/vue-observe-visibility/-/vue-observe-visibility-1.0.0.tgz",
diff --git a/package.json b/package.json
index 7d0496b9d..047d6705b 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "business-create-ui",
-  "version": "3.2.3",
+  "version": "3.2.4",
   "private": true,
   "appName": "Create UI",
   "sbcName": "SBC Common Components",
@@ -16,9 +16,9 @@
     "@bcrs-shared-components/bread-crumb": "1.0.2",
     "@bcrs-shared-components/certify": "1.0.24",
     "@bcrs-shared-components/contact-info": "1.0.18",
-    "@bcrs-shared-components/corp-type-module": "1.0.5",
+    "@bcrs-shared-components/corp-type-module": "1.0.6",
     "@bcrs-shared-components/court-order-poa": "1.0.11",
-    "@bcrs-shared-components/date-picker": "1.1.9",
+    "@bcrs-shared-components/date-picker": "1.1.12",
     "@bcrs-shared-components/effective-date-time": "1.0.2",
     "@bcrs-shared-components/enums": "1.0.14",
     "@bcrs-shared-components/interfaces": "1.0.28",
diff --git a/src/assets/styles/base.scss b/src/assets/styles/base.scss
index 883d4970a..d10584959 100644
--- a/src/assets/styles/base.scss
+++ b/src/assets/styles/base.scss
@@ -312,3 +312,8 @@ ul.list {
     font-weight: bold;
   }
 }
+
+.step-container {
+  margin-top: 1rem;
+  padding: 1.25rem;
+}
diff --git a/src/components/DefineCompany/FolioNumber.vue b/src/components/DefineCompany/FolioNumber.vue
index c378229c4..eb4fe6217 100644
--- a/src/components/DefineCompany/FolioNumber.vue
+++ b/src/components/DefineCompany/FolioNumber.vue
@@ -1,19 +1,19 @@
 <template>
   <div id="folio-number">
-    <v-layout row v-if="!isEditing" id="folio-number-read-only">
-      <v-flex md4>
+    <v-row no-gutters v-if="!isEditing" id="folio-number-read-only">
+      <v-col md="3" class="mr-n1">
         <label><strong>Folio Information</strong></label>
-      </v-flex>
-      <v-flex md8>
+      </v-col>
+      <v-col md="9">
         <label><strong>Folio Number</strong></label>
         <div id="lbl-folio-number">{{ !!folioNumber ? folioNumber : 'Not entered' }}</div>
-      </v-flex>
-    </v-layout>
-    <v-row v-else id="folio-number-editing">
-      <v-col>
+      </v-col>
+    </v-row>
+    <v-row no-gutters v-else id="folio-number-editing">
+      <v-col md="2">
         <label><strong>Folio Number</strong></label>
       </v-col>
-      <v-col cols="12" sm="8" md="10">
+      <v-col md="10" class="pl-8">
         <v-form>
           <v-text-field
             id="folio-number-text-field"
@@ -81,7 +81,6 @@ export default class FolioNumber extends Vue {
 
 .row .col:first-child {
   width: 12rem;
-  max-width: 12rem;
 }
 
 label {
diff --git a/src/components/DefineCompany/OfficeAddresses.vue b/src/components/DefineCompany/OfficeAddresses.vue
index 93a11f879..ea71960d2 100644
--- a/src/components/DefineCompany/OfficeAddresses.vue
+++ b/src/components/DefineCompany/OfficeAddresses.vue
@@ -2,9 +2,9 @@
   <div id="office-addresses">
     <!-- Address Review -->
     <template v-if="!isEditing">
-      <v-layout row id="summary-registered-address">
-        <v-flex md4><label><strong>Registered Office</strong></label></v-flex>
-        <v-flex md4>
+      <v-row no-gutters id="summary-registered-address">
+        <v-col md="3" class="mr-n1"><label><strong>Registered Office</strong></label></v-col>
+        <v-col md="4">
           <label class="mailing-address-header"><strong>Mailing Address</strong></label>
           <mailing-address
             v-if="!isEmptyAddress(mailingAddress)"
@@ -12,9 +12,9 @@
             :editing="false"
           />
           <div v-else>(Not entered)</div>
-        </v-flex>
+        </v-col>
 
-        <v-flex md4>
+        <v-col md="4">
           <label class="delivery-address-header"><strong>Delivery Address</strong></label>
           <delivery-address
             v-if="!isEmptyAddress(deliveryAddress) && !inheritMailingAddress"
@@ -23,12 +23,12 @@
           />
           <div v-else-if="isEmptyAddress(deliveryAddress)">(Not entered)</div>
           <div v-else>Same as Mailing Address</div>
-        </v-flex>
-      </v-layout>
+        </v-col>
+      </v-row>
 
-      <v-layout row id="summary-records-address" v-if="!entityFilter(CorpTypeCd.COOP)" class="mt-4">
-        <v-flex md4><label><strong>Records Office</strong></label></v-flex>
-        <v-flex md4>
+      <v-row no-gutters id="summary-records-address" v-if="!entityFilter(CorpTypeCd.COOP)" class="mt-4">
+        <v-col md="3" class="mr-n1"><label><strong>Records Office</strong></label></v-col>
+        <v-col md="4">
           <label class="mailing-address-header"><strong>Mailing Address</strong></label>
           <mailing-address
             v-if="!inheritRegisteredAddress && !isEmptyAddress(recMailingAddress)"
@@ -37,9 +37,9 @@
           />
           <div v-else-if="isEmptyAddress(recMailingAddress)">(Not entered)</div>
           <div v-else>Same as Registered Office</div>
-        </v-flex>
+        </v-col>
 
-        <v-flex md4>
+        <v-col md="4">
           <label class="delivery-address-header"><strong>Delivery Address</strong></label>
           <delivery-address
             v-if="!inheritRecMailingAddress && !inheritRegisteredAddress && !isEmptyAddress(recDeliveryAddress)"
@@ -49,8 +49,8 @@
           <div v-else-if="isEmptyAddress(recDeliveryAddress)">(Not entered)</div>
           <div v-else-if="inheritRegisteredAddress">Same as Registered Office</div>
           <div v-else>Same as Mailing Address</div>
-        </v-flex>
-      </v-layout>
+        </v-col>
+      </v-row>
     </template>
 
     <!-- Address Form -->
diff --git a/src/components/DefineCompany/index.ts b/src/components/DefineCompany/index.ts
index 743031d4f..43c4822c9 100644
--- a/src/components/DefineCompany/index.ts
+++ b/src/components/DefineCompany/index.ts
@@ -1,5 +1,4 @@
 import AddNameTranslation from './AddNameTranslation.vue'
-import BusinessContactInfo from './BusinessContactInfo.vue'
 import CooperativeType from './CooperativeType.vue'
 import FolioNumber from './FolioNumber.vue'
 import ListNameTranslations from './ListNameTranslations.vue'
@@ -7,7 +6,6 @@ import OfficeAddresses from './OfficeAddresses.vue'
 
 export {
   AddNameTranslation,
-  BusinessContactInfo,
   CooperativeType,
   FolioNumber,
   ListNameTranslations,
diff --git a/src/components/DefineDissolution/AssociationDetails.vue b/src/components/DefineDissolution/AssociationDetails.vue
index d9190591c..cf18dac66 100644
--- a/src/components/DefineDissolution/AssociationDetails.vue
+++ b/src/components/DefineDissolution/AssociationDetails.vue
@@ -87,8 +87,9 @@ import { AuthServices } from '@/services'
 import { ActionBindingIF, AddressIF, BusinessContactIF, BusinessIF } from '@/interfaces'
 
 // Components
-import { BusinessContactInfo, OfficeAddresses } from '@/components/DefineCompany'
+import { OfficeAddresses } from '@/components/DefineCompany'
 import { ContactInfo, BaseAddress } from '@/components'
+import { BusinessContactInfo } from '@/components/common'
 
 // Mixins
 import { CommonMixin, EntityFilterMixin, EnumMixin } from '@/mixins'
diff --git a/src/components/DefineDissolution/CustodianOfRecords.vue b/src/components/DefineDissolution/CustodianOfRecords.vue
index 59e6ac025..97312da0d 100644
--- a/src/components/DefineDissolution/CustodianOfRecords.vue
+++ b/src/components/DefineDissolution/CustodianOfRecords.vue
@@ -11,7 +11,7 @@
           <div class="section-container pt-10" :class="{ 'invalid-section': showErrors && !isFormValid }">
             <v-row no-gutters>
               <v-col cols="12" md="3" lg="3">
-                <label class="section-label title-label">
+                <label class="title-label">
                   {{ getCustodialRecordsResources.custodianTitle }}
                 </label>
               </v-col>
@@ -426,19 +426,12 @@ export default class CustodianOfRecords extends Mixins(CommonMixin, EntityFilter
 
 <style lang="scss" scoped>
 @import '@/assets/styles/theme.scss';
-
 .section-container {
   padding: 1.5rem 2rem;
   font-size: 1rem;
   color: $gray7;
 }
 
-.section-label {
-  font-size: 1rem;
-  font-weight: bold;
-  color: $gray9;
-}
-
 .person-or-org-options {
   padding-top: 0;
   margin-top: 0;
diff --git a/src/components/DefineRegistration/DefineRegistrationSummary.vue b/src/components/DefineRegistration/DefineRegistrationSummary.vue
new file mode 100644
index 000000000..d195dadfc
--- /dev/null
+++ b/src/components/DefineRegistration/DefineRegistrationSummary.vue
@@ -0,0 +1,144 @@
+<template>
+  <v-card flat class="rounded-0">
+    <div class="define-registration-header review-header">
+      <v-icon color="appDkBlue">mdi-domain</v-icon>
+      <label class="define-registration-title pl-2"><strong>Your Business</strong></label>
+    </div>
+
+    <section :class="{ 'invalid-section': !isDefineRegistrationValid }">
+      <div v-if="!isDefineRegistrationValid" class="defineRegistrationStepErrorMessage">
+        <span>
+          <v-icon color="error">mdi-information-outline</v-icon>
+          &nbsp;
+          <span class="error-text">This step is unfinished.</span>
+          &nbsp;
+          <router-link
+            :to="{ path: `/${RouteNames.DEFINE_REGISTRATION}` }"
+          >Return to this step to finish it</router-link>
+        </span>
+      </div>
+
+      <div class="section-container">
+        <v-row no-gutters>
+          <v-col md="3" class="mr-n1">
+            <label>Name</label>
+          </v-col>
+          <v-col md="9">
+            <div class="company-name">{{ getApprovedName || 'Unavailable' }}</div>
+            <div class="company-type">
+              <span>{{ entityDescription }}</span>
+            </div>
+          </v-col>
+        </v-row>
+      </div>
+
+      <v-divider />
+
+      <div class="section-container">
+        <BusinessContactInfo :initialValue="getBusinessContact" :isEditing="false" />
+      </div>
+
+      <v-divider />
+
+      <div class="section-container">
+        <v-row no-gutters>
+          <v-col md="3" class="mr-n1">
+            <label>Business Start Date</label>
+          </v-col>
+          <v-col md="9">
+            <div>{{ yyyyMmDdToPacificDate(getRegistration.startDate, true) || '(Not entered)' }}</div>
+          </v-col>
+        </v-row>
+      </div>
+
+      <v-divider v-if="isPremiumAccount" />
+
+      <div class="section-container" v-if="isPremiumAccount">
+        <FolioNumber :initialValue="getFolioNumber" :isEditing="false" />
+      </div>
+    </section>
+  </v-card>
+</template>
+
+<script lang="ts">
+// Libraries
+import { Component, Mixins } from 'vue-property-decorator'
+import { Getter } from 'vuex-class'
+
+// Interfaces
+import { BusinessContactIF, RegistrationStateIF } from '@/interfaces'
+
+// Components
+import { FolioNumber, OfficeAddresses } from '@/components/DefineCompany'
+import { BusinessContactInfo } from '@/components/common'
+
+// Mixins
+import { DateMixin, EntityFilterMixin, EnumMixin } from '@/mixins'
+
+// Enums
+import { RouteNames } from '@/enums'
+import { getRegistration, isDefineRegistrationValid } from '@/store/getters'
+
+@Component({
+  components: {
+    BusinessContactInfo,
+    OfficeAddresses,
+    FolioNumber
+  }
+})
+export default class DefineRegistrationSummary extends Mixins(DateMixin, EntityFilterMixin, EnumMixin) {
+  // Getters
+  @Getter getApprovedName!: string
+  @Getter isDefineRegistrationValid!: boolean
+  @Getter isPremiumAccount!: boolean
+  @Getter getValidateSteps!: boolean
+  @Getter getBusinessContact!: BusinessContactIF
+  @Getter getFolioNumber!: string
+  @Getter getRegistration!: RegistrationStateIF
+
+  /** The entity description  */
+  private get entityDescription (): string {
+    return `${this.getCorpTypeDescription(this.getEntityType)}`
+  }
+
+  // Enum for template
+  readonly RouteNames = RouteNames
+}
+</script>
+
+<style lang="scss" scoped>
+@import '@/assets/styles/theme.scss';
+
+.defineRegistrationStepErrorMessage {
+  padding-top: 1.25rem;
+  padding-left: 1.25rem;
+  color: $app-red;
+}
+
+.section-container {
+ padding: 1.5rem
+}
+
+.define-registration-header {
+  display: flex;
+  background-color: $BCgovBlue5O;
+  padding: 1.25rem;
+
+  .define-registration-title {
+    color: $gray9;
+  }
+}
+
+.company-name {
+  font-size: 1.375rem;
+  font-weight: bold
+}
+
+.company-type{
+  padding-top: 0.5rem
+}
+
+.v-icon.mdi-information-outline {
+  margin-top: -2px;
+}
+</style>
diff --git a/src/components/DefineRegistration/StartDate.vue b/src/components/DefineRegistration/StartDate.vue
new file mode 100644
index 000000000..4693643ee
--- /dev/null
+++ b/src/components/DefineRegistration/StartDate.vue
@@ -0,0 +1,97 @@
+<template>
+  <v-card flat class="rounded-4 py-1">
+    <div class="section-container step-container">
+      <v-row no-gutters>
+        <v-col cols="12" md="2" lg="2">
+          <label>Start Date</label>
+        </v-col>
+        <v-col cols="12" md="10" lg="10" id="start-date-selector" class="pl-8">
+          <date-picker
+            id="date-picker"
+            ref="startDateRef"
+            title="Start Date"
+            :nudgeRight="40"
+            :nudgeTop="85"
+            :initialValue="initialValue"
+            :minDate="startDateMinStr"
+            :maxDate="startDateMaxStr"
+            :inputRules="startDateRules"
+            @emitDateSync="setRegistrationStartDate($event)"
+          />
+        </v-col>
+      </v-row>
+    </div>
+  </v-card>
+</template>
+
+<script lang="ts">
+// Libraries
+import { Component, Mixins, Prop } from 'vue-property-decorator'
+import { Action, Getter } from 'vuex-class'
+import { ActionBindingIF } from '@/interfaces'
+
+// Shared Components
+import { DatePicker } from '@bcrs-shared-components/date-picker'
+import { RuleHelpers } from '@/rules'
+import { DateMixin } from '@/mixins'
+
+@Component({
+  components: {
+    DatePicker
+  }
+})
+export default class StartDate extends Mixins(DateMixin) {
+  /** Initial date string value. */
+  @Prop({ default: '' })
+  readonly initialValue: string
+
+  // Global actions
+  @Action setRegistrationStartDate!: ActionBindingIF
+
+  // Global getters
+  @Getter getCurrentJsDate!: Date
+
+  /** The minimum start date that can be entered (Up to 2 years ago today). */
+  private get startDateMin (): Date {
+    const startDateMin = new Date(this.getCurrentJsDate)
+    startDateMin.setFullYear(startDateMin.getFullYear() - 2)
+    return startDateMin
+  }
+
+  /** The minimum start date string. */
+  private get startDateMinStr (): string {
+    return this.dateToYyyyMmDd(this.startDateMin)
+  }
+
+  /** The maximum start date that can be entered (Up to 90 days from today). */
+  private get startDateMax (): Date {
+    const startDateMax = new Date(this.getCurrentJsDate)
+    startDateMax.setDate(startDateMax.getDay() + 90)
+    return startDateMax
+  }
+
+  /** The maximum start date string. */
+  private get startDateMaxStr (): string {
+    return this.dateToYyyyMmDd(this.startDateMax)
+  }
+
+  /** Validations rules for start date field. */
+  get startDateRules (): Array<Function> {
+    return [
+      (v: string) => !!v || 'Start Date is required',
+      (v: string) =>
+        RuleHelpers.DateRuleHelpers
+          .isBetweenDates(this.startDateMin,
+            this.startDateMax,
+            v) ||
+        `Date should be between ${this.dateToPacificDate(this.startDateMin, true)} and
+         ${this.dateToPacificDate(this.startDateMax, true)}`
+    ]
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+@import '@/assets/styles/theme.scss';
+
+</style>
diff --git a/src/components/DefineRegistration/index.ts b/src/components/DefineRegistration/index.ts
new file mode 100644
index 000000000..e2ce5c409
--- /dev/null
+++ b/src/components/DefineRegistration/index.ts
@@ -0,0 +1,2 @@
+export { default as StartDate } from '@/components/DefineRegistration/StartDate.vue'
+export { default as DefineRegistrationSummary } from '@/components/DefineRegistration/DefineRegistrationSummary.vue'
diff --git a/src/components/SummaryDefineCompany/SummaryDefineCompany.vue b/src/components/SummaryDefineCompany/SummaryDefineCompany.vue
index 97f8f5a1a..27d8615b4 100644
--- a/src/components/SummaryDefineCompany/SummaryDefineCompany.vue
+++ b/src/components/SummaryDefineCompany/SummaryDefineCompany.vue
@@ -20,10 +20,10 @@
 
       <div class="section-container">
         <v-row no-gutters>
-          <v-col md="4">
-            <label class="ml-n3">Name</label>
+          <v-col md="3" class="mr-n1">
+            <label>Name</label>
           </v-col>
-          <v-col md="8">
+          <v-col md="9">
             <div class="company-name">{{ getApprovedName || '[Incorporation Number] B.C. Ltd.' }}</div>
             <div class="company-type">
               <span>{{ entityDescription }}</span>
@@ -31,10 +31,10 @@
           </v-col>
         </v-row>
         <v-row no-gutters v-if="getNameTranslations && getNameTranslations.length" class="mt-3">
-          <v-col md="4">
-            <label class="ml-n3">Name Translation</label>
+          <v-col md="3" class="mr-n1">
+            <label>Name Translation</label>
           </v-col>
-          <v-col md="8">
+          <v-col md="9">
             <div v-for="(nameTranslation, index) in getNameTranslations" :key="`name_translation_${index}`">
               {{ nameTranslation.name }}
             </div>
@@ -44,10 +44,10 @@
       <v-divider/>
       <div v-if="isTypeCoop" class="section-container">
         <v-row no-gutters>
-          <v-col md="4">
-            <label class="ml-n3">Type</label>
+          <v-col md="3" class="mr-n1">
+            <label>Type</label>
           </v-col>
-          <v-col md="8">
+          <v-col md="9">
             <div class="cooperative-type ml-n1">
               <span>{{ getCooperativeType ? coopTypeToDescription(getCooperativeType) : '(Not Entered)' }}</span>
             </div>
@@ -82,7 +82,8 @@ import { Getter } from 'vuex-class'
 import { BusinessContactIF, DefineCompanyIF, NameTranslationIF } from '@/interfaces'
 
 // Components
-import { FolioNumber, BusinessContactInfo, OfficeAddresses } from '@/components/DefineCompany'
+import { FolioNumber, OfficeAddresses } from '@/components/DefineCompany'
+import { BusinessContactInfo } from '@/components/common'
 
 // Mixins
 import { EntityFilterMixin, EnumMixin } from '@/mixins'
@@ -131,9 +132,7 @@ export default class SummaryDefineCompany extends Mixins(EntityFilterMixin, Enum
 }
 
 .section-container {
-  padding-left: 2rem;
-  padding-top: 1.25rem;
-  padding-bottom: 1.25rem;
+  padding: 1.5rem
 }
 
 .define-company-header {
diff --git a/src/components/DefineCompany/BusinessContactInfo.vue b/src/components/common/BusinessContactInfo.vue
similarity index 69%
rename from src/components/DefineCompany/BusinessContactInfo.vue
rename to src/components/common/BusinessContactInfo.vue
index 67c0379c4..5259331a3 100644
--- a/src/components/DefineCompany/BusinessContactInfo.vue
+++ b/src/components/common/BusinessContactInfo.vue
@@ -1,26 +1,30 @@
 <template>
   <div id="business-contact-info">
-     <v-layout row v-if="!isEditing">
-        <v-flex md4>
-          <label><strong>Registered Office <br>Contact Information</strong></label>
-        </v-flex>
-        <v-flex md4>
-          <div><label><strong>Email Address</strong></label></div>
-          <div id="lbl-email">{{ !!contact.email ? contact.email : '(Not entered)' }}</div>
-        </v-flex>
-        <v-flex md4>
-          <div><label><strong>Phone Number</strong></label></div>
-          <div id="lbl-phone" v-if="!!contact.phone">{{ contact.phone }}
-            <span v-if="!!contact.extension">Ext: {{ contact.extension }}</span>
-          </div>
-          <div id="lbl-phone" v-else>(Not entered)</div>
-        </v-flex>
-    </v-layout>
-
-    <v-card flat class="business-contact-container" v-else>
+     <v-row no-gutters v-if="!isEditing">
+       <v-col cols="3" class="mr-n1">
+         <label v-if="isIncorporationFiling"><strong>Registered Office <br>Contact Information</strong></label>
+         <label v-else><strong>Business Contact<br>Information</strong></label>
+       </v-col>
+       <v-col md="4">
+         <div><label><strong>Email Address</strong></label></div>
+         <div id="lbl-email">{{ !!contact.email ? contact.email : '(Not entered)' }}</div>
+       </v-col>
+       <v-col md="4">
+         <div><label><strong>Phone Number</strong></label></div>
+         <div id="lbl-phone" v-if="!!contact.phone">{{ contact.phone }}
+           <span v-if="!!contact.extension">Ext: {{ contact.extension }}</span>
+         </div>
+         <div id="lbl-phone" v-else>(Not entered)</div>
+       </v-col>
+     </v-row>
+
+    <v-card flat class="step-container section-container" v-else>
       <v-form v-model="formValid" ref="form" name="business-contact-form">
-       <v-row>
-          <v-col cols="12">
+        <v-row no-gutters>
+          <v-col cols="2">
+            <label>Email Address</label>
+          </v-col>
+          <v-col cols="10" class="pl-8">
             <v-text-field
               filled
               label="Email Address"
@@ -32,8 +36,11 @@
             </v-text-field>
           </v-col>
         </v-row>
-        <v-row>
-          <v-col cols="12">
+        <v-row no-gutters>
+          <v-col cols="2">
+            <label>Confirm Email</label>
+          </v-col>
+          <v-col cols="10" class="pl-8">
             <v-text-field
               filled
               label="Confirm Email Address"
@@ -45,8 +52,11 @@
             </v-text-field>
           </v-col>
         </v-row>
-        <v-row>
-          <v-col cols="12" md="6">
+        <v-row no-gutters>
+          <v-col cols="2">
+            <label>Phone Number</label>
+          </v-col>
+          <v-col cols="5" class="pl-8">
             <v-text-field
               filled
               label="Phone Number"
@@ -59,10 +69,10 @@
               id="txt-phone">
             </v-text-field>
           </v-col>
-          <v-col cols="3">
+          <v-col cols="5" class="pl-5">
             <v-text-field
               filled
-              label="Extension"
+              label="Extension (Optional)"
               persistent-hint
               v-mask="'#####'"
               v-model="contact.extension"
@@ -78,6 +88,7 @@
 
 <script lang="ts">
 import { Component, Vue, Prop, Watch, Emit, Mixins } from 'vue-property-decorator'
+import { Getter } from 'vuex-class'
 import { mask } from 'vue-the-mask'
 import { BusinessContactIF } from '@/interfaces'
 import { CommonMixin } from '@/mixins'
@@ -96,6 +107,8 @@ export default class BusinessContactInfo extends Mixins(CommonMixin) {
   @Prop({ default: false })
   private readonly showErrors!: boolean
 
+  @Getter isIncorporationFiling!: boolean
+
   // Rules for template
   readonly Rules = Rules
 
@@ -152,17 +165,8 @@ export default class BusinessContactInfo extends Mixins(CommonMixin) {
 <style lang="scss" scoped>
 @import '@/assets/styles/theme.scss';
 
-[class^="col"] {
-  padding-top: 0;
-  padding-bottom: 0;
-}
-
-.business-contact-container {
-  margin-top: 1rem;
-  padding: 1.25rem;
-}
-
-label {
-  color: $gray9;
+::v-deep .v-label {
+  font-weight: normal;
+  color: $gray7;
 }
 </style>
diff --git a/src/components/common/index.ts b/src/components/common/index.ts
index 47ab88846..eb64ceb59 100644
--- a/src/components/common/index.ts
+++ b/src/components/common/index.ts
@@ -1,4 +1,5 @@
 import Actions from './Actions.vue'
+import BusinessContactInfo from '@/components/common/BusinessContactInfo.vue'
 import ContactInfo from '@/components/common/ContactInfo.vue'
 import DocumentDelivery from './DocumentDelivery.vue'
 import EntityInfo from './EntityInfo.vue'
@@ -12,6 +13,7 @@ import { BreadCrumb } from '@bcrs-shared-components/bread-crumb'
 export {
   Actions,
   BreadCrumb,
+  BusinessContactInfo,
   ContactInfo,
   DocumentDelivery,
   EntityInfo,
diff --git a/src/interfaces/index.ts b/src/interfaces/index.ts
index f3fcddbed..fc006831d 100644
--- a/src/interfaces/index.ts
+++ b/src/interfaces/index.ts
@@ -48,6 +48,7 @@ export * from './store-interfaces/state-interfaces/business-interface'
 export * from './store-interfaces/state-interfaces/dissolution-state-interface'
 export * from './store-interfaces/state-interfaces/document-delivery-interface'
 export * from './store-interfaces/state-interfaces/name-request-interface'
+export * from './store-interfaces/state-interfaces/registration-state-interface'
 export * from './store-interfaces/state-interfaces/tombstone-interface'
 export * from './store-interfaces/action-interface'
 export * from './store-interfaces/state-interface'
diff --git a/src/interfaces/resource-interfaces/resource-interface.ts b/src/interfaces/resource-interfaces/resource-interface.ts
index 572214362..7064fa0f4 100644
--- a/src/interfaces/resource-interfaces/resource-interface.ts
+++ b/src/interfaces/resource-interfaces/resource-interface.ts
@@ -45,6 +45,14 @@ export interface RegistrationResourceIF {
   nameRequestType: NameRequestTypes
   steps: Array<StepIF>
   filingData: Array<FilingDataIF>
+  reviewAndConfirm: {
+    completingPartyStatement: {
+      certifyStatementHeader: string
+      certifyStatements: Array<string>
+      certifyClause: string
+      entityDisplay: string
+    }
+  }
 }
 
 // Interface to define the resource model
diff --git a/src/interfaces/store-interfaces/state-interface.ts b/src/interfaces/store-interfaces/state-interface.ts
index 8a8267e96..c71dc7201 100644
--- a/src/interfaces/store-interfaces/state-interface.ts
+++ b/src/interfaces/store-interfaces/state-interface.ts
@@ -16,6 +16,7 @@ import {
   NameRequestIF,
   NameTranslationIF,
   PeopleAndRoleIF,
+  RegistrationStateIF,
   ResourceIF,
   ShareStructureIF,
   StaffPaymentStepIF,
@@ -58,6 +59,7 @@ export interface StateModelIF {
   validateSteps: boolean
   showErrors: boolean
   feePrices: Array<FeesIF>
+  registration: RegistrationStateIF
 
   // staffPaymentStep and courtOrder are common and for now it is only used in dissolution
   staffPaymentStep: StaffPaymentStepIF
diff --git a/src/interfaces/store-interfaces/state-interfaces/registration-state-interface.ts b/src/interfaces/store-interfaces/state-interfaces/registration-state-interface.ts
new file mode 100644
index 000000000..cddffb2f3
--- /dev/null
+++ b/src/interfaces/store-interfaces/state-interfaces/registration-state-interface.ts
@@ -0,0 +1,4 @@
+export interface RegistrationStateIF {
+  valid: boolean
+  startDate: string
+}
diff --git a/src/mixins/filing-template-mixin.ts b/src/mixins/filing-template-mixin.ts
index 31d6b49be..1dc90ed07 100644
--- a/src/mixins/filing-template-mixin.ts
+++ b/src/mixins/filing-template-mixin.ts
@@ -27,7 +27,8 @@ import {
   CreateResolutionIF,
   DocumentDeliveryIF,
   OrgPersonIF,
-  SpecialResolutionIF
+  SpecialResolutionIF,
+  RegistrationStateIF
 } from '@/interfaces'
 
 // Constants and enums
@@ -75,6 +76,7 @@ export default class FilingTemplateMixin extends Mixins(DateMixin) {
   @Getter getFolioNumber!: string
   @Getter getTransactionalFolioNumber!: string
   @Getter isPremiumAccount!: boolean
+  @Getter getRegistration!: RegistrationStateIF
 
   @Action setAffidavit!: ActionBindingIF
   @Action setEntityType!: ActionBindingIF
@@ -105,6 +107,7 @@ export default class FilingTemplateMixin extends Mixins(DateMixin) {
   @Action setDocumentOptionalEmail!: ActionBindingIF
   @Action setDissolutionStatementStepData!: ActionBindingIF
   @Action setCustodianOfRecords!: ActionBindingIF
+  @Action setRegistrationStartDate!: ActionBindingIF
 
   /**
    * Builds an incorporation filing from store data. Used when saving a filing.
@@ -315,6 +318,7 @@ export default class FilingTemplateMixin extends Mixins(DateMixin) {
         identifier: this.getTempId
       },
       registration: {
+        startDate: this.getRegistration.startDate,
         nameRequest: {
           legalType: this.getEntityType
         },
@@ -377,6 +381,9 @@ export default class FilingTemplateMixin extends Mixins(DateMixin) {
     }
     this.setBusinessContact(draftContact)
 
+    // restore start date
+    this.setRegistrationStartDate(draftFiling.registration.startDate)
+
     // restore Persons and Organizations
     this.setOrgPersonList(draftFiling.registration.parties)
 
diff --git a/src/resources/Registrations/generalPartnership.ts b/src/resources/Registrations/generalPartnership.ts
index ace77da33..3e4db2843 100644
--- a/src/resources/Registrations/generalPartnership.ts
+++ b/src/resources/Registrations/generalPartnership.ts
@@ -1,9 +1,9 @@
-import { IncorporationResourceIF } from '@/interfaces'
+import { RegistrationResourceIF } from '@/interfaces'
 import { CorpTypeCd, FilingCodes, NameRequestTypes } from '@/enums'
 import { GetCorpFullDescription } from '@bcrs-shared-components/corp-type-module'
 import { RegistrationSteps } from '@/resources/Registrations/stepTemplates'
 
-export const GeneralPartnershipResource: any = {
+export const GeneralPartnershipResource: RegistrationResourceIF = {
   entityType: CorpTypeCd.PARTNERSHIP,
   displayName: GetCorpFullDescription(CorpTypeCd.PARTNERSHIP),
   nameRequestType: NameRequestTypes.GP,
@@ -11,5 +11,14 @@ export const GeneralPartnershipResource: any = {
   filingData: [{
     entityType: CorpTypeCd.PARTNERSHIP,
     filingTypeCode: FilingCodes.REGISTRATION_GP
-  }]
+  }],
+  reviewAndConfirm: {
+    completingPartyStatement: {
+      certifyStatementHeader: null,
+      certifyStatements: [],
+      certifyClause: 'Note: It is an offence to make or assist in making a false or misleading statement in a record' +
+        'filed under the Partnership Act. A person who commits this offence is subject to a maximum fine of $5,000.',
+      entityDisplay: null
+    }
+  }
 }
diff --git a/src/resources/Registrations/soleProprietorship.ts b/src/resources/Registrations/soleProprietorship.ts
index 85dd53082..8f0b9482a 100644
--- a/src/resources/Registrations/soleProprietorship.ts
+++ b/src/resources/Registrations/soleProprietorship.ts
@@ -11,5 +11,14 @@ export const SoleProprietorshipResource: RegistrationResourceIF = {
   filingData: [{
     entityType: CorpTypeCd.SOLE_PROP,
     filingTypeCode: FilingCodes.REGISTRATION_SP
-  }]
+  }],
+  reviewAndConfirm: {
+    completingPartyStatement: {
+      certifyStatementHeader: null,
+      certifyStatements: [],
+      certifyClause: 'Note: It is an offence to make or assist in making a false or misleading statement in a record' +
+        'filed under the Partnership Act. A person who commits this offence is subject to a maximum fine of $5,000.',
+      entityDisplay: null
+    }
+  }
 }
diff --git a/src/store/actions/actions-model.ts b/src/store/actions/actions-model.ts
index 0f97c7262..2d19c78b8 100644
--- a/src/store/actions/actions-model.ts
+++ b/src/store/actions/actions-model.ts
@@ -269,3 +269,7 @@ export const setCustodianValidity: ActionIF = ({ commit }, validity: boolean): v
 export const setCustodianOfRecords: ActionIF = ({ commit }, custodian: OrgPersonIF): void => {
   commit('mutateCustodianOfRecords', custodian)
 }
+
+export const setRegistrationStartDate: ActionIF = ({ commit }, startDate: string): void => {
+  commit('mutateRegistrationStartDate', startDate)
+}
diff --git a/src/store/getters/state-getters.ts b/src/store/getters/state-getters.ts
index 33c1e487f..5616b62c8 100644
--- a/src/store/getters/state-getters.ts
+++ b/src/store/getters/state-getters.ts
@@ -25,7 +25,7 @@ import {
   StateIF,
   TombstoneIF,
   UploadAffidavitIF,
-  CreateResolutionIF
+  CreateResolutionIF, RegistrationStateIF
 } from '@/interfaces'
 import { getMaxStep } from './resource-getters'
 
@@ -576,3 +576,14 @@ export const isCustodianValid = (state: StateIF): boolean => {
 export const getCustodian = (state: StateIF): OrgPersonIF => {
   return state.stateModel.dissolution.custodianOfRecords.custodian
 }
+
+// Registration Getters
+/** Define Registration Step object. */
+export const getRegistration = (state: StateIF): RegistrationStateIF => {
+  return state.stateModel.registration
+}
+
+/** Is true when the step is valid. */
+export const isDefineRegistrationValid = (state: StateIF): boolean => {
+  return getRegistration(state).valid
+}
diff --git a/src/store/mutations/mutations-model.ts b/src/store/mutations/mutations-model.ts
index 21b52f17d..00c0b99fb 100644
--- a/src/store/mutations/mutations-model.ts
+++ b/src/store/mutations/mutations-model.ts
@@ -303,3 +303,7 @@ export const mutateCustodianValidity = (state: StateIF, validity: boolean) => {
 export const mutateCustodianOfRecords = (state: StateIF, custodian: OrgPersonIF) => {
   state.stateModel.dissolution.custodianOfRecords.custodian = custodian
 }
+
+export const mutateRegistrationStartDate = (state: StateIF, startDate: string) => {
+  state.stateModel.registration.startDate = startDate
+}
diff --git a/src/store/state/resource-model.ts b/src/store/state/resource-model.ts
index a1eedf4b7..3234b698a 100644
--- a/src/store/state/resource-model.ts
+++ b/src/store/state/resource-model.ts
@@ -31,6 +31,23 @@ const incorporationResourceModel: IncorporationResourceIF = {
   }
 }
 
+const registrationResourceModel: any = {
+  entityType: null,
+  displayName: '',
+  statement: '',
+  nameRequestType: null,
+  steps: [],
+  filingData: null,
+  reviewAndConfirm: {
+    completingPartyStatement: {
+      certifyStatementHeader: null,
+      certifyStatements: [],
+      certifyClause: null,
+      entityDisplay: null
+    }
+  }
+}
+
 const dissolutionResourceModel: DissolutionResourceIF = {
   entityType: null,
   displayName: '',
@@ -51,5 +68,6 @@ const dissolutionResourceModel: DissolutionResourceIF = {
 
 export const resourceModel: any = {
   ...incorporationResourceModel,
-  ...dissolutionResourceModel
+  ...dissolutionResourceModel,
+  ...registrationResourceModel
 }
diff --git a/src/store/state/state-model.ts b/src/store/state/state-model.ts
index 9e2832d7c..6ba8abb8d 100644
--- a/src/store/state/state-model.ts
+++ b/src/store/state/state-model.ts
@@ -1,6 +1,5 @@
 import { EmptyFees, StateModelIF } from '@/interfaces'
 import { cloneDeep } from 'lodash'
-import { getCustodialRecordsResources } from '@/store/getters'
 
 export const stateModel: StateModelIF = {
   currentJsDate: null,
@@ -202,5 +201,9 @@ export const stateModel: StateModelIF = {
       fileNumber: '',
       hasPlanOfArrangement: null
     }
+  },
+  registration: {
+    valid: false,
+    startDate: ''
   }
 }
diff --git a/src/views/Incorporations/AddPeopleAndRoles.vue b/src/views/Incorporations/AddPeopleAndRoles.vue
index db3f34eec..c8f15ef50 100644
--- a/src/views/Incorporations/AddPeopleAndRoles.vue
+++ b/src/views/Incorporations/AddPeopleAndRoles.vue
@@ -64,11 +64,6 @@ export default class AddPeopleAndRoles extends Mixins(CommonMixin, EntityFilterM
 </script>
 
 <style lang="scss" scoped>
-.step-container {
-  margin-top: 1rem;
-  padding: 1.25rem;
-}
-
 .meta-container {
   display: flex;
   flex-flow: column nowrap;
diff --git a/src/views/Incorporations/DefineCompany.vue b/src/views/Incorporations/DefineCompany.vue
index a3b5d931c..ae28d1ae3 100644
--- a/src/views/Incorporations/DefineCompany.vue
+++ b/src/views/Incorporations/DefineCompany.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div id="define-company">
     <div class="mt-10 company-statement">
       <p v-if="getCompanyTitle">
         <span class="company-statement-label">{{ getCompanyTitle }}:</span>
@@ -9,7 +9,7 @@
 
     <section class="mt-10">
       <header id="name-request-info-header">
-        <h2>1. Name</h2>
+        <h2>Name</h2>
       </header>
       <div :class="{ 'invalid-section': getShowErrors && !hasValidNameTranslation }">
         <v-card flat class="step-container">
@@ -20,7 +20,7 @@
 
     <section class="mt-10" v-show="isTypeCoop">
       <header id="association-type-header">
-        <h2>2. Cooperative Association Type</h2>
+        <h2>Cooperative Association Type</h2>
         <!-- Help Section -->
         <div class="mt-4">
           <span class="help-btn" @click="coopHelpToggle = !coopHelpToggle">
@@ -63,7 +63,7 @@
 
     <section class="mt-10" v-show="isEntityType">
       <header id="office-address-header">
-        <h2>{{isTypeCoop ? 3 : 2 }}. Registered <span v-if="!isTypeCoop">and Records</span> Office
+        <h2>Registered <span v-if="!isTypeCoop">and Records</span> Office
           Addresses</h2>
         <p>Enter the Registered Office <span v-if="!isTypeCoop">and Records Office
           </span> Mailing and Delivery Addresses. All addresses must be located in BC.
@@ -81,7 +81,7 @@
 
     <section class="mt-10" v-show="isEntityType">
       <header id="registered-office-contact-header">
-        <h2>{{isTypeCoop ? 4 : 3 }}. Registered Office Contact Information</h2>
+        <h2>Registered Office Contact Information</h2>
         <p>Enter the contact information for the business. The Corporate Registry will use this to communicate with the
           business in the future, including sending documents and notifications.
         </p>
@@ -98,7 +98,7 @@
     </section>
     <section class="mt-10" v-if="isEntityType && isPremiumAccount">
       <header id="folio-number-header">
-        <h2>{{isTypeCoop ? 5 : 4 }}. Folio / Reference Number (optional)</h2>
+        <h2>Folio / Reference Number (optional)</h2>
         <p>Add an optional Folio or Reference Number about this business for your own tracking purposes.
            This information is not used by the BC Business Registry.
         </p>
@@ -135,8 +135,8 @@ import { CommonMixin, EntityFilterMixin } from '@/mixins'
 import { CoopType, CorpTypeCd, RouteNames } from '@/enums'
 
 // Components
-import { BusinessContactInfo, CooperativeType, FolioNumber, OfficeAddresses } from '@/components/DefineCompany'
-import { NameRequestInfo } from '@/components/common'
+import { CooperativeType, FolioNumber, OfficeAddresses } from '@/components/DefineCompany'
+import { BusinessContactInfo, NameRequestInfo } from '@/components/common'
 
 @Component({
   components: {
@@ -279,10 +279,15 @@ export default class DefineCompany extends Mixins(CommonMixin, EntityFilterMixin
 
 <style lang="scss" scoped>
 @import '@/assets/styles/theme.scss';
+#define-company {
+  /* Set "header-counter" to 0 */
+  counter-reset: header-counter;
+}
 
-.step-container {
-  margin-top: 1rem;
-  padding: 1.25rem;
+h2::before {
+  /* Increment "header-counter" by 1 */
+  counter-increment: header-counter;
+  content: counter(header-counter) '. ';
 }
 
 .value.name-request {
diff --git a/src/views/Incorporations/ReviewConfirm.vue b/src/views/Incorporations/ReviewConfirm.vue
index 5e96a5418..cd7cb31e8 100644
--- a/src/views/Incorporations/ReviewConfirm.vue
+++ b/src/views/Incorporations/ReviewConfirm.vue
@@ -76,7 +76,7 @@
 
 <script lang="ts">
 // Libraries
-import { Component, Mixins, Vue } from 'vue-property-decorator'
+import { Component, Vue } from 'vue-property-decorator'
 import { Action, Getter } from 'vuex-class'
 
 // Interfaces
@@ -88,6 +88,7 @@ import {
 import { DocumentDelivery } from '@/components/common'
 import { IncorporationDateTime, Summary } from '@/components/ReviewConfirm'
 import { Certify } from '@/components'
+import { DateMixin } from '@/mixins'
 
 @Component({
   components: {
@@ -97,7 +98,7 @@ import { Certify } from '@/components'
     Summary
   }
 })
-export default class ReviewConfirm extends Mixins() {
+export default class ReviewConfirm extends Vue {
   @Getter getBusinessContact!: BusinessContactIF
   @Getter getCertifyState!: CertifyIF
   @Getter getCompanyTitle!: string
diff --git a/src/views/Registrations/DefineRegistration.vue b/src/views/Registrations/DefineRegistration.vue
index 63244f6d6..26adeb9bf 100644
--- a/src/views/Registrations/DefineRegistration.vue
+++ b/src/views/Registrations/DefineRegistration.vue
@@ -1,17 +1,113 @@
 <template>
   <div id="define-registration">
-    REGISTRATION PLACEHOLDER
+    <section class="mt-10">
+      <header id="name-info">
+        <h2>Name</h2>
+      </header>
+      <v-card flat class="step-container">
+        <NameRequestInfo />
+      </v-card>
+    </section>
+
+    <section class="mt-10">
+      <header id="business-addresses">
+        <h2>Business Addresses</h2>
+        <p class="mt-4">Enter the business mailing and delivery addresses. The Delivery Address must be located in
+          British Columbia.
+        </p>
+      </header>
+    </section>
+
+    <section class="mt-10">
+      <header id="business-contact">
+        <h2>Business Contact Information</h2>
+        <p class="mt-4">Enter the contact information for the business. The Corporate Registry will use this to
+          communicate with the business in the future, including sending registration documents and notifications.
+        </p>
+      </header>
+      <BusinessContactInfo
+        :initialValue="getBusinessContact"
+        :isEditing="true"
+        :showErrors="null"
+        @contactInfoChange="setBusinessContact($event)"
+        @contactInfoFormValidityChange="onBusinessContactFormValidityChange($event)"
+      />
+    </section>
+
+    <section class="mt-10">
+      <header id="business-start-date">
+        <h2>Business Start Date</h2>
+        <p class="mt-4">Enter the start date of the business. The start date can be
+          <v-tooltip top max-width="20rem" content-class="top-tooltip" transition="fade-transition">
+            <template v-slot:activator="{ on }">
+              <span v-on="on" class="tool-tip dotted-underline">no more than 2 years in the past</span>
+            </template>
+            <span>
+              Choose the oldest date possible even if the actual start date is older than 2 years in the past.
+            </span>
+          </v-tooltip>
+          and 90 days in the future. Make certain that this is the correct date as it cannot be easily corrected
+          afterwards.
+        </p>
+        <StartDate :initialValue="getRegistration.startDate"/>
+      </header>
+    </section>
+
+    <section class="mt-10" v-if="isPremiumAccount">
+      <header id="folio-number">
+        <h2>Folio or Reference Number</h2>
+        <p class="mt-4">Add an optional Folio or Reference Number to this business for your own tracking purposes. This
+          information is not used by the BC Business Registry.
+        </p>
+      </header>
+    </section>
   </div>
 </template>
 
 <script lang="ts">
 // Libraries
 import { Component, Vue } from 'vue-property-decorator'
+import { Action, Getter } from 'vuex-class'
+
+import { BusinessContactInfo, NameRequestInfo } from '@/components/common'
+import { StartDate } from '@/components/DefineRegistration'
+import { ActionBindingIF, BusinessContactIF, RegistrationStateIF } from '@/interfaces'
+import { getRegistration } from '@/store/getters'
 
-@Component({})
+@Component({
+  components: {
+    BusinessContactInfo,
+    NameRequestInfo,
+    StartDate
+  }
+})
 export default class DefineRegistration extends Vue {
+  @Getter getBusinessContact!: BusinessContactIF
+  @Getter getRegistration!: RegistrationStateIF
+  @Getter isPremiumAccount!: boolean
+
+  @Action setBusinessContact!: ActionBindingIF
+
+  private businessContactFormValid: boolean = false
+
+  private onBusinessContactFormValidityChange (valid: boolean): void {
+    this.businessContactFormValid = valid
+    // todo: handle state validity
+  }
 }
 </script>
 
 <style lang="scss" scoped>
+@import '@/assets/styles/theme.scss';
+
+#define-registration {
+  /* Set "header-counter" to 0 */
+  counter-reset: header-counter;
+}
+
+h2::before {
+  /* Increment "header-counter" by 1 */
+  counter-increment: header-counter;
+  content: counter(header-counter) '. ';
+}
 </style>
diff --git a/src/views/Registrations/RegisterReviewConfirm.vue b/src/views/Registrations/RegisterReviewConfirm.vue
index 8d48c6f68..6bfce139f 100644
--- a/src/views/Registrations/RegisterReviewConfirm.vue
+++ b/src/views/Registrations/RegisterReviewConfirm.vue
@@ -1,17 +1,90 @@
 <template>
   <div id="register-review-confirm">
-    REVIEW CONFIRM PLACEHOLDER
+    <!-- Step Summaries -->
+    <section class="mt-10">
+      <header>
+        <h2>Review and Confirm</h2>
+        <p class="mt-1">Review the information in your registration. If you need to change or complete anything, return
+          to the step to make the necessary change.</p>
+      </header>
+      <DefineRegistrationSummary class="mt-6" />
+    </section>
+
+    <!-- Document Delivery -->
+    <section id="document-delivery-section" class="mt-10">
+      <header>
+        <h2>Document Delivery</h2>
+        <p class="mt-1">Copies of the registration documents will be sent to the following email addresses listed
+          below.
+        </p>
+      </header>
+      <DocumentDelivery
+        :registeredOfficeEmail="getBusinessContact.email"
+        :userEmail="getUserEmail" />
+    </section>
+
+    <section class="mt-10">
+      <header>
+        <h2>Certify</h2>
+        <p class="mt-1">Confirm the legal name of the person authorized to complete and submit this application.</p>
+      </header>
+      <div :class="{ 'invalid-section': false }">
+        <Certify
+          :currentDate="getCurrentDate"
+          :statements="[]"
+          :message="getCompletingPartyStatement.certifyClause"
+        />
+      </div>
+    </section>
   </div>
 </template>
 
 <script lang="ts">
-// Libraries
 import { Component, Vue } from 'vue-property-decorator'
+import { Getter } from 'vuex-class'
+import { BusinessContactIF, CertifyStatementIF } from '@/interfaces'
+import { Certify } from '@/components'
+import { DocumentDelivery } from '@/components/common'
+import { DefineRegistrationSummary } from '@/components/DefineRegistration'
+import { DateMixin } from '@/mixins'
 
-@Component({})
+@Component({
+  components: {
+    Certify,
+    DefineRegistrationSummary,
+    DocumentDelivery
+  }
+})
 export default class RegisterReviewConfirm extends Vue {
+  @Getter getBusinessContact!: BusinessContactIF
+  @Getter getCompanyTitle!: string
+  @Getter getCompanyDescription!: string
+  @Getter getCompletingPartyStatement!: CertifyStatementIF
+  @Getter getCurrentDate!: string
+  @Getter getUserEmail!: string
 }
 </script>
 
 <style lang="scss" scoped>
+@import '@/assets/styles/theme.scss';
+
+::v-deep #document-delivery-section {
+  .v-card {
+    padding: 1.5rem 1.25rem !important;
+  }
+
+  .row {
+    padding: 0.75rem 0;
+
+    .col-3 {
+      font-size: 0.875rem;
+      color: $gray9;
+      padding: 0 0 0 0.75rem !important;
+    }
+
+    .col-9 {
+      padding: 0 0.5rem 0 0 !important;
+    }
+  }
+}
 </style>
diff --git a/tests/unit/BusinessContactInfo.spec.ts b/tests/unit/BusinessContactInfo.spec.ts
index 9c2b06d16..4730f8cac 100644
--- a/tests/unit/BusinessContactInfo.spec.ts
+++ b/tests/unit/BusinessContactInfo.spec.ts
@@ -1,11 +1,13 @@
 import Vue from 'vue'
 import Vuetify from 'vuetify'
 import { mount, Wrapper } from '@vue/test-utils'
+import { getVuexStore } from '@/store'
 
-import BusinessContactInfo from '@/components/DefineCompany/BusinessContactInfo.vue'
+import BusinessContactInfo from '@/components/common/BusinessContactInfo.vue'
 import { BusinessContactIF } from '@/interfaces/stepper-interfaces/common/business-contact-interface'
 
 Vue.use(Vuetify)
+const store = getVuexStore()
 
 let vuetify = new Vuetify({})
 
@@ -68,6 +70,7 @@ function createComponent (
       : {}
   }
   return mount(BusinessContactInfo, {
+    store,
     propsData: { initialValue: businessContact, isEditing: isEditing },
     vuetify
   })
diff --git a/tests/unit/CustodianOfRecords.spec.ts b/tests/unit/CustodianOfRecords.spec.ts
index 0b6b20748..fa6ef67e1 100644
--- a/tests/unit/CustodianOfRecords.spec.ts
+++ b/tests/unit/CustodianOfRecords.spec.ts
@@ -85,7 +85,7 @@ for (const mock of custodianTestCases) {
     })
 
     it('displays custodian title and section subtitle', () => {
-      expect(wrapper.find('.section-label').text()).toBe(mock.custodianTitle)
+      expect(wrapper.find('label').text()).toBe(mock.custodianTitle)
     })
 
     it('displays or hides the person input fields', () => {
diff --git a/tests/unit/StartDate.spec.ts b/tests/unit/StartDate.spec.ts
new file mode 100644
index 000000000..030f30f6f
--- /dev/null
+++ b/tests/unit/StartDate.spec.ts
@@ -0,0 +1,67 @@
+import { wrapperFactory } from '../jest-wrapper-factory'
+import { RegistrationResources } from '@/resources'
+import { StartDate } from '@/components/DefineRegistration'
+
+// Test Case Data
+const mockEntity = [
+  {
+    entityType: 'SP',
+    initialValue: '2022-02-08'
+  },
+  {
+    entityType: 'GP',
+    initialValue: '2022-02-08'
+  }
+]
+
+for (const mock of mockEntity) {
+  describe(`Start Date component for a ${mock.entityType}`, () => {
+    let wrapper: any
+    const today = new Date()
+
+    beforeEach(() => {
+      wrapper = wrapperFactory(
+        StartDate,
+        {
+          initialValue: mock.initialValue
+        },
+        {
+          entityType: mock.entityType,
+          currentJsDate: today
+        }, null, RegistrationResources)
+    })
+
+    afterEach(() => {
+      wrapper.destroy()
+    })
+
+    it(`renders the component properly`, () => {
+      // verify component
+      expect(wrapper.find('.section-container').text()).toContain('Start Date')
+      expect(wrapper.find('#start-date-selector').exists()).toBe(true)
+      expect(wrapper.find('#date-picker').exists()).toBe(true)
+    })
+
+    it(`renders the correct initial text`, async () => {
+      expect(wrapper.find('#date-picker').text()).toContain('Start Date')
+    })
+
+    it(`passes the initial prop value`, async () => {
+      expect(wrapper.vm.initialValue).toBe('2022-02-08')
+    })
+
+    it(`verifies min start date to be today 2 years in the past`, async () => {
+      const mockDate = new Date(today)
+      mockDate.setFullYear(mockDate.getFullYear() - 2)
+
+      expect(wrapper.vm.startDateMin).toStrictEqual(mockDate)
+    })
+
+    it(`verifies max start date to be today + 90 days in the future`, async () => {
+      const mockDate = new Date(today)
+      mockDate.setDate(mockDate.getDay() + 90)
+
+      expect(wrapper.vm.startDateMax).toStrictEqual(mockDate)
+    })
+  })
+}