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

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"