create component elements & add page clinics && add url clinic

2024-08-08 22:00:09 +03:30
parent 57d33a532c
commit 01de360360
13 changed files with 440 additions and 0 deletions
@@ -0,0 +1,30 @@
+import Pageguide from "@/app/component/Pageguide"
+import clinics from '@/data/clinics.json';
+import ItemClinic from "./ItemClinic";
+import { Pagination } from "@mui/material";
+
+function List() {
+
+    const listPage = ['کلینیک ها', 'اهواز']
+
+    return (
+        <div className="padding-responsive pt-[20px]">
+            <Pageguide
+                list={listPage}
+            />
+            <ul className="grid grid-cols-3 gap-x-[24px] gap-y-[40px] mt-6">
+                {clinics.map(item => (
+                    <ItemClinic
+                        data={item}
+                        key={item.id}
+                    />
+                ))}
+            </ul>
+            <div className='mt-[48px] flex justify-center'>
+                <Pagination />
+            </div>
+        </div>
+    )
+}
+
+export default List