@extends('layouts.front.app')

@section('content')
    <!-- ======= Breadcrumbs ======= -->
    <section id="breadcrumbs" class="breadcrumbs">
        <div class="container">

            <div class="d-flex justify-content-between align-items-center">
                <h2>@yield('title')</h2>
                <ol>
                    <li><a href="/">Home</a></li>
                    <li>@yield('title')</li>
                </ol>
            </div>

        </div>
    </section><!-- End Breadcrumbs -->

    <section id="@yield('page-id')" class="@yield('page-id')">
        <div class="container">

            <div class="row gy-4">

                <div class="col-12">
                    @yield('page-content')
                </div>

            </div>

        </div>
    </section>
@endsection