@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">{{$special_moment->title}}</h1>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="moments-section py-5 mt-0 mt-md-5">
            <div class="container-fluid">
              
                <div class="row">
                    <div class="col-md-6 pr-0 pr-md-5" data-aos="fade-right">
                        <img src="{{env('ASSET_URL')}}storage/posts/{{$special_moment->image2}}" class="img-fluid" alt="add-image">
                    </div>
                    <div class="col-md-6" data-aos="fade-left">
                        <h1 class="heading borderLeft pt-3 pt-md-0" data-aos="fade-left">Make your celebrations even sweeter</h1>
                        <p class="lead">
                            {!!$special_moment->content !!}

                        </p>

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


        <section class="my-5 pb-5">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-md-12 text-center mb-2">
                        <h1 class="heading pt-3 pt-md-0" data-aos="fade-left">A Few Special Moments</h1>
                    </div>
                </div>

                <div class="row specialDays" data-aos="fade-up">

                @foreach ($other_special_moments as $other)

                    <div class="col-sm-6 col-md-3 spcl-img">
                        <a href="{{url('special-moments/'.$other->slug)}}">
                            <div class="prodImage">
                                <img src="{{env('ASSET_URL')}}storage/posts/{{$other->image2}}" class="img-fluid" alt="add-image">
                            </div>
                            <h5>{{ $other->title}}</h5>
                        </a>
                    </div>

                   @endforeach
                   
                    
                </div>
            </div>
        </section>


                       
@endsection
@section('script')


@endsection