@props(['image' => null])

<div class="breadcrumb-area bg-ash">
    {{-- <div class="breadcrumb-wrap bg-f  position-relative z-1 round-20"
         style="background-image:url({{ $image ? asset($image) : asset('images/br-bg-1.jpg') }})"> --}}
    <div class="breadcrumb-wrap bg-f position-relative z-1 round-20"
        style="background-image: url('{{ $image ? asset($image) : asset('images/br-bg-2.jpg') }}')">
        <div class="container">
            <h2 class="section-title fw-bold text-white text-center mb-13">{{ $title }}</h2>
            <ul class="br-menu text-center list-unstyled mb-0">
                <li class="position-relative fs-xx-14 d-inline-block"><a href="{{ url('/') }}">Home</a></li>
                {{ $slot }}
            </ul>
        </div>
    </div>
</div>