@component('web.components.default.section', [
    'class' => 'banner-middle w-100',
    'style' => 'background-image: url(' . asset('images/placeholder/web/background-gradiente.webp') . ')',
])
    <div class="col-lg-9">
        <h1 class="banner-middle__title">
            {{ $title ?? 'Tratamento especializado da saúde urológica de adolescentes e adultos' }}
        </h1>
        <p>{{ $subtitle ?? 'Além de cirurgias com técnicas avançadas e uso de equipamentos modernos em urologia.' }}</p>
    </div>

    <div class="col-lg-3 d-flex align-items-center flex-column">
        <a class="btn-primary m-2" href="{{ config('web.contact.whatsApp')[1]['link'] }}" target="_blank" rel="noopener">
            <i class="fas fa-calendar-alt me-2"></i>
            {{ $button ?? 'Agendar consulta Dra. Mariane' }}
        </a>
        <a class="btn-primary m-2" href="{{ config('web.contact.whatsApp')[3]['link'] }}" target="_blank" rel="noopener">
            <i class="fas fa-calendar-alt me-2"></i>
            {{ $button ?? 'Agendar consulta Dr. Robison' }}
        </a>
    </div>
@endcomponent