diff --git a/public/images/delivery-icon.svg b/public/images/delivery-icon.svg new file mode 100644 index 0000000..e4cc601 --- /dev/null +++ b/public/images/delivery-icon.svg @@ -0,0 +1,11 @@ + diff --git a/public/images/shield-tick.svg b/public/images/shield-tick.svg new file mode 100644 index 0000000..fd2e0f8 --- /dev/null +++ b/public/images/shield-tick.svg @@ -0,0 +1,5 @@ + diff --git a/public/images/tick-circle.svg b/public/images/tick-circle.svg new file mode 100644 index 0000000..d969ba7 --- /dev/null +++ b/public/images/tick-circle.svg @@ -0,0 +1,5 @@ + diff --git a/src/components/AddToCart/index.js b/src/components/AddToCart/index.js new file mode 100644 index 0000000..12493f7 --- /dev/null +++ b/src/components/AddToCart/index.js @@ -0,0 +1,68 @@ +import React from "react"; + +const AddToCartCard = ({ + numberOfSuggest, + sendingTime, + button, + price, + profit, + showProduct, + productName, + productImg, + productCat, +}) => { + const specialities = [ + { + icon: "images/tick-circle.svg", + description: ` توصیه به خرید توسط ${numberOfSuggest} نفر`, + }, + { + icon: "images/shield-tick.svg", + description: `زمان ارسال ${sendingTime} روز کاری پس از سفارش`, + }, + { + icon: "images/delivery-icon.svg", + description: `گارانتی اصالت و سلامت فیزیکی`, + }, + ]; + return ( +
{productCat}
+{item.description}
++ لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده + از طراحان گرافیک است. +
++ لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با + استفاده از طراحان گرافیک است. +
+ ++ لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با + استفاده از طراحان گرافیک است. +
++ {feature.title} +
+inside div