Update index.jsx

Author: Dios-001

src/pages/Events/index.jsx

@@ -1,17 +1,17 @@
 import { useState, useEffect } from "react";
 import Card from "./card";
-import userData from "./events.json";
+import events from "./events.json";
 
 function EventPage() {
   const borderStyle = {
     color: "transparent",
     WebkitTextStrokeWidth: "0.5px",
     WebkitTextStrokeColor: "white",
   };
-  const [users, setUsers] = useState([]);
+  const [events, setEvent] = useState([]);
 
   useEffect(() => {
-    setUsers(userData);
+    setEvent(events);
   }, []);
   return (
     <div className="">
@@ -45,8 +45,8 @@ function EventPage() {
       </div>
       <div className=" flex flex-wrap gap-10 justify-center align-items py-10">
         {/* Add enough content to exceed the width of the container */}
-        {users.map((user) => (
-          <Card key={user.name} user={user} />
+        {events.map((event) => (
+          <Card key={event.name} event={event} />
         ))}
       </div>
     </div>