<template>
  <section class="min-h-screen flex flex-col items-center justify-center bg-gradient-to-b from-blue-100 to-blue-300 text-center px-6">
    <div class="max-w-xl space-y-6">
      <h2 class="text-3xl font-bold text-blue-700">Terima Kasih</h2>
      <p class="text-gray-700 leading-relaxed">
        Terima kasih atas doa dan kehadiran Bapak/Ibu/Saudara/i dalam acara kami.
        Semoga mendapatkan keberkahan dan kebahagiaan selalu.
      </p>

      <p class="text-xl font-semibold text-blue-800 mt-4">
        {{ childName }}
      </p>

      <p class="text-gray-600">Beserta keluarga</p>
    </div>
  </section>
</template>

<script setup>
defineProps({
  childName: String,
  jsonData: Object
})
</script>
