<template>
  <section class="w-full max-w-6xl mx-auto text-center">
    <h1 class="text-orange-700 text-3xl md:text-4xl font-bold mb-8">
      Acara Ulang Tahun
    </h1>
    <div class="bg-yellow-300/60 rounded-3xl p-8 shadow-xl">
      <p class="text-orange-800 text-lg md:text-xl mb-4">
        Insya Allah akan dilaksanakan pada:
      </p>
      <p class="text-orange-700 text-2xl md:text-3xl font-bold mb-6">
        Selasa, 11 Juni 2025<br> Pukul 11.00 WIB
      </p>
      <p class="text-orange-800 text-lg md:text-xl mb-6">
        Bertempat di:<br>
        Jl. Andara Raya No.123, Jakarta Selatan
      </p>
      <div class="mt-6">
        <iframe
          class="w-full h-64 rounded-2xl shadow-lg"
          src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3..."
          allowfullscreen
          loading="lazy">
        </iframe>
      </div>
    </div>
  </section>
</template>
