respnsive pages

2024-08-19 21:48:15 +03:30
parent 8a53f60d7e
commit 381b0a9eea
20 changed files with 145 additions and 96 deletions
@@ -1,15 +0,0 @@
-import SmSearch from "@/components/searchHead/SmSearch";
-
-function Head() {
-    return (
-        <div className="bg-[#F6F7F9]">
-            <div className="padding-responsive pt-[195px] pb-[85px] flex flex-col items-center gap-[25px]">
-                <p className="text-[#3B3B3B] text-[24px] text-center font-bold">تخصص مورد نظر شما چیست؟</p>
-                <p className="text-[#3B3B3B] text-[16px] text-center font-normal">تخصص مورد نظرتان را جستجو کرده و یا از لیست زیر انتخاب نمایید:</p>
-                <SmSearch placeholder='جستجوی تخصص' />
-            </div>
-        </div>
-    )
-}
-
-export default Head
@@ -1,10 +1,16 @@
-import Head from "./head"
+import HeadPageList from "@/app/component/head"
+import SmSearch from "../searchHead/SmSearch"
 import List from "./list"

 function SpecialtiesPage() {
    return (
        <div className="">
-            <Head />
+            <HeadPageList
+                title='تخصص مورد نظر شما چیست؟'
+                detail='تخصص مورد نظرتان را جستجو کرده و یا از لیست زیر انتخاب نمایید:'
+            >
+                <SmSearch placeholder='جستجوی تخصص' />
+            </HeadPageList>
            <List />
        </div>
    )
@@ -8,9 +8,9 @@ function List() {
        <div className='bg-[#FAFAFA]'>
            <div className='flex items-center justify-center gap-[12px] pt-[24px] mb-[40px]'>
                <MenuS />
-                <p className='text-[#3B3B3B] text-[24px] font-bold'>لیست تخصص ها</p>
+                <p className='text-[#3B3B3B] text-[16px] sm:text-[19px] md:text-[22px] lg:text-[24px] font-bold'>لیست تخصص ها</p>
            </div>
-            <ul className="padding-responsive grid grid-cols-6 gap-x-[24px] gap-y-[40px]">
+            <ul className="padding-responsive grid grid-cols-2 sm:grid-cols-3 mg:grid-cols-4 lg:grid-cols-6 gap-x-[24px] gap-y-[40px]">
                {specialties.map(speciality => (
                    <ItemSpecialties
                        data={speciality}