update

src/App.js

@@ -30,6 +30,7 @@ import VodProduct from "./components/VodProduct";
 import VodProductNew from "./components/VodProductNew";
 import ProductTab from "./components/ProductTab";
 import ProductStatusCard from "./components/ProductStatusCard";
+import AdvertisementDesign1 from "./components/Advertisement/design1";
 
 function App() {
   return (
@@ -61,7 +62,8 @@ function App() {
         {/* <ProductSuggestion /> */}
         {/* <ProductImage /> */}
         {/* <ProductTab /> */}
-        <ProductStatusCard />
+        {/* <ProductStatusCard /> */}
+        <AdvertisementDesign1 />
       </div>
     </Provider>
   );

src/components/Advertisement/design1/index.js

@@ -0,0 +1,37 @@
+import React from "react";
+
+const AdvertisementDesign1 = () => {
+  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 AdvertisementDesign1;

src/index.js

@@ -3,9 +3,6 @@ import ReactDOM from "react-dom";
 import "./index.scss";
 import App from "./App";
 import reportWebVitals from "./reportWebVitals";
-
-import "tw-elements";
-
 import "@themesberg/flowbite";
 
 ReactDOM.render(

tailwind.config.js

@@ -78,8 +78,5 @@ module.exports = {
       darkCrimsonBorderColor: "#132F52",
     }),
   },
-  plugins: [
+  plugins: [require("@themesberg/flowbite/plugin")],
-    require("tw-elements/dist/plugin"),
-    require("@themesberg/flowbite/plugin"),
-  ],
 };