@handheld
    <nav class="navbar fixed-bottom bottom-bar">
        <div class="d-flex list">
            <div class="flex-fill text-center item">
                <a href="tel:{{ __('nav.phone')}}" target="_blank">
                    <img src="{{ asset('storage/icons/phone.svg') }}" alt="icon" class="icon">
                    <span>{{ __('nav.bottom_bar.call')}}</span>
                </a>
            </div>
            <div class="flex-fill text-center item hide-home">
                <a href="#benefits" title="{{ __('nav.bottom_bar.benefits')}}">
                    <img src="{{ asset('storage/icons/check.svg') }}" alt="icon" class="icon">
                    <span>{{ __('nav.bottom_bar.benefits')}}</span>
                </a>
            </div>
            <div class="flex-fill text-center item hide-home">
                <a href="{{ __('seo.url')}}" title="Resorts">
                    <img src="{{ asset('storage/icons/star.svg') }}" alt="icon" class="icon">
                    <span>Resorts</span>
                </a>
            </div>
            <div class="flex-fill text-center item">
                <a href="#form" title="{{ __('nav.bottom_bar.form')}}">
                    <img src="{{ asset('storage/icons/email.svg') }}" alt="icon" class="icon">
                    <span>{{ __('nav.bottom_bar.email')}}</span>
                </a>
            </div>
        </div>
    </nav>
@endhandheld