From b252144776b84c8631ba6d40f62cff993352d19e Mon Sep 17 00:00:00 2001
From: mahdi <andalibmahdi45@gmail.com>
Date: Mon, 9 May 2022 14:36:02 +0430
Subject: [PATCH] update src/components/Advertisement/design3/index.js and
 src/components/Advertisements/Design2/index.js

---
 public/images/cart-icon.svg                   |  10 ++
 public/images/map-icon.svg                    |   8 ++
 public/images/setting-icon.svg                |   5 +
 src/components/Advertisement/design3/index.js | 125 ++++++++----------
 4 files changed, 81 insertions(+), 67 deletions(-)
 create mode 100644 public/images/cart-icon.svg
 create mode 100644 public/images/map-icon.svg
 create mode 100644 public/images/setting-icon.svg

diff --git a/public/images/cart-icon.svg b/public/images/cart-icon.svg
new file mode 100644
index 0000000..d411410
--- /dev/null
+++ b/public/images/cart-icon.svg
@@ -0,0 +1,10 @@
+<svg id="vuesax_linear_bag-happy" data-name="vuesax/linear/bag-happy" xmlns="http://www.w3.org/2000/svg" width="54.237" height="54.237" viewBox="0 0 54.237 54.237">
+  <g id="bag-happy" transform="translate(0)">
+    <path id="Vector" d="M0,0A7.948,7.948,0,0,0,7.91,7.91,7.948,7.948,0,0,0,15.819,0" transform="translate(19.209 32.203)" fill="none" stroke="#132f52" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
+    <path id="Vector-2" data-name="Vector" d="M8.181,0,0,8.2" transform="translate(11.729 4.52)" fill="none" stroke="#132f52" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
+    <path id="Vector-3" data-name="Vector" d="M0,0,8.181,8.2" transform="translate(34.328 4.52)" fill="none" stroke="#132f52" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
+    <path id="Vector-4" data-name="Vector" d="M0,4.52C0,.339,2.237,0,5.017,0H40.181C42.96,0,45.2.339,45.2,4.52c0,4.859-2.237,4.52-5.017,4.52H5.017C2.237,9.04,0,9.379,0,4.52Z" transform="translate(4.52 13.22)" fill="none" stroke="#132f52" stroke-width="2"/>
+    <path id="Vector-5" data-name="Vector" d="M0,0,3.186,19.525c.723,4.384,2.463,7.593,8.927,7.593H25.74c7.028,0,8.068-3.073,8.881-7.322L38.418,0" transform="translate(7.91 22.599)" fill="none" stroke="#132f52" stroke-linecap="round" stroke-width="2"/>
+    <path id="Vector-6" data-name="Vector" d="M0,0H54.237V54.237H0Z" fill="none" opacity="0"/>
+  </g>
+</svg>
diff --git a/public/images/map-icon.svg b/public/images/map-icon.svg
new file mode 100644
index 0000000..afd0bbc
--- /dev/null
+++ b/public/images/map-icon.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="54.237" height="54.238" viewBox="0 0 54.237 54.238">
+  <g id="map" transform="translate(0 0)">
+    <path id="Vector" d="M0,10.039V32.027c0,4.294,3.051,6.057,6.757,3.932l5.311-3.028a5.043,5.043,0,0,1,4.271-.113L28.2,38.762a5.126,5.126,0,0,0,4.271-.113l9.785-5.6a5.061,5.061,0,0,0,2.282-3.932V7.123c0-4.294-3.051-6.057-6.757-3.932L32.475,6.219a5.043,5.043,0,0,1-4.271.113L16.339.411a5.126,5.126,0,0,0-4.271.113l-9.785,5.6A5,5,0,0,0,0,10.039Z" transform="translate(5.175 7.543)" fill="none" stroke="#132f52" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
+    <path id="Vector-2" data-name="Vector" d="M0,0V29.379" transform="translate(19.345 9.04)" fill="none" stroke="#132f52" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
+    <path id="Vector-3" data-name="Vector" d="M0,0V30.237" transform="translate(35.548 14.961)" fill="none" stroke="#132f52" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
+    <path id="Vector-4" data-name="Vector" d="M0,0H54.237V54.238H0Z" transform="translate(54.237 54.238) rotate(180)" fill="none" opacity="0"/>
+  </g>
+</svg>
diff --git a/public/images/setting-icon.svg b/public/images/setting-icon.svg
new file mode 100644
index 0000000..8bbf82c
--- /dev/null
+++ b/public/images/setting-icon.svg
@@ -0,0 +1,5 @@
+<svg id="setting-2" xmlns="http://www.w3.org/2000/svg" width="54.605" height="54.605" viewBox="0 0 54.605 54.605">
+  <path id="Vector" d="M13.651,6.826A6.826,6.826,0,1,1,6.826,0,6.826,6.826,0,0,1,13.651,6.826Z" transform="translate(20.477 20.477)" fill="none" stroke="#132f52" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
+  <path id="Vector-2" data-name="Vector" d="M0,23.478v-4A4.336,4.336,0,0,1,4.323,15.15c4.118,0,5.8-2.912,3.731-6.484A4.321,4.321,0,0,1,9.647,2.773L13.583.521A3.8,3.8,0,0,1,18.77,1.886l.25.432c2.048,3.572,5.415,3.572,7.485,0l.25-.432A3.8,3.8,0,0,1,31.944.521L35.88,2.773a4.321,4.321,0,0,1,1.593,5.893c-2.07,3.572-.387,6.484,3.731,6.484a4.336,4.336,0,0,1,4.323,4.323v4A4.336,4.336,0,0,1,41.2,27.8c-4.118,0-5.8,2.912-3.731,6.484a4.315,4.315,0,0,1-1.593,5.893L31.944,42.43a3.8,3.8,0,0,1-5.187-1.365l-.25-.432c-2.048-3.572-5.415-3.572-7.485,0l-.25.432a3.8,3.8,0,0,1-5.187,1.365L9.647,40.178a4.321,4.321,0,0,1-1.593-5.893c2.07-3.572.387-6.484-3.731-6.484A4.336,4.336,0,0,1,0,23.478Z" transform="translate(4.55 5.827)" fill="none" stroke="#132f52" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
+  <path id="Vector-3" data-name="Vector" d="M0,0H54.6V54.6H0Z" fill="none" opacity="0"/>
+</svg>
diff --git a/src/components/Advertisement/design3/index.js b/src/components/Advertisement/design3/index.js
index 890dfa7..0a6057f 100644
--- a/src/components/Advertisement/design3/index.js
+++ b/src/components/Advertisement/design3/index.js
@@ -1,73 +1,64 @@
 import React from "react";
 
