{% extends 'base.html' %}
{% load static %}
{% block title %}Gallery - Lake Palace Resort{% endblock %}
{% block content %}

</section><section class="relative bg-cover bg-center h-64" style="background-image: url('{% static 'img/pic9.webp' %}')">
  <div class="absolute inset-0 bg-black bg-opacity-50 flex items-center justify-center text-white">
    <h1 class="text-4xl font-bold">Gallery</h1>
  </div>
</section>

<section class="py-16">
    <div class="container mx-auto text-center mb-8">
        <h2 class="text-3xl font-bold mb-4">Gallery</h2>
        <p class="text-gray-700">Explore the beauty of Lake Palace Resort.</p>
    </div>
    <div class="container mx-auto grid grid-cols-1 md:grid-cols-3 gap-4">
        <img src="{% static 'img/gallery1.jpg' %}" alt="Resort Lake View" class="w-full h-64 object-cover rounded">
        <img src="{% static 'img/gallery2.jpg' %}" alt="Luxury Room Interior" class="w-full h-64 object-cover rounded">
        <img src="{% static 'img/gallery3.jpg' %}" alt="Dining Area" class="w-full h-64 object-cover rounded">
        <!-- Add more images -->
    </div>
</section>

{% endblock %}