FIxed two bugs and added testimonial section

client/package.json

@@ -15,6 +15,7 @@
     "axios": "^1.7.3",
     "flowbite-react": "^0.10.2",
     "lottie-react": "^2.4.0",
+    "mdb-react-ui-kit": "^9.0.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-hot-toast": "^2.4.1",
@@ -49,5 +50,8 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
+  },
+  "devDependencies": {
+    "@babel/plugin-proposal-private-property-in-object": "^7.21.11"
   }
 }

client/src/components/index.js → client/src/Components/index2.js

@@ -1,6 +1,6 @@
 import Header from "./Header/Header.js";
-import ProfilePage from "./Profile/ProfilePage";
-import HomePage from "./HomePage";
+import ProfilePage from "./Profile/ProfilePage.js";
+import HomePage from "./HomePage.js";
 import Product from "./Product.jsx"
 import Footer from "./Footer/Footer.jsx"
 import Navbar from "./NavBar/NavBar.jsx";

client/src/Pages/Home.jsx

@@ -9,7 +9,7 @@ import Newarrivals from "./Newarrivals";
 import Review from "./Review";
 import Trending from "../Components/Trending";
 import Book from "../Components/Card/Book";
-import Review from './Review';
+import Testimonial from "./Testimonial";
 
 const Home = () => {
   const [isLoading, setIsLoading] = useState(true);
@@ -61,12 +61,10 @@ const Home = () => {
               </h2>
               <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6">
                 <Link to="/romance">
-
                   <Book
                     genre="Romance"
                     description="Explore our collection of romantic novels."
                   />
-
                 </Link>
 
                 <Link to="/action">
@@ -147,7 +145,6 @@ const Home = () => {
                 </h2>
 
                 <Trending />
-
               </div>
             </section>
 
@@ -174,6 +171,7 @@ const Home = () => {
             </section>
 
             <Review />
+            <Testimonial />
           </>
         )}
       </div>