{{#
    @name OffCanvas
    @desc 
#}}

<!-- /components/_offcanvas.antlers.html -->
<div class="offcanvas flex flex-col px-5 py-5 z-50">
    <!-- <h3 class="mb-3 font-bold text-primary">Chatting With Us</h3> -->
     <a href="https://api.whatsapp.com/send?phone=255758616565&text=I'm%20inquiring%20about%20the%20Tanzania%20Safari&source=&data=&app_absent=" class="py-3 px-4 mb-2 inline-flex items-center gap-x-2 text-sm font-semibold rounded-lg border border-transparent bg-green-600 text-white hover:bg-green-700 disabled:opacity-50 disabled:pointer-events-none" target="_blank">
        <i class="fa fa-whatsapp"></i> WhatsApp
    </a>
    <button type="button"
        class="py-3 px-4 inline-flex items-center gap-x-2 text-sm font-semibold rounded-lg border border-transparent bg-green-400 text-white hover:bg-green-500 disabled:opacity-50 disabled:pointer-events-none"
        data-hs-overlay="#hs-custom-backdrop-offcanvas">
        <i class="fa fa-weixin"></i> WeChat
    </button>
</div>

<!-- End: /components/_offcanvas.antlers.html -->