From dfd7360be5cc11c2ca32e04affe0f869bc75ef5d Mon Sep 17 00:00:00 2001
From: Ehsan <ehsanahmadi8338@gmail.com>
Date: Tue, 20 Aug 2024 20:18:26 +0330
Subject: [PATCH] responsive page clinics & about & contact & doctors

---
 app/globals.css                               |   6 +-
 components/clinic/components/about/Images.js  |  47 ------------
 .../clinic/components/about/ListBime.js       |   4 +-
 .../clinic/components/about/Services.js       |  13 +++-
 .../clinic/components/about/Specialties.js    |  11 ++-
 .../clinic/components/about/iamges/Images.js  |  25 +++++++
 .../clinic/components/about/iamges/List.js    |  38 ++++++++++
 .../clinic/components/about/iamges/Slider.js  |  20 +++++
 components/clinic/components/about/index.js   |  36 +++++++--
 .../components/contact/ContentDetail.js       |   4 +-
 components/clinic/components/contact/index.js |  70 +++++++++++++-----
 .../components/contact/modal/Content.js       |  40 ++++++++++
 .../clinic/components/contact/modal/index.js  |  51 +++++++++++++
 components/clinic/index.js                    |   2 +-
 components/doctors/search/index.js            |   4 +-
 components/doctors/sortlist/index.js          |   2 +-
 components/icons/RoutingWhiteC.js             |  14 ++++
 package-lock.json                             |  21 +++++-
 package.json                                  |   3 +-
 public/assets/images/balad.png                | Bin 0 -> 1668 bytes
 public/assets/images/maps.png                 | Bin 0 -> 1707 bytes
 public/assets/images/snapp.png                | Bin 0 -> 1631 bytes
 public/assets/images/tapsi.png                | Bin 0 -> 1225 bytes
 public/assets/images/waze.png                 | Bin 0 -> 2538 bytes
 24 files changed, 321 insertions(+), 90 deletions(-)
 delete mode 100644 components/clinic/components/about/Images.js
 create mode 100644 components/clinic/components/about/iamges/Images.js
 create mode 100644 components/clinic/components/about/iamges/List.js
 create mode 100644 components/clinic/components/about/iamges/Slider.js
 create mode 100644 components/clinic/components/contact/modal/Content.js
 create mode 100644 components/clinic/components/contact/modal/index.js
 create mode 100644 components/icons/RoutingWhiteC.js
 create mode 100644 public/assets/images/balad.png
 create mode 100644 public/assets/images/maps.png
 create mode 100644 public/assets/images/snapp.png
 create mode 100644 public/assets/images/tapsi.png
 create mode 100644 public/assets/images/waze.png

