Mahabharat Carousel is Ready

package.json

@@ -16,6 +16,7 @@
     "react-dom": "^18.2.0",
     "react-router-dom": "^6.23.1",
     "react-scripts": "5.0.1",
+    "react-simple-typewriter": "^5.0.1",
     "react-slick": "^0.30.2",
     "react-snowfall": "^1.2.1",
     "react-tsparticles": "^2.12.2",

src/App.js

@@ -8,7 +8,9 @@ import Snowfall from "react-snowfall";
 import Chapters from "./components/Chapters";
 import "./App.css";
 import Resources from "./components/Resources";
-import AboutUs from "./components/AboutUs";
+import AboutUs from "./components/AboutUs.js";
+import MahabharatCarousel from "./components/Mahabharat_carousel.js";
+import RamayanaCarousel from "./components/Ramayana_carousel";
 import Chronicle from './components/Chronicle';
 import AppLayout from "./components/AppLayout";
 import Preloader from "./components/Preloader.js";
@@ -33,6 +35,8 @@ const App = () => {
             <Route path="/api/resources" element={<Resources />} />
             <Route path="/contact" element={<Contact />} />
             <Route path="/api/aboutus" element={<AboutUs />} />
+            <Route path="/api/Mahabharat_carousel" element={<MahabharatCarousel />} />
+            <Route path="/api/Ramayana_carousel" element={<RamayanaCarousel />} />
             <Route path='/api/chronicle' element={<Chronicle/>}/>
           </Route>
           <Route path="*" element={<h1>404 Not Found</h1>} />

src/components/Chronicle.jsx

@@ -1,4 +1,3 @@
-// Todo: Temporary Changes Only For checking audio player
 import React from 'react';
 import { Link } from 'react-router-dom';
 import ReactAudioPlayer from 'react-audio-player';
@@ -10,12 +9,12 @@ const slideCover = [
     {
         name: 'The Ramayana',
         image: Ramayana,
-        route: '/Ramayana_carousel' // Route to Ramayana carousel component
+        route: '/api/Ramayana_carousel' // Route to Ramayana carousel component
     },
     {
         name: 'The Mahabharata',
         image: Mahabharat,
-        route: '/Mahabharat_carousel' // Route to Mahabharata carousel component
+        route: '/api/Mahabharat_carousel' // Route to Mahabharata carousel component
     },
 ];