Exam Component Made

src/components/Product/index.js

@@ -184,24 +184,40 @@ const ProductDesign = ({
     >
 
       <div className="border-b border-red82OP pb-2 px-4">
-        <h1 className="text-red52 text-lg font-bold">{productName}</h1>
+        <h1 className="text-red52 text-lg font-bold">آزمون {productName}</h1>
         <p className="text-red26 text-sm my-2">
           در این قسمت یک توضیحات کوتاه در مورد دوره خواهد آمد که بصورت دو خط در این قسمت قرار می‌گیرد
         </p>
       </div>
 
-      <div className="flex border-b border-red82OP px-4 py-2">
+      <div className="flex border-b border-red82OP text-center">
-        <div>
+        <div className="w-1/2 border-l border-red82OP py-2 ">
           <h1 className="font-bold text-red26">
-            استاد : {teacher}
+            نوع آزمون : آنلاین
+          </h1>
+        </div>
+        <div className="w-1/2  py-2 ">
+          <h1 className="font-bold text-red26">
+            بودجه بندی آزمون 
           </h1>
         </div>
 
       </div>
-      <div className="flex border-b border-red82OP px-4 py-2 text-red26">
+      <div className="flex border-b border-red82OP text-center text-xs">
-        <h1>نوع گروه : A</h1>
+        <div className="w-1/2 border-l border-red82OP py-2 ">
+          <h1 className="font-bold text-red26">
+            تاریخ برگزاری : 1400/02/13
+          </h1>
+        </div>
+        <div className="w-1/2  py-2 ">
+          <h1 className="font-bold text-red26">
+            تعداد آزمون : 18
+          </h1>
+        </div>
+
       </div>
      
+
       <div className="flex p-4 justify-between items-center">
         <h1 className="font-black text-xl text-red52">{productPrice} تومان</h1>
         <div