<template>
  <section class="min-h-screen bg-white py-12 px-6">
    <div class="text-center mb-10">
      <h2 class="text-3xl font-bold text-blue-700">Galeri</h2>
      <p class="text-gray-600">Momen istimewa kami</p>
    </div>

    <div class="grid grid-cols-1 sm:grid-cols-2 gap-6 max-w-3xl mx-auto">
      <div
        v-for="(img, index) in images"
        :key="index"
        class="overflow-hidden rounded-2xl shadow-md"
      >
        <img
          :src="img"
          alt="Foto Galeri"
          class="w-full h-64 object-cover hover:scale-105 transition-transform duration-500"
        />
      </div>
    </div>
  </section>
</template>

<script setup>
defineProps({
  images: { type: Array, default: () => [] }
})
</script>
