@extends('layout.main')

@push('title')
    <title>Our Gallery - Challa Brothers Tour and Travel</title>
	<meta name="description" content="Book your Varanasi & Bodh Gaya tour with our reliable taxis. Visit our gallery now!"/>
	<meta name="author" content="Challa Brothers Tour and Travels"/>
	<meta name="robots" content="index, follow"/>
	<meta name="distribution" content="global"/>
	<meta name="coverage" content="india"/>
	<meta name="object" content="document"/>
	<meta name="audience" content="All"/>
	<meta name="revisit-after" content="1 day"/>
	<meta name="language" content="en"/>
	<meta name="rating" content="general"/>
	<meta name="copyright" content="Copyright Challa Brothers Tour and Travels 2023"/>
	<!--General Meta End-->
	
	<!--canonical tag-->
    <link rel="canonical" href="https://www.challabrotherstourandtravel.com/gallery"/>
    
     <!--Open Graph Meta Start-->
    <meta property="og:type" content="website"/>
    <meta property="og:title" content="Our Gallery - Challa Brothers Tour and Travel"/>
    <meta property="og:description" content="Book your Varanasi & Bodh Gaya tour with our reliable taxis.Visit our gallery now!"/>
    <meta property="og:url" content="https://www.challabrotherstourandtravel.com/gallery" />
    <meta property="og:image" content="https://www.challabrotherstourandtravel.com/public/storage/logo/1699010233challa-logo1.png"/>
    <!--Open Graph end-->

<script type="application/ld+json">
{
  "@context": "https://schema.org/", 
  "@type": "BreadcrumbList", 
  "itemListElement": [{
    "@type": "ListItem", 
    "position": 1, 
    "name": "Home",
    "item": "https://www.challabrotherstourandtravel.com/"  
  },{
    "@type": "ListItem", 
    "position": 2, 
    "name": "Gallery",
    "item": "https://www.challabrotherstourandtravel.com/gallery"  
  },]
}
</script>
    
@endpush

@section('main-section')

<!--============= PAGE-COVER =============-->
<section class="page-cover" id="cover-about-us">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <h1 class="page-title">Our Gallery</h1>
                <ul class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{url('/')}}">Home</a></li>
                    <li class="breadcrumb-item">Gallery</li>
                </ul>
            </div><!-- end columns -->
        </div><!-- end row -->
    </div><!-- end container -->
</section><!-- end page-cover -->
<!--===== INNERPAGE-WRAPPER ====-->


        <!--===== INNERPAGE-WRAPPER ====-->
        <section class="innerpage-wrapper">
            <div id="gallery-page" class="innerpage-section-padding"> 
                <div class="container">
                    <div class="row">
                        <div class="col-12 col-md-12 col-lg-12 col-xl-12">
                            <div class="page-heading">
                                <h2>Take a Look at Our Gallery</h2>
                                <hr class="heading-line" />
                            </div><!-- end page-heading -->
        
                            <div id="masonry" class="gaalery-padding masonary-padding">
                                
                                @foreach ($galleryData as $galleryRow)
                                <div class="gallery-product">
                                    <div class="gallery-block">
                                        <div class="gallery-img ">
                                            <img src="{{asset('public/storage/'.$galleryRow->image)}}" class="img-fluid" alt="{{$galleryRow->alt_text}}" >
                                            <div class="gallery-mask">
                                                <div class="gallery-title">
                                                    
                                                </div><!-- end gallery-title --> 
                                                <a href="{{asset('public/storage/'.$galleryRow->image)}}" title="{{$galleryRow->alt_text}}" class="with-caption image-link"><span><i class="fa fa-arrows-v"></i></span></a>
                                            </div><!-- end gallery-mask -->
                                        </div><!-- end gallery-img -->
                                    </div><!-- end gallery-block -->
                                </div><!-- end gallery-product -->
                                @endforeach
                            </div><!-- end masonry --> 
                            
                        </div><!-- end columns -->
                    </div><!-- end row -->
                </div><!-- end container -->
            </div><!-- end gallery-page -->
        </section><!-- end innerpage-wrapper -->
@endsection