<footer class="  bg-gray-800 pt-10">
    <div class="min-h-[20rem] max-w-7xl mx-auto flex items-center justify-center flex-col gap-10">
        <a href="<?php echo e(route('welcome')); ?>" class="flex items-center">
            <img src="<?php echo e(asset('logo.jpg')); ?>" alt="Logo" class="rounded-full w-32">
        </a>
        <h1 class="text-red-500 font-mija font-semibold text-2xl">MEC</h1>

        <ul class="flex flex-col gap-2 md:flex-row items-center md:gap-5 text-lg text-white">
            <li class="">
                <a href="<?php echo e(route('welcome')); ?>" class="relative
                <?php echo e(Route::currentRouteName() === 'welcome' ? 'text-red-500' : ''); ?>

                ">Home</a>
            </li>
            <li class="">
                <a href="<?php echo e(route('about-us')); ?>" class="relative
                <?php echo e(Route::currentRouteName() === 'about-us' ? 'text-red-500' : ''); ?>

                ">About</a>
            </li>
            <li class="">
                <a href="<?php echo e(route('gallery')); ?>" class="relative
                <?php echo e(Route::currentRouteName() === 'gallery' ? 'text-red-500' : ''); ?>

                ">Gallery</a>
            </li>
            <li class="">
                <a href="<?php echo e(route('contact-us')); ?>" class="relative
                <?php echo e(Route::currentRouteName() === 'contact-us' ? 'text-red-500' : ''); ?>

                ">Contact</a>
            </li>

            <li class="">
                <a href="https://www.oretetimaralodge.com" target="_blanks" class="">Oreteti Mara Lodge</a>
            </li>
            <li class="">
                <a href="<?php echo e(route('admissions')); ?>" class="relative
                <?php echo e(Route::currentRouteName() === 'admissions' ? 'text-red-500' : ''); ?>

                ">Enrol</a>
            </li>
        </ul>

        <ul class="flex items-center gap-3">
            <li class="">
                <a href="https://www.facebook.com" class="">
                    <i class="fab fa-facebook text-xl text-gray-100"></i>
                </a>
            </li>
            <li class="">
                <a href="https://www.twitter.com" class="">
                    <i class="fab fa-x-twitter text-xl text-gray-100"></i>
                </a>
            </li>
            <li class="">
                <a href="https://www.youtube.com" class="">
                    <i class="fab fa-youtube text-xl text-gray-100"></i>
                </a>
            </li>
            <li class="">
                <a href="mailto:info@maasaieducationcenter.com" class="">
                    <i class="fa fa-envelope text-xl text-gray-100"></i>
                </a>
            </li>
        </ul>

    </div>

    <div class="h-16 w-full flex items-center justify-center p-3 border-t mt-5 max-w-7xl mx-auto">
        <p class="text-center text-gray-100">
            &copy;<script>document.write(`${new Date().getFullYear()}`)</script> Maasai Education Center -  Created By <a href="mailto:eriklungatso@gmail.com" class="font-semibold text-red-500 underline">Eric</a>
            and <a href="mailto:briansaitabau29@gmail.com" class="font-semibold text-red-500 underline">Brian</a>
        </p>
    </div>
</footer>
<?php /**PATH K:\Laravel\MEC\resources\views/layouts/footer.blade.php ENDPATH**/ ?>