@php
    $image = asset('assets/images/banner.jpg');
@endphp
<section
    class="bg-white dark:bg-gray-900 bg-center bg-cover"
    style="background-image: url('{{ $image }}');">
    <div class="bg-black/60 w-full h-full flex items-center justify-center text-white" style="min-height: 500px;">
        <div class="mx-auto max-w-screen-xl text-center ">
            <h1 class="mb-4 text-4xl font-extrabold tracking-tight leading-none">{{ $heroTitle }}</h1>
            <div>{!! $content !!}</div>
            <div class="flex justify-center mb-8 mt-6">
                <livewire:article-search/>
            </div>
        </div>
    </div>
</section>