@props([
    'title',
    'lead' => '',
    'image' => 'assets/img/properties/detail/listing-hero.jpg',
    'breadcrumbs' => [],
    'actions' => null,
    'class' => '',
])

{{-- Shared dark hero for inner pages (ported from includes/page-hero.php) --}}

@php
    $breadcrumbs = ! empty($breadcrumbs) ? $breadcrumbs : [
        ['label' => 'Home', 'href' => route('home')],
        ['label' => $title],
    ];
@endphp

<section {{ $attributes->class(['pl-hero', 'page-hero', $class => $class !== '']) }} aria-labelledby="page-hero-heading">
	<div class="pl-hero-bg" aria-hidden="true">
		<img src="{{ asset($image) }}" alt="" width="1600" height="1132" decoding="async" fetchpriority="high">
		<div class="pl-hero-overlay"></div>
		<div class="pl-hero-fade"></div>
	</div>
	<div class="container">
		<div class="pl-hero-content">
			<x-breadcrumb :items="$breadcrumbs" />
			<h1 id="page-hero-heading" class="pl-hero-title">{{ $title }}</h1>
			@if ($lead !== '')
				<p class="pl-hero-lead">{{ $lead }}</p>
			@endif
			<x-hero-actions :actions="$actions" />
		</div>
	</div>
</section>