update

src/App.js

@@ -65,8 +65,8 @@ function App() {
         {/* <ProductImage /> */}
         {/* <ProductTab /> */}
         {/* <ProductStatusCard /> */}
-        {/* <AdvertisementDesign1 /> */}
+        <AdvertisementDesign1 />
-        {/* <AdvertisementDesign2 /> */}
+        <AdvertisementDesign2 />
         <AdvertisementDesign3 />
       </div>
     </Provider>

src/components/Advertisement/design2/index.js

@@ -18,16 +18,16 @@ const AdvertisementDesign2 = () => {
           </button>
         </div>
         <div
-          style={{ backgroundColor: "blue" }}
+          style={{ backgroundColor: "#00FFFF55" }}
-          className="rounded-full w-32 h-32 absolute left-1/4 top-1/3 transform -translate-x-1/2 -translate-y-1/2 z-20"
+          className="rounded-full w-32 h-32 absolute left-1/4 top-1/3 transform -translate-x-1/2 -translate-y-1/2 z-20 backdrop-blur-sm"
         ></div>
         <div
-          style={{ backgroundColor: "purple" }}
+          style={{ backgroundColor: "#6E6EEF55" }}
-          className="rounded-full w-44 h-44 absolute left-1/4 -bottom-2/4 transform -translate-x-1/2 -translate-y-1/2 z-10"
+          className="rounded-full w-44 h-44 absolute left-1/4 -bottom-2/4 transform -translate-x-1/2 -translate-y-1/2 z-10 backdrop-blur-sm"
         ></div>
         <div
           style={{ backgroundColor: "white" }}
-          className="rounded-full w-44 h-44 absolute left-0 top-2"
+          className="rounded-full w-44 h-44 absolute left-0 top-2 backdrop-blur-sm"
         ></div>
       </div>
     </section>