<div class="fixed bottom-0 left-0 w-full bg-navbarcolor shadow-lg rounded-t-lg">
    <div class="flex justify-around p-3">
        <a onclick="rsvp.showModal()" class="text-babyblue">
            <i class="fa-solid fa-envelope-open-text"></i>
        </a>
        <a onclick="emoney.showModal()" class="text-babyblue">
            <i class="fa-solid fa-circle-dollar-to-slot"></i>
        </a>
        <a onclick="contact.showModal()" class="text-babyblue">
            <i class="fa-solid fa-phone"></i>
        </a>
        <a onclick="locations.showModal()" class="text-babyblue">
            <i class="fa-solid fa-location-dot"></i>
        </a>
        <a onclick="calendar.showModal()" class="text-babyblue">
            <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>