add links and amend some design

components/HeroPages.vue

@@ -7,7 +7,7 @@
         'bg-consumo-base bg-linear-to-t from-consumo-base to-consumo-extra-light': bgColor === 'consumo',
         'bg-iguales-base bg-linear-to-t from-iguales-base to-iguales-extra-light': bgColor === 'iguales',
         'bg-aula-base bg-linear-to-t from-aula-base to-aula-extra-light': bgColor === 'aula',
-        'bg-certifica-base bg-linear-to-t from-certifica-base to-certifica-extra-light': bgColor === 'certifica',
+        'bg-linear-to-t from-certifica-light to-certifica-extra-light': bgColor === 'certifica',
         'bg-foro-base bg-linear-to-t from-foro-base to-foro-extra-light': bgColor === 'foro',
         'bg-ods-base bg-linear-to-t from-ods-base to-ods-extra-light': bgColor === 'ods',
       }">
@@ -22,11 +22,11 @@
     <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">
+      <!-- <NuxtLink v-if="button" :to="button.link">
         <ButtonCTA :color="button.color" class="uppercase mt-6">
           {{ button.label }}
         </ButtonCTA>
-      </NuxtLink>
+      </NuxtLink> -->
     </div>
   </section>
 </template>