diff --git a/src/app/gallery/page.tsx b/src/app/gallery/page.tsx
new file mode 100644
index 0000000..e7a5355
--- /dev/null
+++ b/src/app/gallery/page.tsx
@@ -0,0 +1,32 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+
+export default function GalleryPage() {
+  return (
+    <ThemeProvider>
+      <ReactLenis root>
+        <NavbarLayoutFloatingOverlay navItems={[{name: "Home", id: "/"}, {name: "Gallery", id: "#gallery"}, {name: "Staff", id: "/staff"}]} brandName="SJHN" />
+        <div id="gallery" className="py-20">
+          <ProductCardTwo 
+            title="School Media Gallery"
+            description="Capturing memorable moments from campus life, sports events, and academic milestones."
+            gridVariant="four-items-2x2-equal-grid"
+            animationType="slide-up"
+            textboxLayout="default"
+            products={[
+              { id: "p1", name: "Graduation 2024", brand: "Album", price: "12 photos", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-caucasian-student-girl-completing-her-class-notes-with-information_482257-114573.jpg" },
+              { id: "p2", name: "Science Fair", brand: "Album", price: "24 photos", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-lady-with-dark-curly-hair-khaki-shirt-holding-laptop-with-notepad-cup-coffee-go-hands-dreamily-looking-camera-isolated_574295-2237.jpg" },
+              { id: "p3", name: "Sports Day", brand: "Album", price: "18 photos", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/successful-guy-with-glasses_1098-1116.jpg" },
+            ]}
+          />
+        </div>
+        <FooterBaseReveal logoText="SJHN" columns={[]} />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file