26 lines
814 B
Vue
26 lines
814 B
Vue
<template>
|
||
<section class="min-h-screen flex flex-col justify-center items-center bg-white px-6 text-center">
|
||
<div class="max-w-2xl space-y-6">
|
||
<h2 class="text-3xl font-bold text-blue-700 mb-4">Assalamu’alaikum Warahmatullahi Wabarakatuh</h2>
|
||
<p class="text-gray-700 leading-relaxed">
|
||
Dengan penuh rasa syukur ke hadirat Allah SWT, kami bermaksud mengadakan
|
||
acara tasyakuran khitan putra kami:
|
||
</p>
|
||
|
||
<h3 class="text-4xl text-blue-800 font-bold mt-6">{{ nama_lengkap }}</h3>
|
||
|
||
<p class="text-gray-700 mt-6">
|
||
Putra dari pasangan <strong>{{ nama_bapak }}</strong> dan <strong>{{ nama_ibu }}</strong>.
|
||
</p>
|
||
</div>
|
||
</section>
|
||
</template>
|
||
|
||
<script setup>
|
||
defineProps({
|
||
nama_lengkap: String,
|
||
nama_bapak: String,
|
||
nama_ibu: String
|
||
})
|
||
</script>
|