update App.js

src/App.js

@@ -76,6 +76,7 @@ import CardTrelloDesign from "./components/CardTrelloDesign";
 import CircleInCircle from "./components/CircleInCircle";
 import NewTagDesign from "./components/NewTagDesign";
 import AnimatedProgressBar from "./components/AnimatedProgressBar";
+import ReligiousTimes from "./components/ReligiousTimes";
 
 // import Digikala from "./components/Digikala/ImageSlider";
 
@@ -156,10 +157,11 @@ function App() {
         {/* <IndianaDragScroll /> */}
         {/* <SidebarDesign2 className="w-1/5" /> */}
         {/* <TestComponentNew /> */}
-        <CardTrelloDesign />
+        {/* <CardTrelloDesign /> */}
         {/* <AnimatedProgressBar /> */}
         {/* <CircleInCircle /> */}
         {/* <NewTagDesign /> */}
+        <ReligiousTimes />
       </div>
     </Provider>
   );

src/components/ReligiousTimes/index.js

@@ -0,0 +1,30 @@
+import React from 'react'
+
+const times = {
+    morning: "صبح",
+    sunrise: "طلوع",
+    noon: "ظهر",
+    sunset: "غروب",
+    maghrib: "مغرب",
+    midnight: "نیمه شب",
+
+}
+
+const ReligiousTimes = () => {
+  return (
+    <div className="bg-white shadow rounded-md w-96">ReligiousTimes</div>
+    )
+}
+
+export default ReligiousTimes
+
+ReligiousTimes.defaultProps = {
+    hours: {
+        morningTime: "5:03",
+        sunriseTime: "6:27",
+        noonTime: "12:15",
+        sunsetTime: "18:05",
+        maghribTime: "18:23",
+        midnightTime: "23:34",
+    },
+}