diff --git a/client/src/App.jsx b/client/src/App.jsx
index db576de..56465b0 100644
--- a/client/src/App.jsx
+++ b/client/src/App.jsx
@@ -1,5 +1,7 @@
 import React from "react";
-import { BrowserRouter , Route, Routes } from "react-router-dom";
+import { BrowserRouter as Router, Route, Routes } from "react-router-dom";
+import Navbar from "./components/Navbar/Navbar";
+import Footer from "./components/Footer/Footer";
 
 // Import your pages or components for each route
 import Home from "./pages/Home";
diff --git a/client/src/components/Events/Event.jsx b/client/src/components/Events/Event.jsx
index 99db7b1..07bda90 100644
--- a/client/src/components/Events/Event.jsx
+++ b/client/src/components/Events/Event.jsx
@@ -1,5 +1,5 @@
 import React from "react";
-import Events_Card from "./components/Events_Card";
+import Eventscard from "./components/Eventscard";
 import EventsData from "./data/EventsData";
 
 
@@ -8,7 +8,7 @@ export default function Event() {
     console.log(val.template && "correct");
     return (
       <>
-      {val.template && val.events_on && val.event_name ? <Events_Card
+      {val.template && val.events_on && val.event_name ? <Eventscard
         template={val.template}
         events_on={val.events_on}
         event_name={val.event_name}
diff --git a/client/src/components/Events/components/Events_Card.jsx b/client/src/components/Events/components/Eventscard.jsx
similarity index 73%
rename from client/src/components/Events/components/Events_Card.jsx
rename to client/src/components/Events/components/Eventscard.jsx
index 3202129..07a24c4 100644
--- a/client/src/components/Events/components/Events_Card.jsx
+++ b/client/src/components/Events/components/Eventscard.jsx
@@ -1,13 +1,8 @@
-import React, { useState } from "react";
-import Button from "../components/Button";
+import React from "react";
 import { Link } from "react-router-dom";
 import "../Event.css"
 
-export default function Events_Card(props) {
-  const [completed, setcompleted] = useState(false);
-  const OnClickButton = () => {
-    setcompleted(!completed);
-  };
+export default function Eventscard(props) {
 
   return (
     <>
@@ -31,4 +26,4 @@ export default function Events_Card(props) {
       </div>
     </>
   );
-}
\ No newline at end of file
+}