@props(['title', 'breadcrumbs' => []])

<!-- breadcrumbarea__section__start -->
<div class="breadcrumbarea" data-aos="fade-up">
    <div class="container">
        <div class="row">
            <div class="col-xl-12">
                <div class="breadcrumb__content__wraper">
                    <div class="breadcrumb__title">
                        <h2 class="heading">{{ $title }}</h2>
                    </div>
                    <div class="breadcrumb__inner">
                        <ul>
                            <li><a href="{{ route('home') }}">Home</a></li>
                            @foreach($breadcrumbs as $label => $url)
                                @if($loop->last)
                                    <li>{{ $label }}</li>
                                @else
                                    <li><a href="{{ $url }}">{{ $label }}</a></li>
                                @endif
                            @endforeach
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="shape__icon__2">
        <img loading="lazy" class="shape__icon__img shape__icon__img__1" src="{{ asset('img/herobanner/herobanner__1.png') }}" alt="decor">
    </div>
</div>
<!-- breadcrumbarea__section__end-->