@props([
    'contents' => [
        0 => [
            'layout' => 1,
            'pretitle' => 'Pós-graduação na FUNDABOM',
            'title_1' => 'Especialização lato-sensu em',
            'title_2' => 'Segurança Contra Incêndio',
            'description' => 'Em parceria com o Centro Universitário de Excelência - ENIAC. Diploma reconhecido pelo MEC.',
            'button_1' => [
                'enable' => true,
                'text' => 'Saiba mais',
                'url' => url('/curso/especializacao-seguranca-contra-incendio')
            ],
            'button_2' => [
                'enable' => false,
                'text' => '',
                'url' => url('')
            ],
            'image' => 'storage/site/images/welcome/hero_1.png'
        ],
    ],
    
])

<section class="banner-section py-5 bg-white">
    <div class="container">
        <div class="row g-4">
            <div class="col-xl-6">
                <div class="banner-4 py-7 px-5 rounded-3" data-background="assets/img/banner/banner-burger.jpg">
                    <div class="d-flex align-items-center gap-2 mb-2">
                        <h6 class="mb-0 gshop-subtitle text-danger fw-normal">Super Offer</h6>
                        <span>
                            <svg width="47" height="8" viewBox="0 0 47 8" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M0 3.99999L43.3478 4" stroke="#FF0505" stroke-width="1.21739"></path>
                                <path d="M47 4L41 0.535898L41 7.4641L47 4Z" fill="#FF0505"></path>
                            </svg>    
                        </span>
                    </div>
                    <h3 class="mb-3 text-white">Delicious Burger</h3>
                    <div class="d-flex align-items-center gap-3">
                        <span class="badge-clip fw-medium text-white">HOT</span>
                        <span class="text-white fw-semibold fs-xs">BUY 1 GET 1 FREE</span>
                    </div>
                    <a href="product-details.html" class="btn btn-secondary btn-md rounded-1 mt-5">Shop Now<span class="ms-2"><i class="fas fa-arrow-right"></i></span></a>
                </div>
            </div>
            <div class="col-xl-6">
                <div class="banner-4 py-7 px-5 rounded-3" data-background="assets/img/banner/banner-11.jpg">
                    <div class="d-flex align-items-center gap-2 mb-1">
                        <h6 class="mb-0 gshop-subtitle text-danger fw-normal">Black Friday Offer</h6>
                        <span>
                            <svg width="47" height="8" viewBox="0 0 47 8" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M0 3.99999L43.3478 4" stroke="#FF0505" stroke-width="1.21739"></path>
                                <path d="M47 4L41 0.535898L41 7.4641L47 4Z" fill="#FF0505"></path>
                            </svg>    
                        </span>
                    </div>
                    <h3 class="mb-3">Organic Foods Up <br> To 50% off</h3>
                    <a href="shop-grid.html" class="btn btn-outline-secondary btn-md border-secondary rounded-1 mt-5">Shop Now<span class="ms-2"><i class="fas fa-arrow-right"></i></span></a>
                </div>
            </div>
        </div>
    </div>
</section>