SectionTertiaryCard.vue 571 B

123456789101112131415161718
  1. <template>
  2. <div class="w-full h-[285px] px-10 py-5 bg-[url('/img/section_tertiary_card_bg.svg')] bg-cover border border-[#E3FA6D80] rounded-[10px] flex flex-col gap-[9px]">
  3. <NuxtImg src="/img/card_tertiary_img.svg" width="106" />
  4. <h3 class="text-[27px] font-bold text-gradient">
  5. {{ title }}
  6. </h3>
  7. <p class="text-[22px] text-white max-w-[352px] leading-6.5">
  8. {{ description }}
  9. </p>
  10. </div>
  11. </template>
  12. <script setup lang="ts">
  13. defineProps<{
  14. title: string;
  15. description: string;
  16. }>();
  17. </script>