diff --git a/src/App.js b/src/App.js index 276a9e7..11af4e5 100644 --- a/src/App.js +++ b/src/App.js @@ -4,15 +4,17 @@ import ProductDesign from "./components/productDesign/ProductDesign"; import ProductTags from "./components/productTags/ProductTags"; import CounterDesign from "./components/counterDesign/CounterDesign"; import { BookDesign } from "./components/bookDesign/BookDesign"; +import BlogDesign1 from "./components/Blogs/design1/BlogDesign1"; function App() { return (
- - - - - + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} +
); } diff --git a/src/assets/icons/black-comment-icon.svg b/src/assets/icons/black-comment-icon.svg new file mode 100644 index 0000000..da56688 --- /dev/null +++ b/src/assets/icons/black-comment-icon.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + 17 + + diff --git a/src/assets/images/blog-author.png b/src/assets/images/blog-author.png new file mode 100644 index 0000000..f72fba7 Binary files /dev/null and b/src/assets/images/blog-author.png differ diff --git a/src/assets/images/blog-featured-image.jpg b/src/assets/images/blog-featured-image.jpg new file mode 100644 index 0000000..7ef425d Binary files /dev/null and b/src/assets/images/blog-featured-image.jpg differ diff --git a/src/components/Blogs/design1/BlogDesign1.js b/src/components/Blogs/design1/BlogDesign1.js new file mode 100644 index 0000000..4afefcf --- /dev/null +++ b/src/components/Blogs/design1/BlogDesign1.js @@ -0,0 +1,72 @@ +import React from "react"; + +import blogImage from "../../../assets/images/blog-featured-image.jpg"; +import blogAuthorImg from "../../../assets/images/blog-author.png"; + +import commentIcon from "../../../assets/icons/black-comment-icon.svg"; + +const BlogDesign1 = ({ blogExcerpt, blogAuthor, blogComments }) => { + return ( +
+ {/* title holder */} +
+

آیتم محصولات

+ +
+
+

+ آدرس: + + blogs/design1{" "} + +

+
+ {/* blog UI Design1 */} +
+
+ +
+
+

+ آیا مواد غذای پر فیبر و مفید هستند؟ +

+ {blogExcerpt && ( +

+ در این قسمت یک توضیح بسیار کوتاه یا عادی در مورد ارور نوشته خواهد + شد. طراح سعی می کند تا این متن را بیشتر از خد انتظار بلند کند تا + دیگران متوجه شوند. +

+ )} +
+ {blogAuthor && ( +
+ +

+ حامد دژبانی نسب +

+
+ )} + {blogComments && ( +
+

+ زمان مطالعه 30 دقیقه +

+ +
+ )} +
+
+
+
+ ); +}; + +export default BlogDesign1; + +BlogDesign1.defaultProps = { + blogExcerpt: true, + blogAuthor: true, + blogComments: true, +}; diff --git a/src/components/productDesign/ProductDesign.js b/src/components/productDesign/ProductDesign.js index e224ef8..2d463e2 100644 --- a/src/components/productDesign/ProductDesign.js +++ b/src/components/productDesign/ProductDesign.js @@ -65,11 +65,9 @@ const ProductDesign = ({ {/* product UI Design */}
- {/* product items1 */}
{/* item1 */}
- {/*star img holder*/}
{discountPricePercent && (
@@ -102,7 +100,6 @@ const ProductDesign = ({
)}
- {/* content holder */}

نسخه چاپی علموم تجربه هفتم @@ -114,7 +111,6 @@ const ProductDesign = ({

)}

- {/* star holder */} {star && (
@@ -123,7 +119,6 @@ const ProductDesign = ({
)} - {/* price holder */}
@@ -154,443 +149,6 @@ const ProductDesign = ({ اضافه کردن به سبد خرید
- {/* tag holder */} - {productTags && ( -
- - - -
- )} -
-
- {/* product items2 */} -
- {/* item1 */} -
- {/*star img holder*/} -
- {discountPricePercent && ( -
-

- 23% -

-
- )} - {likeBtn && ( -
- -
- )} - {discount && ( -
- -
- )} - {/* img Holder */} -
- -
- {/* select Color */} - {colors && ( -
-
    -
  • - {/* */} -
  • -
  • - {/* */} -
  • -
  • - {/* */} -
  • -
  • - {/* */} -
  • -
-
- )} -
- {/* content holder */} -
-

- نسخه چاپی علموم تجربه هفتم -

- {productContent && ( -

- این کتاب شامل گلدان و گیاه و خاک می باشد و همچنین آپشن های خوب - دیگری نیز دارد. -

- )} -
- {/* star holder */} - {star && ( -
- - - 39 - -
- )} - {/* price holder */} -
- {/* price */} -
-
- قیمت - {discountPrice && ( -

- 145تومان -

- )} -
-

- 145.000تومان -

-
- {/* add to cart */} - -
- {/* tag holder */} - {productTags && ( -
- - - -
- )} -
-
- {/* product items3 */} -
- {/* item1 */} -
- {/*star img holder*/} -
- {discountPricePercent && ( -
-

- 23% -

-
- )} - {likeBtn && ( -
- -
- )} - {discount && ( -
- -
- )} - {/* img Holder */} -
- -
- {/* select Color */} - {colors && ( -
-
    -
  • - {/* */} -
  • -
  • - {/* */} -
  • -
  • - {/* */} -
  • -
  • - {/* */} -
  • -
-
- )} -
- {/* content holder */} -
-

- نسخه چاپی علموم تجربه هفتم -

- {productContent && ( -

- این کتاب شامل گلدان و گیاه و خاک می باشد و همچنین آپشن های خوب - دیگری نیز دارد. -

- )} -
- {/* star holder */} - {star && ( -
- - - 39 - -
- )} - {/* price holder */} -
- {/* price */} -
-
- قیمت - {discountPrice && ( -

- 145تومان -

- )} -
-

- 145.000تومان -

-
- {/* add to cart */} - -
- {/* tag holder */} - {productTags && ( -
- - - -
- )} -
-
- {/* product items4 */} -
- {/* item1 */} -
- {/*star img holder*/} -
- {discountPricePercent && ( -
-

- 23% -

-
- )} - {likeBtn && ( -
- -
- )} - {discount && ( -
- -
- )} - {/* img Holder */} -
- -
- {/* select Color */} - {colors && ( -
-
    -
  • - {/* */} -
  • -
  • - {/* */} -
  • -
  • - {/* */} -
  • -
  • - {/* */} -
  • -
-
- )} -
- {/* content holder */} -
-

- نسخه چاپی علموم تجربه هفتم -

- {productContent && ( -

- این کتاب شامل گلدان و گیاه و خاک می باشد و همچنین آپشن های خوب - دیگری نیز دارد. -

- )} -
- {/* star holder */} - {star && ( -
- - - 39 - -
- )} - {/* price holder */} -
- {/* price */} -
-
- قیمت - {discountPrice && ( -

- 145تومان -

- )} -
-

- 145.000تومان -

-
- {/* add to cart */} - -
- {/* tag holder */} - {productTags && ( -
- - - -
- )} -
-
- {/* product items5 */} -
- {/* item1 */} -
- {/*star img holder*/} -
- {discountPricePercent && ( -
-

- 23% -

-
- )} - {likeBtn && ( -
- -
- )} - {discount && ( -
- -
- )} - {/* img Holder */} -
- -
- {/* select Color */} - {colors && ( -
-
    -
  • - {/* */} -
  • -
  • - {/* */} -
  • -
  • - {/* */} -
  • -
  • - {/* */} -
  • -
-
- )} -
- {/* content holder */} -
-

- نسخه چاپی علموم تجربه هفتم -

- {productContent && ( -

- این کتاب شامل گلدان و گیاه و خاک می باشد و همچنین آپشن های خوب - دیگری نیز دارد. -

- )} -
- {/* star holder */} - {star && ( -
- - - 39 - -
- )} - {/* price holder */} -
- {/* price */} -
-
- قیمت - {discountPrice && ( -

- 145تومان -

- )} -
-

- 145.000تومان -

-
- {/* add to cart */} - -
- {/* tag holder */} {productTags && (
diff --git a/tailwind.config.js b/tailwind.config.js index 20274c6..05bdcbe 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -17,12 +17,13 @@ module.exports = { selectColor2: "#89ECFF", selectColor3: "#FC5353", selectColor4: "#FCF653", - lightBlueTextColor: "#06BACE", grayTextColor: "#646464", + lightGrayTextColor: "#818181", lightOrangeTextColor: "#F7B605", lightYellowTextColor: "#C8EE49", lightGreenTextColor: "#5DCE06", lightPurpleTextColor: "#A680FF", + lightBlueTextColor: "#06BACE", darkBlueTextColor: "#0615CE", darkRedTextColor: "#CE3B06", }),