25 lines
687 B
Vue
25 lines
687 B
Vue
<script setup>
|
|
defineProps({
|
|
eyebrow: {
|
|
type: String,
|
|
required: true
|
|
},
|
|
title: {
|
|
type: String,
|
|
required: true
|
|
},
|
|
description: {
|
|
type: String,
|
|
default: ''
|
|
}
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<div class="landing-reveal max-w-2xl mx-auto text-center">
|
|
<span class="inline-block rounded-full bg-dominant-50 px-4 py-1.5 text-xs font-semibold text-dominant-500">{{ eyebrow }}</span>
|
|
<h2 class="mt-4 text-2xl sm:text-3xl lg:text-4xl font-extrabold leading-[1.5] text-dark">{{ title }}</h2>
|
|
<p v-if="description" class="mt-4 text-base leading-8 text-dark/60">{{ description }}</p>
|
|
</div>
|
|
</template>
|