diff --git a/app/globals.css b/app/globals.css
index 78dadc7..d5a71ce 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -246,11 +246,13 @@ html {
 
 /* Hidden Scroll */
 
-.hidden-scroll::-webkit-scrollbar-thumb {
+.hidden-scroll::-webkit-scrollbar-thumb,
+.MuiTabs-scroller::-webkit-scrollbar-thumb {
     background: transparent;
 }
 
-.hidden-scroll::-webkit-scrollbar {
+.hidden-scroll::-webkit-scrollbar,
+.MuiTabs-scroller::-webkit-scrollbar {
     height: 0;
 }
 
diff --git a/components/clinic/components/about/Images.js b/components/clinic/components/about/Images.js
deleted file mode 100644
index 1e7fea6..0000000
--- a/components/clinic/components/about/Images.js
+++ /dev/null
@@ -1,47 +0,0 @@
-import Image from 'next/image';
-
-function Images({ data }) {
-    return (
-        <div className='flex items-center mb-[8px] justify-center gap-[24px] w-full'>
-            <Image
-                className="rounded-[8px] overflow-hidden"
-                src={data.images_clinic[0]}
-                alt="img clinic"
-                height={432}
-                width={600}
-            />
-            <div className="grid grid-cols-2 gap-[24px]">
-                <Image
-                    className="rounded-[8px] overflow-hidden"
-                    src={data.images_clinic[1]}
-                    alt="img clinic"
-                    height={204}
-                    width={288}
-                />
-                <Image
-                    className="rounded-[8px] overflow-hidden"
-                    src={data.images_clinic[2]}
-                    alt="img clinic"
-                    height={204}
-                    width={288}
-                />
-                <Image
-                    className="rounded-[8px] overflow-hidden"
-                    src={data.images_clinic[3]}
-                    alt="img clinic"
-                    height={204}
-                    width={288}
-                />
-                <Image
-                    className="rounded-[8px] overflow-hidden"
-                    src={data.images_clinic[4]}
-                    alt="img clinic"
-                    height={204}
-                    width={288}
-                />
-            </div>
-        </div>
-    )
-}
-
-export default Images
\ No newline at end of file
diff --git a/components/clinic/components/about/ListBime.js b/components/clinic/components/about/ListBime.js
index 8c3657f..16a61b1 100644
--- a/components/clinic/components/about/ListBime.js
+++ b/components/clinic/components/about/ListBime.js
@@ -2,11 +2,11 @@ import Image from 'next/image'
 
 function ListBime({ data }) {
     return (
-        <ul className='flex mt-[8px] items-center justify-center gap-[24px]'>
+        <ul className='flex overflow-auto hidden-scroll  mt-[8px] items-center justify-start xl:justify-center gap-[8px] sm:gap-[13px] md:gap-[19px] lg:gap-[24px]'>
             {data.list_bime.map((item, idx) => (
                 <li
                     key={idx}
-                    className='p-[16px] w-full border border-[#EFEFEF] flex flex-col items-center justify-center gap-[20px]'
+                    className='p-[16px] min-w-[156px] w-full border border-[#EFEFEF] flex flex-col items-center justify-center gap-[20px]'
                 >
                     <Image
                         src={item.img}
diff --git a/components/clinic/components/about/Services.js b/components/clinic/components/about/Services.js
index b342fce..0baabfa 100644
--- a/components/clinic/components/about/Services.js
+++ b/components/clinic/components/about/Services.js
@@ -2,16 +2,21 @@ import TickCircleOrange from '@/components/icons/TickCircleOrange';
 
 function Services({ data }) {
   return (
-    <ul className='mt-[8px] w-full p-[22px] gap-x-[64px] gap-y-[40px] rounded-[8px] bg-[#FFF] grid grid-cols-4'>
+    <ul className='
+    mt-[8px] w-full p-[22px] rounded-[8px] bg-[#FFF] flex flex-wrap items-center justify-start lg:grid grid-cols-4
+    gap-x-[40px] sm:gap-x-[48px] md:gap-x-[56px] lg:gap-x-[64px] 
+    gap-y-[24px] sm:gap-y-[30px] md:gap-y-[35px] lg:gap-y-[40px]'>
       {data.specialties.map((item, idx) => (
         <li
           key={idx}
-          className='flex items-center justify-start gap-2'
+          className='flex items-start justify-start gap-2'
         >
-          <TickCircleOrange />
+          <div className='min-w-[24px] min-h-[24px]'>
+            <TickCircleOrange />
+          </div>
           <p
             className={`
-            text-[16px] font-normal
+            text-[16px] font-normal 
             ${idx === 0 ? 'text-[#F17732]' : 'text-[#525252]'}
           `}
           >{item}</p>
diff --git a/components/clinic/components/about/Specialties.js b/components/clinic/components/about/Specialties.js
index 26bcc52..c16b7ad 100644
--- a/components/clinic/components/about/Specialties.js
+++ b/components/clinic/components/about/Specialties.js
@@ -2,13 +2,18 @@ import TickCircleOrange from '@/components/icons/TickCircleOrange';
 
 function Specialties({ data }) {
     return (
-        <ul className='mt-[8px] w-full p-[22px] gap-x-[64px] gap-y-[40px] rounded-[8px] bg-[#FFF] grid grid-cols-4'>
+        <ul className='
+        mt-[8px] w-full p-[22px] rounded-[8px] bg-[#FFF] flex flex-wrap items-center justify-start lg:grid grid-cols-4
+        gap-x-[40px] sm:gap-x-[48px] md:gap-x-[56px] lg:gap-x-[64px] 
+        gap-y-[24px] sm:gap-y-[30px] md:gap-y-[35px] lg:gap-y-[40px]'>
             {data.specialties.map((item, idx) => (
                 <li
                     key={idx}
-                    className='flex items-center justify-start gap-2'
+                    className='flex items-start justify-start gap-2'
                 >
-                    <TickCircleOrange />
+                    <div className='min-w-[24px] min-h-[24px]'>
+                        <TickCircleOrange />
+                    </div>
                     <p
                         className={`
                         text-[16px] font-normal
diff --git a/components/clinic/components/about/iamges/Images.js b/components/clinic/components/about/iamges/Images.js
new file mode 100644
index 0000000..4154a73
--- /dev/null
+++ b/components/clinic/components/about/iamges/Images.js
@@ -0,0 +1,25 @@
+import List from './List';
+import Slider from './Slider';
+import Image from 'next/image';
+
+function Images({ data }) {
+    return (
+        <div
+            className='
+            flex flex-col md:flex-row items-center mb-[8px] justify-center w-full
+            gap-[12px] md:gap-[18px] lg:gap-[24px]
+        '>
+            <Image
+                className="rounded-[8px] overflow-hidden"
+                src={data.images_clinic[0]}
+                alt="img clinic"
+                height={432}
+                width={600}
+            />
+            <List data={data} />
+            <Slider data={data} />
+        </div>
+    )
+}
+
+export default Images
\ No newline at end of file
diff --git a/components/clinic/components/about/iamges/List.js b/components/clinic/components/about/iamges/List.js
new file mode 100644
index 0000000..6d8e059
--- /dev/null
+++ b/components/clinic/components/about/iamges/List.js
@@ -0,0 +1,38 @@
+import Image from 'next/image';
+
+function List({ data }) {
+    return (
+        <div className="hidden md:grid grid-cols-2 gap-[16px] lg:gap-[24px]">
+            <Image
+                className="rounded-[8px] overflow-hidden"
+                src={data.images_clinic[1]}
+                alt="img clinic"
+                height={204}
+                width={288}
+            />
+            <Image
+                className="rounded-[8px] overflow-hidden"
+                src={data.images_clinic[2]}
+                alt="img clinic"
+                height={204}
+                width={288}
+            />
+            <Image
+                className="rounded-[8px] overflow-hidden"
+                src={data.images_clinic[3]}
+                alt="img clinic"
+                height={204}
+                width={288}
+            />
+            <Image
+                className="rounded-[8px] overflow-hidden"
+                src={data.images_clinic[4]}
+                alt="img clinic"
+                height={204}
+                width={288}
+            />
+        </div>
+    )
+}
+
+export default List
\ No newline at end of file
diff --git a/components/clinic/components/about/iamges/Slider.js b/components/clinic/components/about/iamges/Slider.js
new file mode 100644
index 0000000..c0d7a82
--- /dev/null
+++ b/components/clinic/components/about/iamges/Slider.js
@@ -0,0 +1,20 @@
+import Image from "next/image"
+
+function Slider({ data }) {
+    return (
+        <ul className="flex md:hidden gap-2 w-full justify-start items-center overflow-auto hidden-scroll">
+            {[...data.images_clinic, ...data.images_clinic].map((item, idx) =>
+                idx !== 0 ? (
+                    <Image
+                        src={item}
+                        width={90}
+                        height={90}
+                        alt="image clinic"
+                        className="min-w-[90px] min-h-[90px] object-cover rounded-[8px] overflow-hidden"
+                    />
+                ) : undefined)}
+        </ul>
+    )
+}
+
+export default Slider
\ No newline at end of file
diff --git a/components/clinic/components/about/index.js b/components/clinic/components/about/index.js
index 1012bf9..b17011c 100644
--- a/components/clinic/components/about/index.js
+++ b/components/clinic/components/about/index.js
@@ -1,18 +1,40 @@
-import Images from "./Images";
-import ContentDetail from "./ContentDetail";
+import { useState } from "react";
 import ListBime from "./ListBime";
-import Specialties from "./Specialties";
 import Services from "./Services";
+import Images from "./iamges/Images";
+import { Button } from "@mui/material";
+import Specialties from "./Specialties";
+import ContentDetail from "./ContentDetail";
 
 function About({ data }) {
+
+    const [isMore, setIsMore] = useState(false);
+
     return (
         <div className="opacity-page transition-all duration-500">
             <Images data={data} />
             <ContentDetail head='کلینیک تخصصی و فوق تخصصی نیکان'>
-                <p
-                    className="text-[#525252] text-[16px] font-normal leading-[32px]"
-                    dangerouslySetInnerHTML={{ __html: data.caption }}
-                ></p>
+                <div className="flex flex-col items-center justify-center">
+                    <p
+                        className={`
+                        text-[#525252] text-[16px] font-normal leading-[32px] overflow-hidden relative
+                        md:max-h-fit after:absolute after:right-0 after:bottom-0 after:h-[80px]
+                        after:shadow-xl after:w-full transition-all duration-500
+                        ${isMore ?
+                                'after:bg-transparent max-h-screen' :
+                                'after:bg-[linear-gradient(transparent,#FAFAFA)] max-h-[256px]'
+                            }
+                    `}
+                        dangerouslySetInnerHTML={{ __html: data.caption }}
+                    ></p>
+                    <Button
+                        className="!text-[#F17732] !text-[14px] !font-light !p-2"
+                        onClick={() => setIsMore(!isMore)}
+                        variant="text"
+                    >
+                        {isMore ? 'مطالعه کمتر' : 'مطالعه بیشتر'}
+                    </Button>
+                </div>
             </ContentDetail>
             <ContentDetail head='بیمه های طرف قرارداد'>
                 <ListBime data={data} />
diff --git a/components/clinic/components/contact/ContentDetail.js b/components/clinic/components/contact/ContentDetail.js
index c4d414f..4576eaa 100644
--- a/components/clinic/components/contact/ContentDetail.js
+++ b/components/clinic/components/contact/ContentDetail.js
@@ -1,8 +1,8 @@
 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>
+            <p className="text-[#525252] text-[14px] sm:text-[16px] md:text-[18px] lg:text-[20px] font-bold">{head}</p>
+            <p className="text-[14px] md:text-[16px] text-[#525252]">{detail}</p>
         </li>
     )
 }
diff --git a/components/clinic/components/contact/index.js b/components/clinic/components/contact/index.js
index 5443a3e..8c07f12 100644
--- a/components/clinic/components/contact/index.js
+++ b/components/clinic/components/contact/index.js
@@ -1,27 +1,63 @@
-import { Button } from "@mui/material"
-import Detail from "./Detail"
-import RoutingC from "@/components/icons/RoutingC"
+import { useState } from "react";
+
+import RoutingWhiteC from "@/components/icons/RoutingWhiteC";
+import { Button } from "@mui/material";
+import ModalSearchCity from "./modal";
+import Detail from "./Detail";
+import RoutingC from "@/components/icons/RoutingC";
 
 function Contact({ data }) {
+
+    const [open, setOpen] = useState(false);
+    const handleOpen = () => setOpen(true);
+    const handleClose = () => setOpen(false);
+
     return (
-        <div className="opacity-page py-[32px] px-[64px] border border-[#EFEFEF] rounded-[16px]">
+        <div
+            className="
+                opacity-page border border-[#EFEFEF] rounded-[16px]
+                py-[12px] sm:py-[18px] md:py-[25px] lg:py-[32px] 
+                px-[12px] sm:px-[30px] md:px-[47px] lg:px-[64px]
+            "
+        >
             <div className="flex items-end justify-between">
                 <Detail data={data} />
-                <Button
-                    className="!gap-[8px] !py-[8px] !px-[12px]"
-                    variant="outlined"
+                <ModalSearchCity
+                    open={open}
+                    setOpen={setOpen}
+                    handleClose={handleClose}
                 >
-                    <RoutingC />
-                    مسیریابی
-                </Button>
+                    <Button
+                        className="!hidden md:!flex !gap-[8px] !py-[8px] !px-[12px]"
+                        onClick={handleOpen}
+                        variant="outlined"
+                    >
+                        <RoutingC />
+                        مسیریابی
+                    </Button>
+                </ModalSearchCity>
+            </div>
+            <div
+                className="w-full relative h-[460px] mt-[24px]"
+            >
+                <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-full rounded-lg'
+                    loading="lazy"
+                ></iframe>
+                <ModalSearchCity
+                    open={open}
+                    setOpen={setOpen}
+                    handleClose={handleClose}
+                >
+                    <Button
+                        className="!flex md:!hidden !p-2 !absolute !left-3 !bottom-3 !rounded-full !border !border-[#5559CE] !bg-[#5559CE] !shadow-[0px_1px_24.8px_0px_rgba(69,_69,_69,_0.54)]"
+                        onClick={handleOpen}
+                    >
+                        <RoutingWhiteC />
+                    </Button>
+                </ModalSearchCity>
             </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>
     )
 }
diff --git a/components/clinic/components/contact/modal/Content.js b/components/clinic/components/contact/modal/Content.js
new file mode 100644
index 0000000..ec950b6
--- /dev/null
+++ b/components/clinic/components/contact/modal/Content.js
@@ -0,0 +1,40 @@
+import CloseModalD from '@/components/icons/CloseModalD'
+import Image from 'next/image'
+
+const maps = [
+    { src: '/assets/images/snapp.png', name: 'snapp' },
+    { src: '/assets/images/tapsi.png', name: 'tapsi' },
+    { src: '/assets/images/maps.png', name: 'maps' },
+    { src: '/assets/images/balad.png', name: 'balad' },
+    { src: '/assets/images/waze.png', name: 'waze' }
+]
+
+function Content({ handleClose }) {
+    return (
+        <>
+            <div className="flex items-center justify-between">
+                <p className="text-[#3B3B3B] text-[14px] sm:text-[16px] md:text-[18px] lg:text-[20px] font-medium">باز شدن با</p>
+                <div className="cursor-pointer" onClick={handleClose}>
+                    <CloseModalD />
+                </div>
+            </div>
+            <span className="bg-[#EFEFEF] block h-px w-full mt-[12px] mb-[22px]"></span>
+            <ul className="flex items-center justify-center gap-[32px] md:gap-[36px] lg:gap-[40px] mx-[72px]">
+                {maps.map((item, idx) => (
+                    <li className="flex items-center flex-col justify-center gap-1">
+                        <Image
+                            className='w-[32px] h-[32px] lg:w-[40px] lg:h-[40px]'
+                            src={item.src}
+                            alt="icon app"
+                            height={40}
+                            width={40}
+                        />
+                        <p className="text-[#3B3B3B] font-normal text-[14px]">{item.name}</p>
+                    </li>
+                ))}
+            </ul>
+        </>
+    )
+}
+
+export default Content
\ No newline at end of file
diff --git a/components/clinic/components/contact/modal/index.js b/components/clinic/components/contact/modal/index.js
new file mode 100644
index 0000000..4350af0
--- /dev/null
+++ b/components/clinic/components/contact/modal/index.js
@@ -0,0 +1,51 @@
+'use client';
+
+import { Drawer, Modal } from "@mui/material";
+import { styleDefault } from "@/mui";
+import Content from "./Content";
+
+function ModalSearchCity({ open, setOpen, handleClose, children }) {
+
+    const toggleDrawer = (newOpen) => () => {
+        setOpen(newOpen);
+    };
+
+    return (
+        <>
+            {/* Button Modal */}
+            {children}
+            {/* Content Modal */}
+            <Modal
+                open={open}
+                onClose={handleClose}
+                className="!hidden md:!flex"
+            >
+                <div
+                    style={styleDefault}
+                    className="!pt-[12px] !pb-[28px] !px-[24px] !bg-[#FAFAFA] !rounded-[8px] !overflow-hidden"
+                >
+                    <Content onClose={handleClose} />
+                </div>
+            </Modal>
+            <Drawer
+                open={open}
+                anchor="bottom"
+                onClose={toggleDrawer(false)}
+                className="!flex md:!hidden"
+                sx={{
+                    '& .MuiPaper-root': {
+                        borderRadius: '25px 25px 0px 0px'
+                    }
+                }}
+            >
+                <div
+                    className="!pt-[12px] !pb-[28px] !px-[24px] !bg-[#FAFAFA] !rounded-[8px] !overflow-hidden !shadow-[0px_1px_24.8px_0px_rgba(155,_155,_155,_0.27)]"
+                >
+                    <Content onClose={handleClose} />
+                </div>
+            </Drawer>
+        </>
+    )
+}
+
+export default ModalSearchCity
\ No newline at end of file
diff --git a/components/clinic/index.js b/components/clinic/index.js
index a07739f..889f241 100644
--- a/components/clinic/index.js
+++ b/components/clinic/index.js
@@ -9,7 +9,7 @@ import Doctors from './components/doctors';
 
 function ClinicPage({ data, doctors }) {
 
-  const [value, setValue] = useState(0);
+  const [value, setValue] = useState(1);
   const handleChange = (event, newValue) => setValue(newValue);
 
   const Components = [
diff --git a/components/doctors/search/index.js b/components/doctors/search/index.js
index 671269e..e9b2ace 100644
--- a/components/doctors/search/index.js
+++ b/components/doctors/search/index.js
@@ -51,8 +51,8 @@ function SearchBar({ data, setData }) {
                 className={`!shadow-none !px-5 !h-full !w-[524px] bg-[#FAFAFA] !text-[14px] md:!text-[16px] !min-w-[50%] !rounded-0 !font-normal !text-[#6C757D]`}
             />
             <Button
-                className="!flex !m-1 !rounded-[4px] !min-w-[40px] sm:!min-w-[42px] md:!min-w-[49px] lg:!min-w-[56px]
-                !gap-2.5 !p-2.5 !h-[calc(100%_-_8px)]"
+                className="!flex !m-1 !rounded-[4px] !min-w-[36px] sm:!min-w-[42px] md:!min-w-[49px] lg:!min-w-[56px]
+                !gap-2.5 !p-2.5 md:!p-4 !h-[calc(100%_-_8px)]"
             >
                 <SearchD />
             </Button>
diff --git a/components/doctors/sortlist/index.js b/components/doctors/sortlist/index.js
index 57b3e2a..a22c864 100644
--- a/components/doctors/sortlist/index.js
+++ b/components/doctors/sortlist/index.js
@@ -6,7 +6,7 @@ import SelectSort from "./SelectSort";
 
 function SortList({ data, setData }) {
     return (
-        <div className="flex items-center lg:!w-[25%] gap-[20px] lg:gap-0">
+        <div className="flex flex-wrap items-center lg:!w-[25%] gap-[20px] gap-y-[12px] lg:gap-0">
             <FilterModal data={data} setData={setData}>
                 <FilterBtn />
             </FilterModal>
diff --git a/components/icons/RoutingWhiteC.js b/components/icons/RoutingWhiteC.js
new file mode 100644
index 0000000..f637f39
--- /dev/null
+++ b/components/icons/RoutingWhiteC.js
@@ -0,0 +1,14 @@
+function RoutingWhiteC() {
+    return (
+        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+            <path d="M12 19.5C16.1421 19.5 19.5 16.1421 19.5 12C19.5 7.85786 16.1421 4.5 12 4.5C7.85786 4.5 4.5 7.85786 4.5 12C4.5 16.1421 7.85786 19.5 12 19.5Z" stroke="#FAFAFA" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+            <path d="M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z" stroke="#FAFAFA" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+            <path d="M12 4V2" stroke="#FAFAFA" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+            <path d="M4 12H2" stroke="#FAFAFA" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+            <path d="M12 20V22" stroke="#FAFAFA" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+            <path d="M20 12H22" stroke="#FAFAFA" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+        </svg>
+    )
+}
+
+export default RoutingWhiteC
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index 2853330..302b12c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -17,7 +17,8 @@
         "next": "14.2.3",
         "react": "^18",
         "react-dom": "^18",
-        "styled-components": "^6.1.11"
+        "styled-components": "^6.1.11",
+        "swiper": "^11.1.9"
       },
       "devDependencies": {
         "postcss": "^8",
@@ -2434,6 +2435,24 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/swiper": {
+      "version": "11.1.9",
+      "resolved": "https://registry.npmjs.org/swiper/-/swiper-11.1.9.tgz",
+      "integrity": "sha512-rflu8zvfGa3x1v/aeSufk4zRJffhOQowyvtJlp46sUBnOqAuk1Rdv5Ldj0AWWBV595iZ+ZMk7VB35ZRtRUomtA==",
+      "funding": [
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/swiperjs"
+        },
+        {
+          "type": "open_collective",
+          "url": "http://opencollective.com/swiper"
+        }
+      ],
+      "engines": {
+        "node": ">= 4.7.0"
+      }
+    },
     "node_modules/tailwindcss": {
       "version": "3.4.3",
       "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.3.tgz",
diff --git a/package.json b/package.json
index 0a048f8..c178eb8 100644
--- a/package.json
+++ b/package.json
@@ -18,7 +18,8 @@
     "next": "14.2.3",
     "react": "^18",
     "react-dom": "^18",
-    "styled-components": "^6.1.11"
+    "styled-components": "^6.1.11",
+    "swiper": "^11.1.9"
   },
   "devDependencies": {
     "postcss": "^8",
diff --git a/public/assets/images/balad.png b/public/assets/images/balad.png
new file mode 100644
index 0000000000000000000000000000000000000000..54540d2fce43f0f2f824b11f57d721ce3984bb2a
GIT binary patch
literal 1668
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
O0000<MNUMnLSTY=D-=Ee

literal 0
HcmV?d00001

diff --git a/public/assets/images/maps.png b/public/assets/images/maps.png
new file mode 100644
index 0000000000000000000000000000000000000000..04b1718ef14613d29317df9d2f98897da3c81743
GIT binary patch
literal 1707
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
BA3*>B

literal 0
HcmV?d00001

diff --git a/public/assets/images/snapp.png b/public/assets/images/snapp.png
new file mode 100644
index 0000000000000000000000000000000000000000..91b334a1ee78f3b177bb7226808ec87a4f5c6c05
GIT binary patch
literal 1631
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

literal 0
HcmV?d00001

diff --git a/public/assets/images/tapsi.png b/public/assets/images/tapsi.png
new file mode 100644
index 0000000000000000000000000000000000000000..2e25f785974ffb968c49f902fe6e6583833880a8
GIT binary patch
literal 1225
zcmV;)1UCDLP)<h;3K|Lk000e1NJLTq001Ze001Zm1^@s6jQ+T700009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH1YSu*K~#7F&6!_l
zTU8v#zrT~4r0LWq(}9~0O;=$PhRd)xeQ~L*pi^)a#I8<O^~ncm`zpe^H{aH}Hy^a1
zw)H`*_y+~CnIcvZOl2~`HND`Uu_;Tkt*!ZU&)M(XB<+$WY0_oM{Xlzf?mg$+Z@#~i
zU(Wf3utnkn!7xaK2y_SpKEjXOpC+N8OeiuHsRc+G3Cx%gYyqmLar|h|FWST~1dZGz
zrZyA{CPbu^r&z36Yqy#N+QNL|B*+%l0MulyLN^r{Kel^B5S>K5j%@}zDiyKF#mQ>T
zstQaV+kLumu2n#(@s8=(Xr<d_1?rHJ&-F18!e|OADpzE0VAf2O-Vx=R^L(3Yo;VGK
zTx>|WI~xS%!x}=9QEZ6)>=KGX93SW&5(4j{g-A<{20o097hbOkj1TM$3d+p!l^|M6
zLata{h55K1V#<s;K%6F*bMx2^+U|+W5*!4(7|<@}9MtYPjW%KDUy=WJ2o6IC8rDaO
z9}k9wbj`tmNJ+f{QiS1DNQMlZ#nB3sgwfLn>e!C#FW*ANFKuWd6om}|)mi7Vuwl?0
z_dsml33%GdHxO#Sb}(3UQCV>Joq*VJ-_1iI{pCCSE-#}NTzek^wfiCe`x|0c7pz~u
zhr9QAq(6Jx9^d=y2-07FfJ|f>p1v1Zh^xX#<Y$2;>pZ34e&lHw5A+mW&dz@hD=$#&
z*ac;Hp)M{#bnXFdD;~mq@JUc$C)7WGz&LOiY5%?OJoO5!SkxZhbL3@64yn9s!u|LF
z<fT86y%;N}&`-(1ZnZ&o`(129$vR^B8c!R`KJ`Aw86YE(nmq$=|Eui65Y+$IA+HqA
zBbE3U@~`s{UHc);b8zi>7%<$WPeW?zO%}g^a%cw=<o5bq`yORc1}dS$g!F3e!OPd-
z>e^>d^wdXhK?EN}_J>cAng0USptec4AM3Y6n)z;)$4O!n5(e9sB;Pi_@3k`^udiau
z<u{JPS~_Q+XTF(%XKV)TufGT439d3JWPbVzo5G7sy7O*$o)|**xA__bDwE=a-Lo!_
z?-`@#a8(Dh3umFOURi$@hsp@`vba@PzyA!CT18E;>+XX`kUjq+)U|l^wi2IEep7TB
z4n#to68vF^!l_6Ru`@J(lC{^3-B#W*%Iuhmb=kRut(<_vVCN$Gm`ipZISz+mapgfD
zZGnMFd;RYi7l}(Fg|f)n*M;<0V|+-U<tVe@o@Py;c2U<#&|)O0sHjx*g&UZ@pyy)i
zLai_nm?|zNm0bv4eW81f7ad_V6&2;Qa-j5T+1iZdw)%AkGznf0oYlpna`&p2-v+yN
z$cJ$|;jng0FIFt^iE4d2rWQve@DiVzXf(tbL(yn8ak*wSkgwb5(#Q!k0(MQVT4Uwv
zfu+<}L|+%GH~PVP`sN**kSp2oT7<24+amGf_lJ3B9TvQ8<)0dYycF$ZXZ!^*oCT6R
ncvO;#@Xr;|!21^>*a9~ITsEkam%>l500000NkvXXu0mjf_)S0$

literal 0
HcmV?d00001

diff --git a/public/assets/images/waze.png b/public/assets/images/waze.png
new file mode 100644
index 0000000000000000000000000000000000000000..443fe320dfd4fcc9a28fa81c6f064ebdcc5c4038
GIT binary patch
literal 2538
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
AKL7v#

literal 0
HcmV?d00001