update

src/App.js

@@ -24,6 +24,7 @@ import Features from "./components/Features/index";
 import Feedback from "./components/Feedback/index";
 import Alert from "./components/Alert";
 import Toast from "./components/Toast";
+import ProductSuggestion from "./components/ProductSuggestion";
 
 function App() {
   return (
@@ -47,9 +48,10 @@ function App() {
         {/* <Testttt /> */}
         {/* <Design2D /> */}
         {/* <Features /> */}
-        <Feedback />
+        {/* <Feedback /> */}
-        <Alert />
+        {/* <Alert /> */}
         {/* <Toast /> */}
+        <ProductSuggestion />
       </div>
     </Provider>
   );

src/components/ProductSuggestion/index.js

@@ -0,0 +1,28 @@
+import React from "react";
+
+import productImg from "./product-chair.svg";
+
+const ProductSuggestion = () => {
+  return (
+    <section className="m-10">
+      <h2 className="text-center text-lg font-bold text-productPrice">
+        این کالاها برای خرید به شما پیشنهام می دهیم
+      </h2>
+      <div className="flex justify-center mt-7">
+        {/* <div>+</div> */}
+        <div className="flex flex-col items-center border rounded border-gray-200 bg-white p-4">
+          <img src={productImg} alt="" className="w-full h-full" />
+          <h2 className="my-3 text-sm text-productPrice">
+            لپ تاپ گیمینگ ایسوس
+          </h2>
+          <p className="text-xs">
+            945/000
+            <span className="mr-2">تومان</span>
+          </p>
+        </div>
+      </div>
+    </section>
+  );
+};
+
+export default ProductSuggestion;