<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">
      Galeri Foto
    </h1>
    <div class="grid grid-cols-2 md:grid-cols-3 gap-4">
      <img src="/logo1.png" alt="gallery" class="rounded-xl shadow-lg object-cover h-48 w-full">
      <img src="/logo2.png" alt="gallery" class="rounded-xl shadow-lg object-cover h-48 w-full">
      <img src="/pria.jpg" alt="gallery" class="rounded-xl shadow-lg object-cover h-48 w-full">
      <img src="/wanita.jpg" alt="gallery" class="rounded-xl shadow-lg object-cover h-48 w-full">
      <img src="/templat.jpg" alt="gallery" class="rounded-xl shadow-lg object-cover h-48 w-full">
      <img src="/iphone.png" alt="gallery" class="rounded-xl shadow-lg object-cover h-48 w-full">
    </div>
  </section>
</template>
