<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>
