CASH-939 policy driver page content

CASH-939 policy driver page content

src/layouts/policy-driver/policy-driver.vue

@@ -8,10 +8,20 @@
         <div class="container">
             <div class="row">
                 <div class="col-12 col-md-10 col-lg-8 col-xl-7">
-                    <funnelSubHeader class="pb-4" cmsWidgetName="FunnelSubHeaderWidget" />
-                    <!--
-                            ... Page code goes here.
-                    -->
+                    <funnelSubHeader
+                        cmsWidgetName="FunnelSubHeaderWidget"
+                        class="siteSubHeader mb-4"
+                        :alignLeft="true" />
+                    
+                    <buttonQuestion
+                        :questionText="driverSelectionText"
+                        :answers="driverSelectionAnswers"
+                        class="mb-4"
+                        groupName="driverQuestion"
+                        buttonTypeString="listButton"
+                        isRequired
+                        v-model="driverSelectionValue" />
+
                     <insuranceNavBar
                         cmsWidgetName="FunnelFooterWidget"
                         ref="navbar"
@@ -29,6 +39,7 @@
 import funnelHeader from "@/fmg-components/funnel-header/funnel-header";
 import insuranceNavBar from "@/fmg-components/insurance-nav-bar/insurance-nav-bar";
 import funnelSubHeader from "@/fmg-components/funnel-sub-header/funnel-sub-header";
+import buttonQuestion from "@/digital-components/button-question/button-question";
 import { Form } from "vee-validate";
 
 import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
@@ -49,6 +60,7 @@ export default {
         funnelHeader,
         insuranceNavBar,
         funnelSubHeader,
+        buttonQuestion,
     },
     // Ensure CMS content is fetched during route navigation without depending on `to`/`from`
     async beforeRouteEnter(to, from, next) {
@@ -81,6 +93,12 @@ export default {
         clientLogoImageSrc() {
             return this.clientConfig?.ClientLogoWidget?.Image || "";
         },
+        driverSelectionText() {
+            return this.getCmsContent("DriverSelectionWidget", "QuestionText");
+        },
+        driverSelectionAnswers() {
+            return this.getCmsContent("DriverSelectionWidget", "Answers");
+        },
     },
 
     methods: {