@extends('layouts.vpm-marketing')

@section('title', $title ?? 'VantageProMarket')

@section('header')
    @include('partials.vpm.reference-header-guest')
@endsection

@section('content')
<main id="main-content" class="vpm-mcontent-page">
    <div
        class="vpm-mcontent-hero"
        style="--vpm-mcontent-hero-image: url('{{ asset('pages/' . ($heroImage ?? 'office.webp')) }}')"
    >
        <div class="vpm-mcontent-hero__overlay" aria-hidden="true"></div>
        <h1 class="vpm-mcontent-hero__title">@yield('hero_title', $title ?? '')</h1>
    </div>

    <div class="vpm-mcontent-wrap">
        <div class="vpm-mcontent-card">
            @yield('page_content')
        </div>
    </div>
</main>

@include('partials.vpm.reference-footer')
@endsection