Suggested Changes done

Author: VaibhavGagneja

src/App.js

@@ -1,17 +1,15 @@
 import './App.css';
 import {Route, Routes} from "react-router-dom";
 import {Home} from "./pages/Home";
-// import {Navbar} from "./components/common/Navbar";
-
 import {Games} from "./pages/Games";
 import {Activities} from "./pages/Activities";
 import {activities, games} from "./data/content";
-import Navbar from './components/common/NewNavbar';
+import {Navbar} from './components/common/Navbar';
 
 function App() {
     return (
         <div className="App">
-            <Navbar />
+            <Navbar/>
             <Routes>
                 <Route index element={<Home />} />
                 <Route exact path="/games" element={<Games />} />

src/assets/animations/wave.png

@@ -22,7 +22,7 @@ const CardItem = (props) => {
           />
         </div>
         <div class="card-body">
-          <h5 class="card-title" style={{}}>{props.title}</h5>
+          <h5 class="card-title">{props.title}</h5>
           <p class="card-text">{props.text}</p>
           <Link to={props.path} class="btn btn-primary">
             Play

src/assets/icons/acm.webp

@@ -1,4 +1,3 @@
-import Footer from "../components/Home/Footer"
 import HeroSection from "../components/Home/HeroSection"
 import Cards from "./home/Cards"
 
@@ -7,7 +6,6 @@ export const Home = () => {
         <>
             <HeroSection/>
             <Cards/>
-            <Footer/>
         </>
     )
 }

src/assets/icons/pec_centenary_logo.jpg

@@ -10,19 +10,14 @@
 }
 
 .navbar-wrapper {
-  position: fixed;
-  /*top: 0;
-  left: 32%; */
-  
   height: 110px;
-  z-index: 1000;
 }
 .navbar-root {
   margin-left: auto;
   margin-right: auto;
   top: 40px;
   background: var(--clr);
-  
+
   position: relative;
   width: 400px;
   height: 70px;
@@ -119,7 +114,7 @@
   top: -60%;
   width: 70px;
   height: 70px;
-  background-color: #26b4ec;
+  background: #26b4ec;
   border-radius: 50%;
   border: 6px solid var(--clr);
   transition: 0.5s;