29 lines
740 B
Vue
29 lines
740 B
Vue
<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>
|