update

src/components/Advertisement/design1/index.js

@@ -9,27 +9,39 @@ const AdvertisementDesign1 = () => {
       >
         <div
           style={{
-            width: "calc(100vw / 8)",
-            height: "calc(100vw / 8)",
+            width: "calc(100vw / 10)",
+            height: "calc(100vw / 10)",
+            left: "20%",
+            top: "30%",
           }}
-          className="rounded-full absolute  left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 bg-blue-600 bg-opacity-20 backdrop-filter backdrop-blur-md"
+          className="rounded-full absolute bg-blue-300 bg-opacity-30 backdrop-filter backdrop-blur-md z-30"
         ></div>
-        {/* <div
-          style={{ backgroundColor: "#6E6EEF44" }}
-          className="rounded-full w-52 h-52 absolute left-1/2 top-1/2 transform -translate-x-1/4 -translate-y-1/4"
+        <div
+          style={{
+            width: "calc(100vw / 7)",
+            height: "calc(100vw / 7)",
+            right: "25%",
+            bottom: "5%",
+          }}
+          className="rounded-full absolute bg-purple-300 bg-opacity-30 backdrop-filter backdrop-blur-md"
         ></div>
         <div
-          style={{ backgroundColor: "#06BACE44" }}
-          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">
+          style={{
+            width: "calc(100vw / 8)",
+            height: "calc(100vw / 8)",
+            right: "3%",
+            top: "20%",
+          }}
+          className="rounded-full absolute bg-green-300 bg-opacity-40 backdrop-filter backdrop-blur-md"
+        ></div>
+        <div className="absolute right-0 bottom-0 h-full w-full flex flex-col justify-center p-10 z-50">
           <h2 className="text-lg">تبلیغات دانوینی</h2>
           <p className="text-sm text-justify leading-6 mt-2">
             لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با
             استفاده از طراحان گرافیک است.
           </p>
         </div>
-        <button className="rounded-sm text-base border p-3 w-9/12 absolute left-1/2 bottom-2 transform -translate-x-1/2 -translate-y-1/2 ">
+        <button className="rounded-sm text-base border p-3 w-9/12 absolute left-1/2 bottom-2 transform -translate-x-1/2 -translate-y-1/2 z-50">
           دانلود اپلیکیشن
         </button>
       </div>