@extends('layouts.shimanto-restaurant')
@section('content')

    <!-- Page Title -->
    <section class="page-title" style="background-image: url({{ asset('shimanto-restaurant/images/background/10.jpg') }})">
        <div class="auto-container">
            <h1>About Us</h1>
            <ul class="page-breadcrumb">
                <li><a href="{{ route('shimanto.index') }}">home</a></li>
                <li>About</li>
            </ul>
        </div>
    </section>
    <!-- End Page Title -->


    <!-- Welcome Section -->
    <section class="welcome-section">
        <div class="auto-container">
            <div class="row clearfix">
                <!-- Image Column -->
                <div class="image-column col-lg-6 col-md-12 col-sm-12">
                    <img src="{{ asset($about->image) }}" alt="" style="width: 100%;" />
                </div>
                <!-- Content Column -->
                <div class="content-column col-lg-6 col-md-12 col-sm-12">
                    <div class="inner-column">
                        <div class="sec-title">
                            <div class="title">{{ $about->small_title }}</div>
                            <h2>{{ $about->big_title }}</h2>
                            <div class="text">{{ $about->short_description }} </div>
                        </div>
                        <div class="text">{!! $about->description !!} </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End Welcome Section -->

    <!-- Services Section -->
    <section class="services-section">
        <div class="auto-container">
            <!-- Sec Title -->
            <div class="sec-title centered">
                <div class="title">Features</div>
                <h2>Our Best Features</h2>
            </div>
            <div class="row clearfix">

            @foreach($features as $key)
                <!-- Service Block -->
                    <div class="service-block col-lg-4 col-md-6 col-sm-12">
                        <div class="inner-box">
                            <span class="icon flaticon-fast-food"></span>
                            <h4><a href="#">{{ $key->title }}</a></h4>
                            <div class="text">{{ $key->short_description }}</div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </section>
    <!-- End Services Section -->


    @if($promo_video)
    <!-- Video Section -->
    <section class="video-section" style="background-image:url({{ asset('chung-wah-restaurant/images/background/11.jpg') }})">
        <div class="auto-container">
            <!-- Sec Title -->
            <div class="sec-title light centered">
                <div class="title">{{ $promo_video->small_title }}</div>
                <h2>{{ $promo_video->big_title }}</h2>
                <div class="text">{{ $promo_video->short_description }}</div>
            </div>
            <a href="{{ asset($promo_video->video) }}" class="lightbox-image video-box"><span class="flaticon-play-arrow"><i class="ripple"></i></span></a>
        </div>
    </section>
    <!-- End Video Section -->
    @endif





@endsection