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


    <main>
        <section class="menu-pg">
            <div class="container">
                <div class="menu">
                    <div class="container">
                        <div class="section_title">
                            <div class="row">
                                <div class="col-lg-8">
                                    <h3 class="title"> {{__('web.menu')}} <span class="line wow"></span> </h3>
                                </div>
                            </div>
                        </div>
                        <div class="menu-cards position-relative">
                            <div class="row justify-content-center">
                                @foreach($menus as $row)
                                    <div class="col-lg-3">
                                        @include('web.pages.components.menu.card',['menu'=>$row])
                                    </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                    <div class="part" style="pointer-events: none;"><span></span></div>
                    <img src="{{url('')}}/assets/web/images/circle-top.svg" alt="" class="circle">
                    <div id="particles-js"></div>
                </div>
            </div>
        </section>
    </main>

@stop

@section('inject_js')
    
@endsection
