<x-guest-layout>
    <div class="min-h-screen">
        <div class="absolute left-0 top-0 w-full">
            <div class="flex flex-wrap justify-between items-center py-6 container">
                <div>
                    <a href="index.html">
                        <img src="images/logo/logo.svg" alt="" class="dark_logo dark:hidden">
                    </a>
                </div>
                <div>
                    <button class="btn btn-outline-dark btn-sm">
                        Contact us
                    </button>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="flex justify-center flex-wrap items-center min-h-screen flex-col text-center">
                <img src="images/svg/img-2.svg" alt="">
                <h4 class="text-3xl font-medium text-slate-900 dark:text-white mb-2">
                    We are under maintenance.
                </h4>
                <p class="font-normal text-base text-slate-500 dark:text-slate-300">
                    We’re making the system more awesome.
                    <br/> We’ll be back shortly.
                </p>
            </div>
        </div>
        <div class="fixed bottom-0 w-full">
            <div class="container">
                <div class="md:flex justify-between items-center flex-wrap space-y-4 py-6">
                    <div>
                        <ul class="flex md:justify-start justify-center space-x-3">
                            <li>
                                <a href="#" class="social-link">
                                    <iconify-icon icon="icomoon-free:facebook"></iconify-icon>
                                </a>
                            </li>
                            <li>
                                <a href="#" class="social-link">
                                    <iconify-icon icon="icomoon-free:twitter"></iconify-icon>
                                </a>
                            </li>
                            <li>
                                <a href="#" class="social-link">
                                    <iconify-icon icon="icomoon-free:linkedin2"></iconify-icon>
                                </a>
                            </li>
                            <li>
                                <a href="#" class="social-link">
                                    <iconify-icon icon="icomoon-free:google"></iconify-icon>
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div>
                        <ul class="flex md:justify-start justify-center space-x-3">
                            <li>
                                <a href="#" class="text-slate-500 dark:text-slate-400 text-sm transition duration-150 hover:text-slate-900">Privacy policy</a>
                            </li>
                            <li>
                                <a href="#" class="text-slate-500 dark:text-slate-400 text-sm transition duration-150 hover:text-slate-900">Faq</a>
                            </li>
                            <li>
                                <a href="#" class="text-slate-500 dark:text-slate-400 text-sm transition duration-150 hover:text-slate-900">Email us</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</x-guest-layout>