-import cart from "./cart-icon.svg";
-import map from "./map-icon.svg";
-import setting from "./setting-icon.svg";
-
 const AdvertisementDesign3 = ({ features }) => {
   return (
-    <section className="mx-auto bg-white m-10 w-full sm:w-5/12  p-2">
-      <div
-        className="rounded-3xl relative"
-        style={{ backgroundColor: "#E3F2FF" }}
-      >
-        <div className="flex flex-col justify-center p-10 w-8/12">
-          <h2 className="text-lg text-productPrice  z-50">تبلیغات دانوینی</h2>
-          <p className="text-sm text-justify leading-6 mt-2 text-productPrice  z-50">
-            لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با
-            استفاده از طراحان گرافیک است.
-          </p>
-          <div className="mt-3">
-            {features.map((feature, i) => (
-              <div className="flex flex-row items-center mt-2">
-                <img src={feature.icon} alt="" className="w-6 h-6  z-50" />
-                <p className="text-sm mr-2 text-justify leading-6 text-productPrice font-light  z-50">
-                  {feature.title}
-                </p>
-              </div>
-            ))}
-          </div>
-        </div>
-        <div
-          style={{
-            backgroundColor: "#00FFFF22",
-            width: "calc(100vw / 15)",
-            height: "calc(100vw / 15)",
-            left: "8%",
-            top: "20%",
-          }}
-          className="rounded-full absolute z-20 bg-opacity-30 backdrop-filter backdrop-blur-md"
-        ></div>
-        <div
-          style={{
-            backgroundColor: "#6E6EEF22",
-            width: "calc(100vw / 10)",
-            height: "calc(100vw / 10)",
-            left: "17%",
-            top: "10%",
-          }}
-          className="rounded-full absolute bg-opacity-30 backdrop-filter backdrop-blur-md"
-        ></div>
-        <div
-          style={{
-            backgroundColor: "#06BACE22",
-            width: "calc(100vw / 11)",
-            height: "calc(100vw / 11)",
-            left: "12%",
-            bottom: "2%",
-          }}
-          className="rounded-full absolute"
-        ></div>
-        <div className="absolute bottom-5 left-10">
-          <button className="border-2 border-blue-500 text-blue-500  ml-4 rounded p-2 text-sm">
-            تماس با ما
-          </button>
-          <button className="bg-blue-500 border-2 border-blue-500 text-white rounded p-2 text-sm">
-            به سلامت
-          </button>
+    <div className="w-full relative bg-[#E3F2FF] rounded-3xl">
+      <div className="flex flex-col justify-center p-10 w-8/12">
+        <h2 className="text-lg text-productPrice  z-50">تبلیغات دانوینی</h2>
+        <p className="text-sm text-justify leading-6 mt-2 text-productPrice  z-50">
+          لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده
+          از طراحان گرافیک است.
+        </p>
+        <div className="mt-3">
+          {features.map((feature, i) => (
+            <div className="flex flex-row items-center mt-2">
+              <img src={feature.icon} alt="" className="w-6 h-6  z-50" />
+              <p className="text-sm mr-2 text-justify leading-6 text-productPrice font-light  z-50">
+                {feature.title}
+              </p>
+            </div>
+          ))}
         </div>
       </div>
-    </section>
+      <div
+        style={{
+          backgroundColor: "#00FFFF22",
+          width: "calc(100vw / 15)",
+          height: "calc(100vw / 15)",
+          left: "8%",
+          top: "20%",
+        }}
+        className="rounded-full absolute z-20 bg-opacity-30 backdrop-filter backdrop-blur-md"
+      ></div>
+      <div
+        style={{
+          backgroundColor: "#6E6EEF22",
+          width: "calc(100vw / 10)",
+          height: "calc(100vw / 10)",
+          left: "17%",
+          top: "10%",
+        }}
+        className="rounded-full absolute bg-opacity-30 backdrop-filter backdrop-blur-md"
+      ></div>
+      <div
+        style={{
+          backgroundColor: "#06BACE22",
+          width: "calc(100vw / 11)",
+          height: "calc(100vw / 11)",
+          left: "12%",
+          bottom: "2%",
+        }}
+        className="rounded-full absolute"
+      ></div>
+      <div className="absolute bottom-5 left-10">
+        <button className="border-2 border-blue-500 text-blue-500  ml-4 rounded p-2 text-sm">
+          تماس با ما
+        </button>
+        <button className="bg-blue-500 border-2 border-blue-500 text-white rounded p-2 text-sm">
+          به سلامت
+        </button>
+      </div>
+    </div>
   );
 };
 
@@ -76,15 +67,15 @@ export default AdvertisementDesign3;
 AdvertisementDesign3.defaultProps = {
   features: [
     {
-      icon: cart,
+      icon: "images/cart-icon.svg",
       title: "قابلیت های فروشگاهی بسیار پیشرفته و ساده",
     },
     {
-      icon: map,
+      icon: "images//map-icon.svg",
       title: "ارسال به تمام نقاط ایران",
     },
     {
-      icon: setting,
+      icon: "images/setting-icon.svg",
       title: "تنظیمات پیشرفته و بیش از 2000 ماژول اختصاصی",
     },
   ],