49 lines
2.5 KiB
Vue
49 lines
2.5 KiB
Vue
<script setup>
|
||
import { Link } from '@inertiajs/inertia-vue3'
|
||
|
||
const links = [
|
||
{ label: 'چطور کار می‌کند', href: '#how-it-works' },
|
||
{ label: 'امکانات', href: '#features' },
|
||
{ label: 'خدمات تصویربرداری', href: '#modalities' },
|
||
{ label: 'سوالات متداول', href: '#faq' },
|
||
]
|
||
</script>
|
||
|
||
<template>
|
||
<footer class="bg-dominant-50 border-t border-dominant-100/60">
|
||
<div class="container max-w-7xl px-4 sm:px-6 py-12 grid gap-10 md:grid-cols-[1.5fr_1fr_1fr]">
|
||
<div>
|
||
<Link href="/">
|
||
<img src="@/images/radical_logo.png" alt="تله‌رادیولوژی رادیکال" class="h-10 w-auto object-contain">
|
||
</Link>
|
||
<p class="mt-4 max-w-sm text-sm leading-7 text-dark/60">
|
||
پلتفرم تله‌رادیولوژی دامپزشکی رادیکال؛ پل ارتباطی سرپرستان حیوانات خانگی و رادیولوژیست‌های دامپزشکی برای گزارش‌دهی تخصصی تصاویر پزشکی.
|
||
</p>
|
||
</div>
|
||
|
||
<nav aria-label="دسترسی سریع">
|
||
<h3 class="text-sm font-bold text-dominant-700">دسترسی سریع</h3>
|
||
<ul class="mt-4 space-y-2">
|
||
<li v-for="link in links" :key="link.href">
|
||
<a :href="link.href" class="text-sm text-dark/60 hover:text-dominant-500 transition-colors duration-200">{{ link.label }}</a>
|
||
</li>
|
||
</ul>
|
||
</nav>
|
||
|
||
<nav aria-label="حساب کاربری">
|
||
<h3 class="text-sm font-bold text-dominant-700">حساب کاربری</h3>
|
||
<ul class="mt-4 space-y-2">
|
||
<li><Link :href="route('login')" class="text-sm text-dark/60 hover:text-dominant-500 transition-colors duration-200">ورود</Link></li>
|
||
<li><Link :href="route('register.chooseType')" class="text-sm text-dark/60 hover:text-dominant-500 transition-colors duration-200">ثبت‌نام سرپرست</Link></li>
|
||
</ul>
|
||
</nav>
|
||
</div>
|
||
|
||
<div class="border-t border-dominant-100/60">
|
||
<p class="container max-w-7xl px-4 sm:px-6 py-5 text-center text-[13px] text-dominant-700">
|
||
تمامی حقوق این وب‌سایت برای مجموعه <span class="font-semibold">تله‌رادیولوژی رادیکال</span> محفوظ می‌باشد.
|
||
</p>
|
||
</div>
|
||
</footer>
|
||
</template>
|