From 50da95e8767585b82f096bc598c2dc65e00c6240 Mon Sep 17 00:00:00 2001
From: mahdi <andalibmahdi45@gmail.com>
Date: Sun, 16 Jan 2022 17:04:49 +0330
Subject: [PATCH] update

---
 src/App.js                                    |  4 +-
 src/components/Advertisement/design2/index.js | 37 +++++++++++++++++++
 2 files changed, 40 insertions(+), 1 deletion(-)
 create mode 100644 src/components/Advertisement/design2/index.js

diff --git a/src/App.js b/src/App.js
index ab4787e..bc6cb83 100644
--- a/src/App.js
+++ b/src/App.js
@@ -31,6 +31,7 @@ import VodProductNew from "./components/VodProductNew";
 import ProductTab from "./components/ProductTab";
 import ProductStatusCard from "./components/ProductStatusCard";
 import AdvertisementDesign1 from "./components/Advertisement/design1";
+import AdvertisementDesign2 from "./components/Advertisement/design2";
 
 function App() {
   return (
@@ -63,7 +64,8 @@ function App() {
         {/* <ProductImage /> */}
         {/* <ProductTab /> */}
         {/* <ProductStatusCard /> */}
-        <AdvertisementDesign1 />
+        {/* <AdvertisementDesign1 /> */}
+        <AdvertisementDesign2 />
       </div>
     </Provider>
   );
diff --git a/src/components/Advertisement/design2/index.js b/src/components/Advertisement/design2/index.js
new file mode 100644
index 0000000..8b37ac8
--- /dev/null
+++ b/src/components/Advertisement/design2/index.js
@@ -0,0 +1,37 @@
+import React from "react";
+
+const AdvertisementDesign2 = () => {
+  return (
+    <section className="mx-auto bg-white m-10 w-full sm:w-8/12 md:w-5/12	lg:w-3/12	p-5 px-16">
+      <div
+        className="w-full h-96 rounded-3xl relative"
+        style={{ backgroundColor: "#E3F2FF" }}
+      >
+        <div
+          style={{ backgroundColor: "#00FFFF99" }}
+          className="rounded-full w-40 h-40 absolute left-1/2 top-1/2 transform -translate-x-1/4 -translate-y-3/4"
+        ></div>
+        <div
+          style={{ backgroundColor: "#6E6EEF99" }}
+          className="rounded-full w-52 h-52 absolute left-1/2 top-1/2 transform -translate-x-1/4 -translate-y-1/4"
+        ></div>
+        <div
+          style={{ backgroundColor: "#06BACE99" }}
+          className="rounded-full w-52 h-52 absolute left-1/2 top-1/2 transform -translate-x-2/3 -translate-y-2/4"
+        ></div>
+        <div className="absolute right-0 bottom-0 h-full w-full flex flex-col justify-center p-10">
+          <h2 className="text-lg">تبلیغات دانوینی</h2>
+          <p className="text-sm text-justify leading-6 mt-2">
+            لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با
+            استفاده از طراحان گرافیک است.
+          </p>
+        </div>
+        <button className="rounded-sm border p-3 w-9/12 absolute left-1/2 bottom-2 transform -translate-x-1/2 -translate-y-1/2 ">
+          دانلود اپلیکیشن
+        </button>
+      </div>
+    </section>
+  );
+};
+
+export default AdvertisementDesign2;