basic style doctor page

app/doctor/[slug]/page.js

@@ -0,0 +1,16 @@
+import DoctorPage from "@/components/doctor";
+import doctors from '@/data/doctors.json';
+import Layout from "@/components/layout";
+
+function Doctor({ params: { slug } }) {
+
+    const doctor = doctors.find(item => item.id === +slug);
+
+    return (
+        <Layout title='دکتر ها'>
+            <DoctorPage doctor={doctor} />
+        </Layout>
+    )
+}
+
+export default Doctor

app/doctors/page.js

@@ -1,7 +1,7 @@
 import DoctorsPage from '@/components/doctors';
 import Layout from '@/components/layout';
 
-function index() {
+function Doctors() {
   return (
     <Layout title='دکتر ها'>
       <DoctorsPage />
@@ -9,4 +9,4 @@ function index() {
   )
 }
 
-export default index
+export default Doctors

app/globals.css

@@ -118,7 +118,7 @@ body {
     font-family: iran-sans;
     padding: 0;
     margin: 0;
-    background: #F5F5F5;
+    background: #FAFAFA;
 }
 
 .font-kalame {