@extends('aron-layouts.main')

@section('content')
    <!-- Parent Section -->
    <section class="page_content_parent_section">

    @include('aron-layouts.includes._header')

    <!-- /Portfolio Section -->

       <!-- <section class="content_section big_padding text-center  " style="padding-top:200px;">

            <div class="container">

                <div class="error-page text-center">
                    <h2 class="wow slideInLeft" >404</h2>
                    <p class="wow slideInRight text-danger" >page not found</p>
                </div>
            </div>
        </section> -->
        <section class="page_content_main_slider" id="home">

        <div id="rev_single_wrapper" class="rev_slider_wrapper fullscreen-container rev-slider"
             data-alias="inspiration-header" data-source="gallery"
             style="background-color:transparent;padding:0px;">
            <!-- start revolution slider 5.4.1 fullscreen mode -->
            <div id="rev_single" class="rev_slider fullscreenbanner" style="display:none;" data-version="5.4.1">
                <ul>    <!-- slide -->
                    <li data-index="rs-layers" data-transition="fade" data-slotamount="default"
                        data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default"
                        data-easeout="default" data-masterspeed="500" data-rotate="0" data-saveperformance="off"
                        data-title="Slide" data-param1="" data-param2="" data-param3="" data-param4=""
                        data-param5="" data-param6="" data-param7="" data-param8="" data-param9=""
                        data-param10=""
                        data-description="">
                        <!-- main image -->
                        <img src="" data-bgcolor="rgb(247, 247, 247)" alt="" data-bgposition="center center"
                             data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="off"
                             class="rev-slidebg"
                             data-no-retina>
                        <!-- layers -->

                        <!-- layer nr. 1 -->
                        <div class="tp-caption tp-resizeme rs-parallaxlevel-9"
                             id="layers-one"
                             data-x="['left','left','left','left']" data-hoffset="['-264','-264','-240','-264']"
                             data-y="['top','top','top','top']" data-voffset="['30','30','50','80']"
                             data-width="none"
                             data-height="none"
                             data-whitespace="nowrap"
                             data-type="image"
                             data-basealign="slide"
                             data-responsive_offset="on"
                             data-frames='[{"from":"x:left;rZ:-90deg;","speed":2500,"to":"o:1;","delay":500,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"}]'
                             data-textAlign="['left','left','left','left']"
                             data-paddingtop="[0,0,0,0]"
                             data-paddingright="[0,0,0,0]"
                             data-paddingbottom="[0,0,0,0]"
                             data-paddingleft="[0,0,0,0]"

                             style="z-index: 5;border-width:0px;"><img
                                src="/aron-assets/food-resturant-assets/images/food-element-rev-1.png" alt=""
                                data-ww="['650px','650px','650px','650px']"
                                data-hh="['500px','500px','500px','500px']" width="650" height="500"
                                data-no-retina>
                        </div>

                        <!-- layer nr. 2 -->
                        <div class="tp-caption tp-resizeme rs-parallaxlevel-9"
                             id="layers-two"
                             data-x="['right','right','right','right']" data-hoffset="['-35','-5','-70','-144']"
                             data-y="['top','top','top','top']" data-voffset="['20','-40','-80','-80']"
                             data-width="none"
                             data-height="none"
                             data-whitespace="nowrap"
                             data-type="image"
                             data-basealign="slide"
                             data-responsive_offset="on"
                             data-frames='[{"from":"x:right;y:-500px;rZ:90deg;","speed":2500,"to":"o:1;","delay":500,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"}]'
                             data-textAlign="['left','left','left','left']"
                             data-paddingtop="[0,0,0,0]"
                             data-paddingright="[0,0,0,0]"
                             data-paddingbottom="[0,0,0,0]"
                             data-paddingleft="[0,0,0,0]"

                             style="z-index: 6;border-width:0px;"><img
                                src="/aron-assets/food-resturant-assets/images/food-element-rev-2.png" alt=""
                                data-ww="['550px','550px','550px','550px']"
                                data-hh="['471px','471px','471px','471px']" width="550" height="471"
                                data-no-retina>
                        </div>

                        <!-- layer nr. 3 -->
                        <div class="tp-caption tp-resizeme rs-parallaxlevel-9"
                             id="layers-three"
                             data-x="['left','left','left','left']" data-hoffset="['-392','-392','-540','-638']"
                             data-y="['bottom','bottom','bottom','bottom']"
                             data-voffset="['-484','-484','-520','-522']"
                             data-width="none"
                             data-height="none"
                             data-whitespace="nowrap"
                             data-type="image"
                             data-basealign="slide"
                             data-responsive_offset="on"
                             data-frames='[{"from":"x:left;rZ:45deg;","speed":2500,"to":"o:1;","delay":650,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"}]'
                             data-textAlign="['left','left','left','left']"
                             data-paddingtop="[0,0,0,0]"
                             data-paddingright="[0,0,0,0]"
                             data-paddingbottom="[0,0,0,0]"
                             data-paddingleft="[0,0,0,0]"

                             style="z-index: 7;border-width:0px;"><img
                                src="/aron-assets/food-resturant-assets/images/food-element-rev-6.png" alt=""
                                data-ww="['900px','900px','900px','900px']"
                                data-hh="['1000px','1000px','1000px','1000px']" width="900" height="1000"
                                data-no-retina></div>

                        <!-- layer nr. 4 -->
                        <div class="tp-caption tp-resizeme rs-parallaxlevel-9"
                             id="layers-four"
                             data-x="['left','left','left','left']" data-hoffset="['134','134','-2','-57']"
                             data-y="['bottom','bottom','bottom','bottom']" data-voffset="['67','67','50','6']"
                             data-width="none"
                             data-height="none"
                             data-whitespace="nowrap"
                             data-type="image"
                             data-basealign="slide"
                             data-responsive_offset="on"
                             data-frames='[{"from":"y:bottom;rZ:90deg;","speed":1500,"to":"o:1;","delay":1050,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"}]'
                             data-textAlign="['left','left','left','left']"
                             data-paddingtop="[0,0,0,0]"
                             data-paddingright="[0,0,0,0]"
                             data-paddingbottom="[0,0,0,0]"
                             data-paddingleft="[0,0,0,0]"

                             style="z-index: 8;border-width:0px;"><img
                                src="/aron-assets/food-resturant-assets/images/food-element-rev-3.png" alt=""
                                data-ww="['200px','200px','200px','200px']"
                                data-hh="['300px','300px','300px','300px']" width="200" height="300"
                                data-no-retina>
                        </div>

                        <!-- layer nr. 5 -->
                        <div class="tp-caption   tp-resizeme rs-parallaxlevel-9"
                             id="layers-five"
                             data-x="['left','left','left','left']" data-hoffset="['181','181','30','-39']"
                             data-y="['bottom','bottom','bottom','bottom']"
                             data-voffset="['-170','-170','-190','-212']"
                             data-width="none"
                             data-height="none"
                             data-whitespace="nowrap"
                             data-type="image"
                             data-basealign="slide"
                             data-responsive_offset="on"
                             data-frames='[{"from":"y:bottom;rZ:-90deg;","speed":1500,"to":"o:1;","delay":1250,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"}]'
                             data-textAlign="['left','left','left','left']"
                             data-paddingtop="[0,0,0,0]"
                             data-paddingright="[0,0,0,0]"
                             data-paddingbottom="[0,0,0,0]"
                             data-paddingleft="[0,0,0,0]"

                             style="z-index: 9;border-width:0px;"><img
                                src="/aron-assets/food-resturant-assets/images/food-element-rev-5.png" alt=""
                                data-ww="['300px','300px','300px','300px']"
                                data-hh="['400px','400px','400px','400px']" width="300" height="400"
                                data-no-retina>
                        </div>

                        <!-- layer nr. 8 -->
                        <div class="tp-caption   tp-resizeme rs-parallaxlevel-9"
                             id="layers-six"
                             data-x="['right','right','right','right']"
                             data-hoffset="['-364','-364','-479','-453']"
                             data-y="['bottom','bottom','bottom','bottom']"
                             data-voffset="['-155','-155','-180','-202']"
                             data-width="none"
                             data-height="none"
                             data-whitespace="nowrap"

                             data-type="image"
                             data-basealign="slide"
                             data-responsive_offset="on"

                             data-frames='[{"from":"x:right;rZ:-65deg;","speed":1500,"to":"o:1;","delay":700,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"}]'
                             data-textAlign="['left','left','left','left']"
                             data-paddingtop="[0,0,0,0]"
                             data-paddingright="[0,0,0,0]"
                             data-paddingbottom="[0,0,0,0]"
                             data-paddingleft="[0,0,0,0]"

                             style="z-index: 12;border-width:0px;"><img
                                src="/aron-assets/food-resturant-assets/images/food-element-rev-4.png" alt=""
                                data-ww="['730px','730px','730px','600']"
                                data-hh="['520px','520px','520px','456']"
                                width="730" height="520" data-no-retina></div>

                        <!-- layer nr. 9 -->
                        <div class="tp-caption   tp-resizeme rs-parallaxlevel-9"
                             id="layers-sev"
                             data-x="['right','right','right','right']" data-hoffset="['222','222','105','8']"
                             data-y="['bottom','bottom','bottom','bottom']" data-voffset="['8','8','-17','-10']"
                             data-width="none"
                             data-height="none"
                             data-whitespace="nowrap"

                             data-type="image"
                             data-basealign="slide"
                             data-responsive_offset="on"

                             data-frames='[{"from":"x:right;rZ:90deg;","speed":1500,"to":"o:1;","delay":500,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"}]'
                             data-textAlign="['left','left','left','left']"
                             data-paddingtop="[0,0,0,0]"
                             data-paddingright="[0,0,0,0]"
                             data-paddingbottom="[0,0,0,0]"
                             data-paddingleft="[0,0,0,0]"

                             style="z-index: 13;border-width:0px;"><img
                                src="/aron-assets/food-resturant-assets/images/food-element-rev-7.png" alt=""
                                data-ww="['300px','300px','300px','300px']"
                                data-hh="['500px','500px','500px','500px']" width="300" height="500"
                                data-no-retina>
                        </div>

                        <!-- layer nr. 10 -->
                        <div class="tp-caption tp-resizeme"
                             id="layers-eight"
                             data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                             data-y="['middle','middle','middle','middle']"
                             data-voffset="['-60','-60','-60','-90']"
                             data-fontsize="['70','70','70','50']"
                             data-lineheight="['80','80','80','60']"
                             data-width="['none','none','none','360']"
                             data-height="none"
                             data-whitespace="['nowrap','nowrap','nowrap','normal']"

                             data-type="text"
                             data-responsive_offset="on"

                             data-frames='[{"from":"y:-50px;rX:-45deg;sX:2;sY:2;opacity:0;","speed":1500,"to":"o:1;","delay":510,"ease":"Power4.easeOut"},{"delay":640,"speed":600,"to":"y:30px;rX:45deg;sX:0.8;sY:0.8;opacity:0;","ease":"Power2.easeInOut"}]'
                             data-textAlign="['center','center','center','center']"
                             data-paddingtop="[0,0,0,0]"
                             data-paddingright="[0,0,0,0]"
                             data-paddingbottom="[0,0,0,0]"
                             data-paddingleft="[0,0,0,0]" style="z-index: 19;"><h1
                                class=" navy_blue raleway default_section_heading">OOoops!</h1></div>

                        <!-- layer nr. 11 -->
                        <div class="tp-caption tp-resizeme"
                             id="layers-nine"
                             data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                             data-y="['middle','middle','middle','middle']"
                             data-voffset="['-60','-60','-60','-90']"
                             data-fontsize="['70','70','70','50']"
                             data-lineheight="['80','80','80','60']"
                             data-width="['none','none','none','360']"
                             data-height="none"
                             data-whitespace="['nowrap','nowrap','nowrap','normal']"

                             data-type="text"
                             data-responsive_offset="on"

                             data-frames='[{"from":"y:-50px;rX:-45deg;sX:2;sY:2;opacity:0;","speed":1500,"to":"o:1;","delay":2940,"ease":"Power4.easeOut"},{"delay":660,"speed":600,"to":"y:30px;rX:45deg;sX:0.8;sY:0.8;opacity:0;","ease":"Power2.easeInOut"}]'
                             data-textAlign="['center','center','center','center']"
                             data-paddingtop="[0,0,0,0]"
                             data-paddingright="[0,0,0,0]"
                             data-paddingbottom="[0,0,0,0]"
                             data-paddingleft="[0,0,0,0]" style="z-index: 19;"><h1
                                class="navy_blue raleway default_section_heading">Sorry!</h1></div>

                        <!-- layer nr. 12 -->
                        <div class="tp-caption tp-resizeme"
                             id="layers-ten"
                             data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                             data-y="['middle','middle','middle','middle']"
                             data-voffset="['-60','-60','-60','-90']"
                             data-fontsize="['70','70','70','50']"
                             data-lineheight="['80','80','80','60']"
                             data-width="['none','none','none','400']"
                             data-height="none"
                             data-whitespace="['nowrap','nowrap','nowrap','normal']"

                             data-type="text"
                             data-responsive_offset="on"

                             data-frames='[{"from":"y:-50px;rX:-45deg;sX:2;sY:2;opacity:0;","speed":1500,"to":"o:1;","delay":5390,"ease":"Power4.easeOut"},{"delay":"wait","speed":600,"to":"y:30px;rX:45deg;sX:0.8;sY:0.8;opacity:0;","ease":"Power2.easeInOut"}]'
                             data-textAlign="['center','center','center','center']"
                             data-paddingtop="[0,0,0,0]"
                             data-paddingright="[0,0,0,0]"
                             data-paddingbottom="[0,0,0,0]"
                             data-paddingleft="[0,0,0,0]" style="z-index: 19;"><h1
                                class="navy_blue raleway default_section_heading">404</h1></div>

                        <!-- layer nr. 13 -->
                        <div class="tp-caption tp-resizeme"
                             id="layers-elev"
                             data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                             data-y="['middle','middle','middle','middle']"
                             data-voffset="['10','10','10','-10']"
                             data-fontsize="['18','16','16','16']"
                             data-lineheight="['20','20','20','30']"
                             data-width="['none','none','none','360']"
                             data-height="none"
                             data-whitespace="['nowrap','nowrap','nowrap','normal']"

                             data-type="text"
                             data-responsive_offset="on"

                             data-frames='[{"from":"y:50px;rX:45deg;sX:2;sY:2;opacity:0;","speed":1500,"to":"o:1;","delay":600,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"}]'
                             data-textAlign="['center','center','center','center']"
                             data-paddingtop="[0,0,0,0]"
                             data-paddingright="[0,0,0,0]"
                             data-paddingbottom="[0,0,0,0]"
                             data-paddingleft="[0,0,0,0]" style="z-index: 19;"><p
                                class="open_sans default_small_heading navy_blue">Sorry for the inconveniance</p></div>

                        <!-- layer nr. 14 -->
                        <div class="tp-caption rev-btn"
                             id="layers-twel"
                             data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                             data-y="['middle','middle','middle','middle']" data-voffset="['70','70','70','70']"

                             data-actions=''
                             data-responsive_offset="on"
                             data-responsive="off"
                             data-frames='[{"from":"y:100px;rX:90deg;opacity:0;","speed":1500,"to":"o:1;","delay":700,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"}]'
                             style="z-index: 999;padding-top: 25px;">
                            <a href="{{route('public.index')}}"
                               class="button default button button_default_style bg_pink bg_before_navy text-capitalize"
                               style="line-height: 24px;">Back to Home</a>
                        </div>
                        <!-- layer nr. 15 -->
                       <!-- <div class="tp-caption rev-scroll-btn revs-dark"
                             id="layers-thir"
                             data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                             data-y="['bottom','bottom','bottom','bottom']"
                             data-voffset="['100','100','70','50']"
                             data-width="30"
                             data-height="45"
                             data-whitespace="nowrap"

                             data-type="button"
                             data-actions='[{"event":"click","action":"scrollbelow","offset":"px","delay":"","speed":1000}]'
                             data-basealign="slide"
                             data-responsive_offset="on"
                             data-responsive="off"
                             data-frames='[{"from":"y:-50px;opacity:0;","speed":1500,"to":"o:1;","delay":800,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"}]'
                             data-textAlign="['left','left','left','left']"
                             data-paddingtop="[0,0,0,0]"
                             data-paddingright="[0,0,0,0]"
                             data-paddingbottom="[0,0,0,0]"
                             data-paddingleft="[0,0,0,0]"

                             style="z-index: 19; min-width: 35px; max-width: 35px; max-width: 55px; max-width: 55px; white-space: nowrap; font-size: px; line-height: px; font-weight: 400;border-color:rgba(0, 0, 0, 1.00);border-style:solid;border-width:2px;border-radius:23px 23px 23px 23px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;">
                            <span></span>
                        </div>-->
                    </li>
                </ul>
                <div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div>
            </div>

        </div>

    </section>

        @include('aron-layouts.includes._footer')

    </section>
@endsection