diff --git a/src/app/staff/page.tsx b/src/app/staff/page.tsx
new file mode 100644
index 0000000..8b9d2ab
--- /dev/null
+++ b/src/app/staff/page.tsx
@@ -0,0 +1,25 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
+
+export default function StaffPage() {
+  return (
+    <ThemeProvider>
+      <ReactLenis root>
+        <NavbarStyleCentered navItems={[{name: "Home", id: "/"}, {name: "Staff", id: "/staff"}, {name: "News", id: "/news"}, {name: "Events", id: "/events"}]} brandName="BHA" />
+        <div className="pt-32">
+           <TeamCardTwo 
+            title="Our Faculty & Staff"
+            description="Meet the team dedicated to student success."
+            gridVariant="uniform-all-items-equal"
+            animationType="slide-up"
+            members={[{ id: "1", name: "Jane Doe", role: "Principal", description: "Dedicated leader." }]} 
+           />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file