28 lines
937 B
Vue
28 lines
937 B
Vue
<template>
|
|
<div class="flex flex-col items-center justify-center text-center p-6 space-y-6">
|
|
<h2 class="text-3xl font-bold text-orange-700">Terima Kasih! 🙏</h2>
|
|
<p class="text-gray-700">Sudah meluangkan waktu untuk melihat undangan ulang tahunku 💛</p>
|
|
|
|
<p class="text-lg font-semibold text-gray-800">
|
|
Salam hangat dari <span class="text-orange-600 font-bold">{{ childName }}</span>
|
|
</p>
|
|
|
|
<div v-if="saySomething" class="bg-white/70 p-4 rounded-xl shadow-md max-w-lg">
|
|
<p class="italic text-gray-600">“{{ saySomething }}”</p>
|
|
</div>
|
|
|
|
<div v-if="rekening" class="mt-6 text-gray-700">
|
|
<p>🎁 Kirim hadiah ke rekening:</p>
|
|
<p class="font-semibold text-orange-700">{{ rekening }}</p>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
defineProps({
|
|
childName: String,
|
|
saySomething: String,
|
|
rekening: String
|
|
})
|
|
</script>
|
|
|