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