@extends('Frontend.layout.main')


@section('head')

<title>{{$pageData->meta_title() ?? 'Coco Jalila'}}</title>
<meta name="description" content="{{$pageData-> meta_description() ?? 'Coco Jalila'}}">
<meta name="keywords" content="{{$pageData->meta_keyword() ?? 'Coco Jalila'}}">


<meta property="og:title" content="{{$pageData->meta_title() ?? 'Coco Jalila'}}" />
<meta property="og:description" content="{{$pageData->meta_description() ?? 'Coco Jalila'}}" />

<script type='application/ld+json'> 
{
"@context": "http://www.schema.org",
"@type": "WebSite",
"name": "cocojalila.com",
"alternateName": "Coco Jalila",
"url": "https://www.cocojalila.com",
"potentialAction": {
"@type": "SearchAction",
"target": "https://www.cocojalila.com/search?q={search_term_string}",
"query-input": "required name=search_term_string"
}
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "Coco Jalila",
"url": "https://cocojalila.com",
"logo": "https://www.cocojalila.com/frontend/images/logo.png",
"sameAs": [
    "https://www.facebook.com/CocoJalila",
    "https://www.instagram.com/cocojalila",
"https://www.cocojalila.com"
]
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "ContactPoint",
"telephone": "+971564662930",
"contactType": "Sales",
"email":"info@cocojalila.com"
}

</script>
<script type="application/ld+json">
{
"@context": "http://schema.org/",
"@type": "Product",
"name": "Chocolate Products",
"description": "Coco Jalila offers a wide range of premium artisanal chocolate products",
"brand": {
"@type": "Thing",
"name": "Coco Jalila"
},
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.9",
"ratingCount": "500"
}
}
</script>




@endsection

@section('content')


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


        <section class="moments-section py-5 mt-0 mt-md-5" id="about">
            <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/{{$pageData->image}}" class="img-fluid" alt="More about Coco Jalila">
                    </div>
                    <div class="col-md-6" data-aos="fade-left">
                        <h2 class="heading borderLeft pt-3 pt-md-0" data-aos="fade-left">More about Coco Jalila</h2>
                        <p class="lead">
                            
                        {!!$pageData->excerpt()!!}  

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

        <section class="moments-section py-5 mt-0">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-md-6" data-aos="fade-right">
                    <h2 class="heading borderLeft pt-3 pt-md-0 my-0 my-md-1" data-aos="fade-right">{{$pageData->subtitle()}}</h2>
                        <p class="lead">

                        {!!$pageData->content!!}  

                        </p>
                    </div>
                    <div class="col-md-6 pl-0 pl-md-5" data-aos="fade-left">
                        <img src="{{ env('ASSET_URL') }}storage/posts/{{$pageData->image2}}" class="img-fluid" alt="{{$pageData->subtitle()}}">
                    </div>
                </div>
            </div>
        </section>

        <section>
            <div class="container">
                <div class="row mt-5" data-aos="zoom-in">
                    <div class="col-12 pt-4">
                        <div class="row newsSlider arrowOutside">
                        


                        @foreach($special_moments as $spcl)
                            <div class="col">
                            <a href="{{url('special-moments/'.$spcl->slug)}}">

                                <div class="newsBox">
                                    <div class="rectangleBox">
                                        <div class="bg-cover-absolute grow" style="background-image:url({{env('ASSET_URL')}}storage/posts/{{$spcl->image}}"></div>
                                    </div>

                                    <aside>
                                        <div class="content my-2">
                                            <h4>{{$spcl->title}}</h4>
                                        </div>
                                    </aside>
                                </div>
                            </a>
                            </div>
                        
                        @endforeach
                          

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



                       
@endsection
@section('script')


@endsection