@php
    $image = asset('assets/images/banner.jpg');
    $heroTitle = __('We invest in the world’s potential');
    $heroDescription = __('Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa cumque cupiditate delectus dolorem esse, est exercitationem expedita facere id minus mollitia necessitatibus non officia porro possimus, quae repellendus vitae? Velit!');
    if (isset($page) && $page) {
        $image = $page->getFirstMedia('cover_image') ? $page->getFirstMediaUrl('cover_image') : asset('assets/images/page-banner.jpg');
        $heroTitle = $page->title;
        $heroDescription = $page->excerpt;
    }
@endphp
<section
    class="bg-white dark:bg-gray-900 bg-center bg-cover wow animate__fadeInUp"
    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>{!! $heroDescription !!}</div>
            <div class="flex justify-center mb-8 mt-6">
                <livewire:article-search/>
            </div>
        </div>
    </div>
</section>