change data clinics & page clinics tab about & contact & doctors

2024-08-13 01:23:44 +03:30
parent f5ce58ef90
commit 5568a989fe
27 changed files with 368 additions and 92 deletions
@@ -0,0 +1,10 @@
+function ContentDetail({ head, detail }) {
+    return (
+        <li className="flex flex-col items-start justify-center gap-4">
+            <p className="text-[#525252] text-[20px] font-bold">{head}</p>
+            <p>{detail}</p>
+        </li>
+    )
+}
+
+export default ContentDetail;
@@ -0,0 +1,26 @@
+import ContentDetail from "./ContentDetail"
+
+function Detail({ data }) {
+    return (
+        <ul className="flex flex-col items-start justify-start gap-[16px]">
+            <ContentDetail
+                head='روزهای کاری: '
+                detail={`ساعت کاری: ${data.hours_of_work}`}
+            />
+            <ContentDetail
+                head='تلفن: '
+                detail={`${data.phone_number_1} ${data.phone_number_2}`}
+            />
+            <ContentDetail
+                head='ایمیل:'
+                detail={data.email}
+            />
+            <ContentDetail
+                head='آدرس: '
+                detail={data.location}
+            />
+        </ul>
+    )
+}
+
+export default Detail
@@ -0,0 +1,29 @@
+import { Button } from "@mui/material"
+import Detail from "./Detail"
+import RoutingC from "@/components/icons/RoutingC"
+
+function Contact({ data }) {
+    return (
+        <div className="opacity-page py-[32px] px-[64px] border border-[#EFEFEF] rounded-[16px]">
+            <div className="flex items-end justify-between">
+                <Detail data={data} />
+                <Button
+                    className="!gap-[8px] !py-[8px] !px-[12px]"
+                    variant="outlined"
+                >
+                    <RoutingC />
+                    مسیریابی
+                </Button>
+            </div>
+            <iframe
+                src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d83998.96777841153!2d2.264635095144491!3d48.85882549249809!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47e66e1f06e2b70f%3A0x40b82c3688c9460!2sParis%2C%20France!5e0!3m2!1sen!2snl!4v1723498499341!5m2!1sen!2snl"
+                className='w-full h-[460px] rounded-lg mt-[24px]'
+                referrerPolicy="no-referrer-when-downgrade"
+                allowFullScreen=""
+                loading="lazy"
+            ></iframe>
+        </div>
+    )
+}
+
+export default Contact