@extends('layouts.app')

@section('content')
    <div class="bg-light p-5 rounded text-center">
        @auth
         @include('includes.home' ))
        @endauth

        @guest
        <h1>{{ __('applabels.title') }}</h1>
        <p class="lead">{{ __('applabels.subtitle') }}</p>
        <div class="container-fluid">
            <div class="row m-10 ps-4 pe-4">
                <div class="col-md-3">
                    <figure class="figure"> 
                        <img src="{{ asset('/image/1.jpg') }}" width="100%" class="img-thumbnail rounded mx-auto d-block " alt="***">
                        <figcaption class="figure-caption mt-2">{{ __('menu.item1') }}</figcaption>
                    </figure>
                </div>
                <div class="col-md-3">
                    <figure class="figure"> 
                        <img src="{{ asset('/image/2.jpg') }}" width="100%" class="img-thumbnail rounded mx-auto d-block " alt="***">
                        <figcaption class="figure-caption mt-2">{{ __('menu.item2') }}</figcaption>
                    </figure>
                </div>
                <div class="col-md-3">
                    
                    <figure class="figure"> 
                        <img src="{{ asset('/image/3.jpg') }}" width="100%" class="img-thumbnail rounded mx-auto d-block " alt="***">
                        <figcaption class="figure-caption mt-2">{{ __('menu.item3') }}</figcaption>
                    </figure>
                </div>
                <div class="col-md-3">
                    
                    <figure class="figure"> 
                        <img src="{{ asset('/image/4.jpg') }}" width="100%" class="img-thumbnail rounded mx-auto d-block " alt="***">
                        <figcaption class="figure-caption mt-2">{{ __('menu.item4') }}</figcaption>
                    </figure>
                </div>
            </div>

        </div>
        @endguest
    </div>
    @push('scripts')
 @endpush
 @endsection