<div class="row clearfix products-27">
    <div class="col-12">
        <p class="h6">DISCOVER WHAT'S NEW</p>
        <h2 class="display-3">OUR MENU</h2>
        <div class="spacer height-60"></div>
    </div>
</div>
<div class="row clearfix products-27" style="padding: 0;">
    <div class="col-12 col-md-4 d-flex" style="padding: 0;">
        <div class="card bg-light border-0 rounded-0">
            <div class="image-wrapper image-ratio-16-9">
                <img
                    src="{{ config('builder.frontend_asset_path') }}/placeholders/square.jpg"
                    alt=""
                />
            </div>
            <div class="card-body" style="text-align: center;">
                <h3 class="card-title">Main Menu</h3>
                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
                <p>
                    <a href="#" class="btn btn-primary">View All</a>
                </p>
            </div>
        </div>
    </div>
    <div class="col-12 col-md-4 d-flex" style="padding: 0;">
        <div class="card bg-light border-0 border-white rounded-0">
            <div class="image-wrapper image-ratio-16-9">
                <img
                    src="{{ config('builder.frontend_asset_path') }}/placeholders/square.jpg"
                    alt="" class="card-img-top"
                />
            </div>
            <div class="card-body border-left border-right border-white" style="text-align: center;">
                <h3 class="card-title">A'la Carte</h3>
                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
                <p>
                    <a href="#" class="btn btn-primary">View All</a>
                </p>
            </div>
        </div>
    </div>
    <div class="col-12 col-md-4 d-flex" style="padding: 0;">
        <div class="card bg-light border-0 rounded-0">
            <div class="image-wrapper image-ratio-16-9">
                <img
                    src="{{ config('builder.frontend_asset_path') }}/placeholders/square.jpg"
                    alt=""
                />
            </div>
            <div class="card-body" style="text-align: center;">
                <h3 class="card-title">A'la Carte</h3>
                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
                <p>
                    <a href="#" class="btn btn-primary">View All</a>
                </p>
            </div>
        </div>
    </div>
</div>
