diff --git a/src/components/Digikala/Categories.js b/src/components/Digikala/Categories.js
new file mode 100644
index 0000000..3f61b98
--- /dev/null
+++ b/src/components/Digikala/Categories.js
@@ -0,0 +1,65 @@
+import React from "react";
+
+import jet from "./jet.png";
+import style from "./style.png";
+import pay from "./pay.png";
+import pindo from "./pindo.png";
+import mamoriat from "./mamoriat.png";
+import plus from "./plus.png";
+import club from "./club.png";
+
+const Categories = ({ items }) => {
+ return (
+
+
+ {items.slice(0, 7).map((item, index) => (
+
+
+
{item.title}
+
+ ))}
+
9 ? "bg-blue-600" : "bg-red-600"}`}>
+ iran
+
+
+
+ );
+};
+
+export default Categories;
+
+Categories.defaultProps = {
+ items: [
+ {
+ image: jet,
+ title: "دیجی کالا جت",
+ },
+ {
+ image: style,
+ title: "دیجی استایل",
+ },
+ {
+ image: pay,
+ title: "دیجی پی",
+ },
+ {
+ image: pindo,
+ title: "پیندو",
+ },
+ {
+ image: mamoriat,
+ title: "ماموریت ها",
+ },
+ {
+ image: plus,
+ title: "دیجی پلاس",
+ },
+ {
+ image: club,
+ title: "دیجی کلاب",
+ },
+ ],
+};
diff --git a/src/components/Digikala/club.png b/src/components/Digikala/club.png
new file mode 100644
index 0000000..7d95bb5
Binary files /dev/null and b/src/components/Digikala/club.png differ
diff --git a/src/components/Digikala/index.js b/src/components/Digikala/index.js
index c332e8d..09aa2ed 100644
--- a/src/components/Digikala/index.js
+++ b/src/components/Digikala/index.js
@@ -1,11 +1,13 @@
import React from "react";
import ImageSlider from "./ImageSlider";
import { SliderData } from "./SliderData";
+import Categories from "./Categories";
const Digikala = () => {
return (
+
);
};
diff --git a/src/components/Digikala/jet.png b/src/components/Digikala/jet.png
new file mode 100644
index 0000000..282d66b
Binary files /dev/null and b/src/components/Digikala/jet.png differ
diff --git a/src/components/Digikala/mamoriat.png b/src/components/Digikala/mamoriat.png
new file mode 100644
index 0000000..852b5a6
Binary files /dev/null and b/src/components/Digikala/mamoriat.png differ
diff --git a/src/components/Digikala/pay.png b/src/components/Digikala/pay.png
new file mode 100644
index 0000000..10ede61
Binary files /dev/null and b/src/components/Digikala/pay.png differ
diff --git a/src/components/Digikala/pindo.png b/src/components/Digikala/pindo.png
new file mode 100644
index 0000000..03bc2c3
Binary files /dev/null and b/src/components/Digikala/pindo.png differ
diff --git a/src/components/Digikala/plus.png b/src/components/Digikala/plus.png
new file mode 100644
index 0000000..de4da85
Binary files /dev/null and b/src/components/Digikala/plus.png differ
diff --git a/src/components/Digikala/style.png b/src/components/Digikala/style.png
new file mode 100644
index 0000000..6eb8947
Binary files /dev/null and b/src/components/Digikala/style.png differ