<div class="fixed bottom-0 left-0 w-full bg-navbarcolor shadow-lg rounded-t-xl">
    <div class="flex justify-around py-4">
        <a onclick="rsvp.showModal()" class="text-babyblue text-xl">
            <i class="fa-solid fa-envelope-open-text"></i>
        </a>
        <a onclick="emoney.showModal()" class="text-babyblue text-xl">
            <i class="fa-solid fa-circle-dollar-to-slot"></i>
        </a>
        <a onclick="contact.showModal()" class="text-babyblue text-xl">
            <i class="fa-solid fa-phone"></i>
        </a>
        <a onclick="locations.showModal()" class="text-babyblue text-xl">
            <i class="fa-solid fa-location-dot"></i>
        </a>
        <a onclick="calendar.showModal()" class="text-babyblue text-xl">
            <i class="fa-solid fa-calendar-days"></i>
        </a>
    </div>
    @include('modals.rsvp-modal')
    @include('modals.emoney-modal')
    @include('modals.contact-modal')
    @include('modals.location-modal')
    @include('modals.calendar-modal')
</div>