diff --git a/src/app/reservations/page.tsx b/src/app/reservations/page.tsx
new file mode 100644
index 0000000..dcb31a5
--- /dev/null
+++ b/src/app/reservations/page.tsx
@@ -0,0 +1,28 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+
+export default function ReservationsPage() {
+  return (
+    <ThemeProvider>
+      <NavbarLayoutFloatingInline
+        navItems={[
+          { name: "Home", id: "/" },
+          { name: "Menu", id: "/menu" },
+          { name: "Gallery", id: "/gallery" },
+          { name: "Reservations", id: "/reservations" },
+        ]}
+        brandName="Lumière Dining"
+        button={{ text: "Book Table", href: "/reservations" }}
+      />
+      <ContactCenter
+        tag="Reservations"
+        title="Book Your Table"
+        description="Please select your preferred date and time to reserve a table at our restaurant."
+        buttonText="Confirm Reservation"
+      />
+    </ThemeProvider>
+  );
+}
\ No newline at end of file