Forráskód Böngészése

✨ feat(cta-button): extrair componente reutilizavel de chamada para acao

joykepler 2 napja
szülő
commit
1ffef330b1
1 módosított fájl, 9 hozzáadás és 0 törlés
  1. 9 0
      app/components/CtaButton.vue

+ 9 - 0
app/components/CtaButton.vue

@@ -0,0 +1,9 @@
+<template>
+  <button
+    class="group bg-linear-to-r from-[#8DC63F] to-[#5F980F] text-white text-lg md:text-xl lg:text-2xl font-semibold flex justify-center items-center gap-3 border border-[#E3FA6D] rounded-lg px-3 py-4 lg:py-6 lg:px-8 whitespace-nowrap transition-all duration-300 ease-in-out hover:scale-[1.03] hover:shadow-[0_0_28px_rgba(227,250,109,0.45)] hover:brightness-110 cursor-pointer"
+    v-bind="$attrs"
+  >
+    <slot>Fale com um especialista agora!</slot>
+    <NuxtImg src="/img/cta_btn_icon.svg" width="30" class="transition-transform duration-300 group-hover:translate-x-1.5" />
+  </button>
+</template>