diff --git a/src/assets/fonts/IRANSansX-Bold.woff b/src/assets/fonts/IRANSansX-Bold.woff new file mode 100644 index 0000000..510c28c Binary files /dev/null and b/src/assets/fonts/IRANSansX-Bold.woff differ diff --git a/src/components/ContactUsInfoCard/index.js b/src/components/ContactUsInfoCard/index.js index fbede0c..974757e 100644 --- a/src/components/ContactUsInfoCard/index.js +++ b/src/components/ContactUsInfoCard/index.js @@ -1,7 +1,51 @@ import React from "react"; -const ContactUsInfoCard = () => { - return
ContactUsInfoCard
; +import logoRectangle from "./images/logo-rectangle.svg"; +import map from "./images/map.svg"; +import marker from "./images/marker.svg"; +import phone from "./images/phone.svg"; + +const ContactUsInfoCard = ({ items }) => { + return ( +
+ {/* logo && map */} +
+ map + map +
+ {/* contact info */} + {items.map((item, index) => ( +
+ {item.icon} +

{item.title}

+
+ {item.content} +
+
+ ))} +
+ ); }; export default ContactUsInfoCard; + +ContactUsInfoCard.defaultProps = { + items: [ + { + icon: marker, + title: "نشانی:", + content: "شارع دوم شارع حسینی عمود موکب ۲۲", + }, + { + icon: phone, + title: "شماره تلفنی ضروری موکب:", + content: "۰۸۶۲۵۴۶۴۸۲۳", + }, + { + icon: null, + title: "تذکرات و نکات مهم:", + content: + "در این قسمت نکات مهم و ضروری برای موکب مورد نظر نوشته می شود و همچنین در مورد موارد مهم دیگر نیز در این قسمت صحبت خواهد شد", + }, + ], +};