add links and target blank to hero sections

This commit is contained in:
2025-10-16 10:21:39 +02:00
parent 52477811f9
commit 0b44b2aa3b
8 changed files with 20 additions and 21 deletions

View File

@@ -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>

View File

@@ -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>

View File

@@ -12,7 +12,7 @@
},
"button": {
"label": "entrar al aula",
"link": "",
"link": "https://aula.kit-eco.social/",
"color": "button"
}
}

View File

@@ -12,7 +12,7 @@
},
"button": {
"label": "EXPLORAR LA HERRAMIENTA",
"link": "",
"link": "https://certifica-t.kit-eco.social/",
"color": "button"
}
}

View File

@@ -12,7 +12,7 @@
},
"button": {
"label": "Entrar al Marketplace",
"link": "",
"link": "https://consumo.kit-eco.social/",
"color": "button"
}
}

View File

@@ -12,7 +12,7 @@
},
"button": {
"label": "Entrar al espacio",
"link": "",
"link": "https://foro.kit-eco.social/",
"color": "button"
}
}

View File

@@ -12,7 +12,7 @@
},
"button": {
"label": "comenzar autodiagnóstico",
"link": "",
"link": "https://iguales.kit-eco.social/",
"color": "button"
}
}

View File

@@ -12,7 +12,7 @@
},
"button": {
"label": "comenzar autodianóstico",
"link": "",
"link": "https://objetivo2030.kit-eco.social/",
"color": "button"
}
}