@extends('layouts.app')

@section('title')
    {{ $title }}
@endsection

@section('content')
    <!-- hero overlay -->
    <div class="hero overlay">
        <div class="img-bg rellax mb-n5 mt-n5">
            <img src="{{ asset('assets/images/gallery.jpg') }}" alt="gallery" class="img-fluid">
        </div>
        <div class="container">
            <div class="row align-items-center justify-content-start">
                <div class="col-lg-10 mx-auto text-center">
                    <h1 class="heading" data-aos="fade-up">Safari Gallery</h1>
                </div>
            </div>
        </div>
    </div>


    <!-- main section -->
    <div class="section">
        <div class="container">
            @livewire('photo-gallery')
        </div>
    </div>
@endsection