add links and target blank to hero sections

components/ButtonCTA.vue

@@ -1,8 +1,9 @@
 <template>
-  <button type="button" class="flex items-center justify-center cursor-pointer text-button-base"
-    :disabled="disabled" :class="buttonClasses" @click="handleClick">
-    <slot></slot>
-  </button>
+  <a
+    class="flex items-center justify-center cursor-pointer text-button-base"
+    :disabled="disabled" :class="buttonClasses" :href="href" target="_blank" rel="noopener noreferrer" @click="handleClick">
+    <slot/>
+  </a>
 </template>
 
 <script>

components/HeroPages.vue

@@ -22,11 +22,9 @@
     <div class=" flex flex-col items-center z-10 gap-6">
       <h1 class="font-bold max-w-4xl">{{ title }}</h1>
       <p class="text-2xl-custom 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>
+      <ButtonCTA v-if="button" :color="button.color" :href="button.link" class="uppercase mt-6">
+        {{ button.label }}
+      </ButtonCTA>
     </div>
   </section>
 </template>