wip ods page

components/TextWithIconAndButtons.vue

@@ -21,11 +21,18 @@
       <img v-if="icon" :src="`/svg/${icon}`" :alt="`icon-${icon}`" class="w-15 h-15" />
       <h2 class="font-bold max-w-4xl">{{ title }}</h2>
       <p class="text-2xl max-w-3xl" v-html="subtitle"></p>
-      <NuxtLink v-if="button" :to="button.link">
-        <ButtonCTA :color="button.color" class="uppercase mt-6">
-          {{ button.label }}
-        </ButtonCTA>
-      </NuxtLink>
+      <div class="flex flex-col md:flex-row items-center justify-center gap-4">
+        <NuxtLink v-if="button" :to="button.link">
+          <ButtonCTA :color="button.color" class="uppercase mt-6">
+            {{ button.label }}
+          </ButtonCTA>
+        </NuxtLink>
+        <NuxtLink v-if="button2" :to="button2.link">
+          <ButtonCTA :color="button2.color" class="uppercase mt-6">
+            {{ button2.label }}
+          </ButtonCTA>
+        </NuxtLink>
+      </div>
     </div>
   </section>
 </template>
@@ -68,6 +75,10 @@ export default {
         link: "",
         color: "button",
       }),
+    },
+    button2: {
+      type: Object,
+      default: null,
     }
   },