|
|
@ -10,15 +10,15 @@ const ContactUsInfoCard = ({ items }) => { |
|
|
|
<div className="max-w-[650px] flex flex-col rounded-md border bg-white border-gray-200 p-4 mx-auto mt-10"> |
|
|
|
<div className="max-w-[650px] flex flex-col rounded-md border bg-white border-gray-200 p-4 mx-auto mt-10"> |
|
|
|
{/* logo && map */} |
|
|
|
{/* logo && map */} |
|
|
|
<div className="flex flex-row items-center justify-between "> |
|
|
|
<div className="flex flex-row items-center justify-between "> |
|
|
|
<img src={map} alt="map" /> |
|
|
|
<img src={map} alt="map" className="flex-1" /> |
|
|
|
<img src={logoRectangle} alt="map" /> |
|
|
|
<img src={logoRectangle} alt="map" className="w-[]" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
{/* contact info */} |
|
|
|
{/* contact info */} |
|
|
|
{items.map((item, index) => ( |
|
|
|
{items.map((item, index) => ( |
|
|
|
<div className="flex flex-row items-center mt-2" key={index}> |
|
|
|
<div className="flex flex-row items-center mt-2" key={index}> |
|
|
|
{item.icon && <img className="w-5" src={item.icon} alt={item.icon} />} |
|
|
|
{item.icon && <img className="w-5" src={item.icon} alt={item.icon} />} |
|
|
|
<p |
|
|
|
<p |
|
|
|
className={`text-[#2383E1] text-sm ${ |
|
|
|
className={`text-[#2383E1] text-sm font-iransansBold ${ |
|
|
|
item.icon === null ? "mr-8" : "mr-2" |
|
|
|
item.icon === null ? "mr-8" : "mr-2" |
|
|
|
}`}
|
|
|
|
}`}
|
|
|
|
> |
|
|
|
> |
|
|
|