@props(['title'])

{{-- The grey title band with a breadcrumb from the cart, wishlist, account, checkout and thank-you pages. The dots are CSS only. --}}
<div class="sm-page-hero">
    <h1 class="sm-page-hero-title">{{ $title }}</h1>
    <nav aria-label="Breadcrumb">
        <ol class="sm-page-hero-crumbs">
            <li><a href="{{ route('storefront.home') }}">Home</a></li>
            <li aria-current="page">{{ $title }}</li>
        </ol>
    </nav>
</div>