diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
index 2431810..8029986 100644
--- a/frontend/src/App.jsx
+++ b/frontend/src/App.jsx
@@ -27,6 +27,7 @@ import EventDetailsPage from "./pages/EventDetailsPage.jsx";
 import CreateEventPage from "./pages/CreateEventPage.jsx";
 import ManageEventsPage from "./pages/ManageEventsPage.jsx";
 import { Toaster } from "./components/ui/toaster";
+import ImageGallery from './components/ImageGallery';
 
 const App = () => {
   return (
@@ -45,6 +46,7 @@ const App = () => {
               <Route path="/register" element={<RegisterPage />} />
               <Route path="/login" element={<LoginPage />} />
               <Route path="/forgot-password" element={<ForgotPasswordPage />} />
+              <Route path="/gallery" element={<ImageGallery />} />
 
               <Route
                 path="/userdashboard"