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

resources/js/Client/components/dashboard/fastRequest/RequestCase.vue

@@ -32,7 +32,7 @@ const showChooseArchive = () => {
         </p>
         <button type="button" @click="fastRequestStore.clearArchivePet" class="text-[11px] font-[400] text-[#7A1419] cursor-pointer">حذف و ثبت کیس جدید</button>
     </div>
-    <form v-else class="p-4 grid grid-cols-2 gap-4 w-full">
+    <form v-else class="p-4 grid grid-cols-1 sm:grid-cols-2 gap-4 w-full">
         <InputText
             v-model="fastRequestStore.requestCase.name"
             type="text"

resources/js/Client/components/dashboard/fastRequest/RequestDetails.vue

@@ -11,7 +11,7 @@ const fastRequestStore = useFastRequestStore();
 <template>
 <div class="w-full">
     <p class="text-[11px] font-[400] text-[#3E4C63] py-3">جزئیات درخواست و اطلاعات مورد نیاز را با دقت و حوصله وارد نمایید.</p>
-    <div class="w-full grid grid-cols-2 gap-2 items-center justify-between">
+    <div class="w-full grid grid-cols-1 sm:grid-cols-2 gap-2 items-center justify-between">
         <Select
             v-model="fastRequestStore.requestDetails.priority"
             :options="priorities"
@@ -29,7 +29,7 @@ const fastRequestStore = useFastRequestStore();
             rows="3"
             class="w-full h-full" />
     </div>
-    <div class="w-full grid grid-cols-2 gap-2 items-start justify-between my-4">
+    <div class="w-full grid grid-cols-1 sm:grid-cols-2 gap-2 items-start justify-between my-4">
         <FileUploadBox v-model="fastRequestStore.historyFiles" title="سوابق پزشکی قبلی (اختیاری)" />
         <FileUploadBox v-model="fastRequestStore.scanFiles" :title="`فایل «${modalityTitle(fastRequestStore.requestType)}»`" />
     </div>

resources/js/Client/components/dashboard/fastRequest/RequestDoctor.vue

@@ -9,7 +9,7 @@ const selectDoctor = (doctorId) => {
 </script>
 
 <template>
-<div class="w-full h-full grid grid-cols-3 gap-2 items-center justify-between py-4">
+<div class="w-full h-full grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-2 items-center justify-between py-4">
     <button
         type="button"
         @click="selectDoctor(null)"
@@ -17,7 +17,7 @@ const selectDoctor = (doctorId) => {
         :class="fastRequestStore.doctorId === null ? 'border-[2px] border-[#576989]' : 'border-[1px] border-[#DEE3EB]'"
     >
         <h3 class="text-[13px] font-[600] text-[#576989]">انتخاب خودکار</h3>
-        <p class="w-[190px] text-center text-[11px] font-[600] text-[#3E4C63]">انتخاب در دسترس‌ ترین پزشک جهت بررسی سریع درخواست شما</p>
+        <p class="max-w-[190px] px-2 text-center text-[11px] font-[600] text-[#3E4C63]">انتخاب در دسترس‌ ترین پزشک جهت بررسی سریع درخواست شما</p>
     </button>
     <button
         v-for="doctor in fastRequestStore.doctors"

resources/js/Client/components/dashboard/fastRequest/RequestType.vue

@@ -6,7 +6,7 @@ import { modalities } from '../../../data/fastRequestOptions';
 <template>
     <div class="w-full space-y-3 py-6">
         <p class="h-[17px] flex items-center justify-start text-[11px] font-[600] text-[#3E4C63]">نوع درخواست خود را مشخص کنید</p>
-        <div class="w-full h-[133px] grid grid-cols-5 gap-3 justify-start">
+        <div class="w-full grid grid-cols-2 sm:grid-cols-3 md:grid-cols-5 gap-3 justify-start">
             <RequestCard
                 v-for="modality in modalities"
                 :key="modality.code"