title comment and finish tap location in page doctor item

components/doctor/detailDoctor/cards/LocationDoctor.js

@@ -1,9 +1,20 @@
-function LocationDoctor() {
+function LocationDoctor({ doctor }) {
     return (
         <div>
             <div className="my-8">
                 <p className="text-[#525252] text-[20px] font-bold">موقعیت مکانی </p>
             </div>
+            <div className="gap-4 flex flex-col items-start">
+                <p className="text-[#525252] text-[16px] font-normal">آدرس: {doctor.location}</p>
+                <p className="text-[#525252] text-[16px] font-normal">تلفن: {doctor.phone}</p>
+                <p className="text-[#525252] text-[16px] font-normal">روزهای کاری: {doctor.hours_of_work}</p>
+            </div>
+            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d12959.6445083469!2d51.33890241984384!3d35.70380456224644!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3f8dfe05732c2e91%3A0xfcbec017befd15f4!2sAzadi%20Tower!5e0!3m2!1sen!2snl!4v1700601294504!5m2!1sen!2snl"
+                className='w-full xl:w-1/2 h-80 rounded-lg my-4'
+                allowFullScreen=""
+                loading="lazy"
+                referrerPolicy="no-referrer-when-downgrade"
+            ></iframe>
         </div>
     )
 }

components/doctor/detailDoctor/cards/comments/Chart.js

@@ -0,0 +1,9 @@
+import React from 'react'
+
+function Chart() {
+    return (
+        <div>Chart</div>
+    )
+}
+
+export default Chart

components/doctor/detailDoctor/cards/comments/index.js

@@ -0,0 +1,21 @@
+import { Button } from '@mui/material'
+import React from 'react'
+
+function Comments() {
+    return (
+        <div className='mt-4'>
+            <div>
+                <p className="text-[#525252] text-[20px] font-bold">موقعیت مکانی </p>
+            </div>
+            <div className='mt-8 flex items-center justify-start'>
+                <p className='text-[#616161] text-[16px] font-normal'>شما هم نظر خود را در مورد این پزشک به اشتراک بگذارید:</p>
+                <Button
+                    variant='outlined'
+                    className='!py-2.5 !px-9 !mr-4'
+                >ثبت نظر</Button>
+            </div>
+        </div>
+    )
+}
+
+export default Comments

components/doctor/detailDoctor/index.js

@@ -2,6 +2,7 @@ import Link from "./Link"
 import Share from "./Share"
 import Title from "./Title"
 import AboutDcotor from "./cards/AboutDcotor"
+import Comments from "./cards/comments"
 import LocationDoctor from "./cards/LocationDoctor"
 
 function DetailDoctor({ doctor }) {
@@ -11,7 +12,8 @@ function DetailDoctor({ doctor }) {
             <Title doctor={doctor} />
             <Link />
             <AboutDcotor doctor={doctor} />
-            <LocationDoctor />
+            <LocationDoctor doctor={doctor} />
+            <Comments doctor={doctor} />
         </div>
     )
 }