diff --git a/src/App.js b/src/App.js
index 90cdb37..b9aa04f 100644
--- a/src/App.js
+++ b/src/App.js
@@ -107,7 +107,7 @@ function App() {
         {/* <Toast /> */}
         {/* <ProductSuggestion /> */}
         {/* <ProductImage /> */}
-        {/* <ProductTab /> */}
+        <ProductTab />
         {/* <ProductStatusCard /> */}
         {/* <AdvertisementDesign1 /> */}
         {/* <AdvertisementDesign2 /> */}
diff --git a/src/components/ReligiousTimes/index.js b/src/components/ReligiousTimes/index.js
index bf4547b..05c5678 100644
--- a/src/components/ReligiousTimes/index.js
+++ b/src/components/ReligiousTimes/index.js
@@ -1,6 +1,6 @@
 import React from 'react'
 
-const times = {
+const time = {
     morning: "صبح",
     sunrise: "طلوع",
     noon: "ظهر",
@@ -10,9 +10,20 @@ const times = {
 
 }
 
-const ReligiousTimes = () => {
+const ReligiousTimes = ({hours}) => {
   return (
-    <div className="bg-white shadow rounded-md max-w-[420px] w-1/3">ReligiousTimes</div>
+    <div className="flex flex-row items-center justify-around bg-white shadow rounded-md max-w-[420px] w-1/3">
+        {Object.keys(hours).map((hour,index) => (
+            <div className="flex flex-row items-center bg-pink-200" key={index}>
+                <span className="bg-red-400">
+                {time[hour]}
+                </span>
+                <span className="bg-blue-400">
+                {hours[hour]}
+                </span>
+            </div>
+        ))}
+    </div>
     )
 }