diff --git a/src/layouts/payment-method/payment-method.vue b/src/layouts/payment-method/payment-method.vue
index ff5cb0e35..a7a8ed89a 100644
--- a/src/layouts/payment-method/payment-method.vue
+++ b/src/layouts/payment-method/payment-method.vue
@@ -2,10 +2,57 @@
     <Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm" v-slot="{ meta }">
         <div class="page-container-grouped-styles">
             <loadingModal ref="loadingModal" />
+
             <funnelHeader cmsWidgetName="FunnelHeaderWidget" />
-            <funnelSubHeader class="mb-5" cmsWidgetName="FunnelSubHeaderWidget" leftAlignHeader />
-            <hr class="mt-0" />
+
+            <vehicleBanner
+                cmsWidgetName="VehicleBannerWidget"
+                :displayGenericVehicleImage="false" />
+
+            <textBlock
+                :customText="subHeaderTitle"
+                typeStyle="h5"
+                justifyText="justify-content-center"
+                margin="mt-1"
+                class="dark-header" />
+
+            <funnelSubHeader class="mb-5" cmsWidgetName="FunnelSubHeaderWidget" />
+
             <div class="fade-on-route-transition sub-container make-tall">
+
+                <div class="px-4">
+                    <vehicleReview
+                        cmsWidgetName="VehicleReviewWidget"
+                        :vehicle="vehicleInfo"
+                        @edit-clicked="editVehicle" />
+
+                    <hr class="my-0" />
+
+                    <damageReview
+                        cmsWidgetName="DamageReviewWidget"
+                        damageLocationsWidgetName="DamageLocationsWidget"
+                        :damage="damageInfo"
+                        @edit-clicked="editDamage" />
+
+                    <hr class="my-0" />
+
+                    <servicePackageReview
+                        ref="servicePackageReview"
+                        servicePackageOptionsCmsName="ServicePackageTitle"
+                        defaultPackageItemsCmsName="DefaultPackageItemDescriptions"
+                        vapsItemsCmsName="VapsItemDescriptions"
+                        :damage="damageInfo"
+                        :lineItems="lineItems"
+                        @edit-clicked="editServicePackage" />
+
+                    <hr class="my-0" />
+
+                    <serviceLocationReview
+                        cmsWidgetName="ServiceLocationTitleWidget"
+                        :serviceLocation="serviceLocationInfo"
+                        @edit-clicked="editServiceLocation" />
+                </div>
+
                 <funnel-footer
                     cmsWidgetName="FunnelFooterWidget"
                     :isForwardActionDisabled="!meta.valid"
@@ -21,53 +68,187 @@
 // Components
 import funnelHeader from "@/fmg-components/funnel-header/funnel-header";
 import funnelFooter from "@/fmg-components/funnel-footer/funnel-footer";
+import vehicleBanner from "@/fmg-components/vehicle-banner/vehicle-banner";
 import funnelSubHeader from "@/fmg-components/funnel-sub-header/funnel-sub-header";
-
-import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
+import loadingModal from "@/fmg-components/loading-modal/loading-modal.vue";
+import baseMixin from "@/mixins/base-mixin.js";
+import vehicleQuestionsMixin from "../../mixins/vehicle-questions-mixin";
 import { settleAllPromises } from "@/helpers/layout-helper";
+import { storeActions } from "@/constants/store-actions";
+import store from "@/store";
+import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
+import { required } from "@/helpers/validation-rules";
+import { errorMessages } from "@/constants/error-messages";
+import { Form, defineRule } from "vee-validate";
+import { navigateToHeritageFunnel } from "@/helpers/heritage-integration/navigation-helper";
+import { applicationConfig } from "@/constants/application-config";
 
