diff --git a/src/components/Digikala/Categories.js b/src/components/Digikala/Categories.js index 3f61b98..c893105 100644 --- a/src/components/Digikala/Categories.js +++ b/src/components/Digikala/Categories.js @@ -7,11 +7,12 @@ import pindo from "./pindo.png"; import mamoriat from "./mamoriat.png"; import plus from "./plus.png"; import club from "./club.png"; +import more from "./more2.svg"; const Categories = ({ items }) => { return (
-
+
{items.slice(0, 7).map((item, index) => (
{ {item.title}
))} -
9 ? "bg-blue-600" : "bg-red-600"}`}> - iran +
9 ? "bg-blue-600" : "bg-red-600"}`} + className="flex flex-col items-center justify-center " + > +
+ +
+ بیشتر{" "}
diff --git a/src/components/Digikala/General.png b/src/components/Digikala/General.png new file mode 100644 index 0000000..89d2da9 Binary files /dev/null and b/src/components/Digikala/General.png differ diff --git a/src/components/Digikala/Offer.js b/src/components/Digikala/Offer.js new file mode 100644 index 0000000..5fa0dda --- /dev/null +++ b/src/components/Digikala/Offer.js @@ -0,0 +1,35 @@ +import React from "react"; + +import leftArrow from "./white-left-arrow.svg"; +import General from "./General.png"; + +const Offer = () => { + return ( +
+
+ {/* right */} +
+ + پیشنهاد +
+ شگفت +
+ انگیز +
+ + +
+ {/* left */} +
+
+
+ ); +}; + +export default Offer; diff --git a/src/components/Digikala/index.js b/src/components/Digikala/index.js index 09aa2ed..7d7957d 100644 --- a/src/components/Digikala/index.js +++ b/src/components/Digikala/index.js @@ -2,12 +2,14 @@ import React from "react"; import ImageSlider from "./ImageSlider"; import { SliderData } from "./SliderData"; import Categories from "./Categories"; +import Offer from "./Offer"; const Digikala = () => { return (
+
); }; diff --git a/src/components/Digikala/more2.svg b/src/components/Digikala/more2.svg new file mode 100644 index 0000000..3967400 --- /dev/null +++ b/src/components/Digikala/more2.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/src/components/Digikala/white-left-arrow.svg b/src/components/Digikala/white-left-arrow.svg new file mode 100644 index 0000000..a97c3c7 --- /dev/null +++ b/src/components/Digikala/white-left-arrow.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/components/Digikala/white-right-arrow.svg b/src/components/Digikala/white-right-arrow.svg new file mode 100644 index 0000000..b22a9ac --- /dev/null +++ b/src/components/Digikala/white-right-arrow.svg @@ -0,0 +1,8 @@ + + + + + + + +