feat: add landing page components including FAQ, features, footer, header, hero, modalities, steps, and section title

2026-09-21 04:32:59 +03:30
parent 1e599b917b
commit 5f19f82f86
41 changed files with 1518 additions and 84 deletions
@@ -0,0 +1,48 @@
+<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>