WebIndex/components/card/CardTitle.vue

<script lang="ts" setup>
defineProps<{
  title: string
  icon: string[]
}>()
</script>

<template>
  <div class="my-16 relative">
    <h3 class="text-5xl font-bold text-shadow-lg shadow-blue-200 text-blue-400 relative z-10">
      {{ title }}
    </h3>
    <div class="h-12 w-auto text-5xl text-blue-200 absolute left-48 top-0 -translate-y-6">
      <font-awesome-icon :icon="icon" />
    </div>
  </div>
</template>

<style scoped>

</style>