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 */}
+
+
+
+
+ {/* contact info */}
+ {items.map((item, index) => (
+
+
+
{item.title}
+
+ {item.content}
+
+
+ ))}
+
+ );
};
export default ContactUsInfoCard;
+
+ContactUsInfoCard.defaultProps = {
+ items: [
+ {
+ icon: marker,
+ title: "نشانی:",
+ content: "شارع دوم شارع حسینی عمود موکب ۲۲",
+ },
+ {
+ icon: phone,
+ title: "شماره تلفنی ضروری موکب:",
+ content: "۰۸۶۲۵۴۶۴۸۲۳",
+ },
+ {
+ icon: null,
+ title: "تذکرات و نکات مهم:",
+ content:
+ "در این قسمت نکات مهم و ضروری برای موکب مورد نظر نوشته می شود و همچنین در مورد موارد مهم دیگر نیز در این قسمت صحبت خواهد شد",
+ },
+ ],
+};