@extends('Frontend.layout.main')

@section('content')




@include('Frontend.inc.banners')    
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="bannerTxt">
                            <h1 class="stretched text-white">Celebrations</h1>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="py-5 mt-0 mt-md-5 moments-section prodListing">
            <div class="container-fluid">
             

                <div class="row mb-5">

                @foreach ($special_moments as $moments)

                    <div class="col-lg-3 col-md-3 col-sm-6 col-12" data-aos="zoom-in">
                        <div class="prodBox">
                            <a href="{{url('/special-moments/'.$moments->slug)}}">
                                <div class="rectangleBox">
                                    <div class="bg-cover-absolute grow" style="background-image:url({{env('ASSET_URL')}}storage/posts/{{$moments->image2}})"></div>
                                </div>

                                <aside>
                                    <div class="content prodName my-2">
                                        <h4>{{$moments->title}}</h4>
                                        {{--   <!-- <h5 class="text-default">AED &nbsp;{{$product->price}}</h5> -->--}}
                                     
                                    </div>
                                </aside>

                             {{--  <!-- <div class="overlay">
                                    <div class="overlay-content">
                                        <h4 class="text-white">{{$product->title}}</h4>
                                        <h6 class="mt-3 text-white">SIZE : {{$product->a_size}}</h6>
                                        <p class="my-4">{{strip_tags(substr($product->long_description,0,150))}}</p>

                                        <div class="d-flex">
                                            <a href="{{url('/add-to-cart/'.$product->id)}}" class="btn btn-dark btn-white btn-sm mr-2"><i class="fas fa-plus"></i></a>
                                            <a href="{{url('/add-to-wishlist/'.$product->id)}}" class="btn btn-dark btn-white btn-sm mr-2"><i class="far fa-heart"></i></a>
                                            <a href="{{url('/shop-now/'.$product->id)}}" class="btn btn-dark btn-white">SHOP NOW</a>
                                        </div>
                                    </div>
                                </div> -->
                                --}} 
                            </a>
                        </div>
                    </div>

                    @endforeach

                   

                </div>
                 
            </div>
        </section>


@endsection

@section('script')

@endsection