<template>
  <section class="text-center p-6">
    <h2 class="text-3xl font-bold text-blue-700 mb-6">📸 Galeri</h2>

    <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 max-w-4xl mx-auto">
      <img
        v-for="(img, index) in images"
        :key="index"
        :src="img"
        class="rounded-xl shadow-md hover:scale-105 transition duration-300"
        alt="Foto Galeri"
      />
    </div>
  </section>
</template>

<script setup>
defineProps({ images: Array })
</script>
