<template>
    <footer class="my-5">
        <div class=" w-full max-w-screen-xl mx-auto p-2 md:py-8 border-t border-zinc-800">
            <div class="flex items-center justify-between">
                <a href="https://flowbite.com/" class="flex items-center mb-2 space-x-2">
                    <img src="/assets/img/logo.png" class="size-7" alt="Flowbite Logo" />
                    <span class="self-center text-sm font-semibold whitespace-nowrap dark:text-white">مقاله</span>
                </a>
                <ul class="flex flex-wrap items-center mb-3  font-medium text-zinc-500 dark:text-zinc-400">
                    <li>
                        <NuxtLink :to="useRuntimeConfig().public.router.About" class="hover:underline me-4">درباره ما</NuxtLink>
                    </li>
                    <li>
                        <NuxtLink :to="useRuntimeConfig().public.router.FAQ" class="hover:underline me-4">سوال‌های پرتکرار</NuxtLink>
                    </li>
                    <li>
                        <a :href="useRuntimeConfig().public.router.Hooshmand" class="hover:underline me-4">هوشمند</a>
                    </li>
                </ul>
            </div>
            <hr class="my-2 border-zinc-200 dark:border-zinc-700" />
            <div class="flex items-center text-zinc-500 dark:text-zinc-400 justify-between">
                <span class="block">شرکت داده‌پردازان
                    حدید</span>
                <span>info@golchin.app</span>
            </div>
        </div>
    </footer>
</template>