-// Validation
-import { Form } from "vee-validate";
+defineRule("option-required", required(errorMessages.OPTION_REQUIRED));
 
 export default {
-    name: "payment-method",
+    name: "paymentMethod",
     async beforeRouteEnter(to, from, next) {
         // Call APIs
         const cmsContentPromise = fetchCmsContentForPage(to.query.fmgPage);
-        // TODO: Data fetching Promise declarations
+        const wipersPromise = baseMixin.methods.dispatchStoreAction(storeActions.GET_WIPERS);
+        const rainDefensePromise = baseMixin.methods.dispatchStoreAction(
+            storeActions.GET_RAIN_DEFENSE
+        );
+        const supportingItemsPromise = baseMixin.methods.dispatchStoreAction(
+            storeActions.GET_SUPPORTING_ITEMS
+        );
 
         const promiseResultMap = [
             {
                 resultKey: "cmsContent",
                 promise: cmsContentPromise,
             },
+            {
+                resultKey: "wipers",
+                promise: wipersPromise,
+            },
+            {
+                resultKey: "rainDefense",
+                promise: rainDefensePromise,
+            },
+            {
+                resultKey: "supportingItems",
+                promise: supportingItemsPromise,
+            },
         ];
 
         const resultMap = await settleAllPromises(promiseResultMap);
+        const clonedGlassParts = store.getters.order.lineItems.glassParts
+            ? JSON.parse(JSON.stringify(store.getters.order.lineItems.glassParts))
+            : [];
+        const availableLineItems = [
+            resultMap.rainDefense,
+            ...resultMap.supportingItems,
+            ...resultMap.wipers,
+            ...clonedGlassParts,
+        ];
+
+        const pricingResults = await baseMixin.methods.dispatchStoreAction(
+            storeActions.PRICE_ORDER_ITEMS_AND_SAVE_SERVER_DATA,
+            {
+                availableLineItems: availableLineItems,
+            },
+            false
+        );
 
         // Call the "next" function to complete the transition to this page.
         next((vm) => {
             vm.setCmsContent(resultMap.cmsContent);
+            vm.pricedGlassParts = clonedGlassParts;
+            vm.supportingItems = resultMap.supportingItems;
+            vm.availableLineItems = pricingResults;
+            vm.isInsuranceSelected = vm.getDefaultIsInsuranceSelectedValue(vm.availableLineItems);
         });
     },
     data() {
-        return {};
+        return {
+            isInsuranceSelected: null,
+            selectedVaps: null,
+            availableLineItems: null,
+            supportingItems: null,
+            pricedGlassParts: null,
+        };
     },
     methods: {
         arePagePrerequisitesValid() {
-            // TODO
-            return true;
+            return (
+                store.getters.order.serviceLocation.zipCode &&
+                store.getters.order.serviceLocation.zipCodeCtu &&
+                (store.getters.order.damage.isRepair ||
+                    (store.getters.order.lineItems?.glassParts != null &&
+                        store.getters.order.lineItems.glassParts.length > 0)) &&
+                store.getters.order.referralNumber?.length !== 6
+            );
+        },
+        getDefaultIsInsuranceSelectedValue(availableLineItems) {
+            // Override if coming back from QuoteDetails. Remove override after Quote release
+            const isInsuranceOverrideValue = this.$route.query?.isInsurance;
+
+            const defaultIsInsuranceSelectedValue = this.$store.getters.order.payment.isInsurance;
+            if (isInsuranceOverrideValue != null) {
+                return isInsuranceOverrideValue == "true";
+            } else if (defaultIsInsuranceSelectedValue != null) {
+                return defaultIsInsuranceSelectedValue;
+            } else {
+                return availableLineItems
+                    ? baseMixin.methods.getTierOnePackagePrice(
+                          baseMixin.methods.filterOutFees(availableLineItems)
+                      ) > 300
+                    : null;
+            }
+        },
+        vapsItemsSelectedAction(vapsItemsSelected) {
+            this.selectedVaps = vapsItemsSelected;
+        },
+        backButtonAction() {
+            vehicleQuestionsMixin.methods.navigateBack(this);
+        },
+        forwardButtonAction() {
+            this.dispatchStoreAction(
+                this.storeActions.SAVE_PAYMENT_TYPE,
+                this.isInsuranceSelected,
+                false
+            );
+
+            if (!this.isInsuranceSelected) {
+                this.dispatchStoreAction(
+                    this.storeActions.SAVE_PARENT_ACCOUNT_NUMBER,
+                    applicationConfig.CASH_PARENT_ACCOUNT_NUMBER,
+                    false
+                );
+            }
+
+            if (
+                this.$store.getters.order.payment.parentAccountNumber !=
+                applicationConfig.CASH_PARENT_ACCOUNT_NUMBER
+            ) {
+                this.supportingItems = this.filterOutFees(this.supportingItems);
+            }
+
+            if (this.pricedGlassParts.length > 0) {
+                this.dispatchStoreAction(
+                    this.storeActions.SAVE_GLASS_PART_PRICES,
+                    this.pricedGlassParts,
+                    false
+                );
+            }
+
+            this.dispatchStoreAction(
+                this.storeActions.SAVE_SUPPORTING_ITEMS,
+                this.supportingItems,
+                false
+            );
+
+            this.dispatchStoreAction(this.storeActions.SAVE_VAPS, this.selectedVaps, false);
+
+            const payment = this.$store.getters.payment;
+            if (payment.isInsurance) {
+                navigateToHeritageFunnel({ loadingModal: this.$refs.loadingModal });
+            } else {
+                this.$router.navigateWithSaving(
+                    this.navigationScenarios.CLICKED_FORWARD_WITH_CASH,
+                    this.$route
+                );
+            }
         },
-        backButtonAction() {},
-        forwardButtonAction() {},
     },
     components: {
         funnelHeader,
         funnelFooter,
+        vehicleBanner,
         funnelSubHeader,
         Form,
+        loadingModal,
     },
 };
 </script>
-
-<style lang="scss"></style>
+<style scoped>
+.text-block {
+    display: block;
+}
+</style>