{{-- example/content --}}

{{-- breadcrumb --}}
@component('breadcrumb_component', [
    // form config here
    'page_name' => $page_name,
    'slug' => $slug,
    'url' => $url
])
{{-- slot --}}
@endcomponent

<div class="card-content-default" style="margin: 0rem 0rem 0rem 0rem; padding: 0rem 1rem 1rem 1rem; box-shadow: 0 3px 8px 0 rgba(0, 0, 0);">

    {{-- caption --}}
    <div class="container-caption" style="margin-bottom:1rem;">

        {{-- top content --}}
        @component('widget.banner_component', [
            // form config here
            'banner_widgets' => $banner_widgets,
            ])
            {{-- slot --}}
        @endcomponent

    </div>
    {{-- end caption --}}

    {{-- don't add slash div in here! --}}

    <div class="container">
        <div class="row">

            {{-- left layout main menu --}}

            <div class="col-12 col-md-8">

                <div id="widget4-widget"></div>

                <div style="margin: 1rem 0rem 0rem 0rem; padding: 1rem 0rem 0rem 0rem;">
                    <h2 class="postheader">
                        {{ $text }}
                    </h2>

                    <div class="row">
                        <div class="mobile-responsive">

                        </div>
                        <div class="col-md">
                            <button type="button" class="btn-back-small btn-back shadow mr-1 mb-1">
                                <a href="{{ url('/') }}" style="color: #ffffff;">@lang('article.Kembali')</a>
                            </button>
                        </div>
                    </div>
                </div>
                {{-- end start edit example from here --}}
            </div>

            @component('widget_component', [
            // form config here
            'links' => $links,
            'visits' => $visits,
            'activities' => $activities,
            ])
            {{-- slot --}}
            @endcomponent

        </div>