@extends('web.layouts.layout')
@section('content')

    <main>

        @include('web.pages.components.header')


        <section class="turnkey_proj_pg section">
            <div class="container">
                <div class="row col-lg-10 mx-auto justify-content-between align-items-center">
                    <div class="col-lg-3">
                        <img src="{{asset($page->image)}}" class="logo " alt="" />
                    </div>
                    <div class="col-lg-8">
                        <div class="p wow text-focus-in">
                            {!! $page->description !!}
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Start section -->
        <section class="catering_pg section">
            <div class="container">
                <div class="inner">
                    @foreach($caterings as $key=>$row)
                        <div class="txt_box mb-5">
                            <div class="row align-items-center">
                                @if($key % 2 == 0)
                                    @include('web.pages.components.caterings.title',['catering'=>$row])
                                    @include('web.pages.components.caterings.description',['catering'=>$row])
                                    @include('web.pages.components.caterings.image',['catering'=>$row])
                                @else
                                    @include('web.pages.components.caterings.image',['catering'=>$row])
                                    @include('web.pages.components.caterings.title',['catering'=>$row])
                                    @include('web.pages.components.caterings.description',['catering'=>$row])
                                @endif
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
        </section>

    </main>

@stop