diff --git a/apps/web/app/future/maintenance/page.tsx b/apps/web/app/future/maintenance/page.tsx
new file mode 100644
index 0000000000..38b335ae90
--- /dev/null
+++ b/apps/web/app/future/maintenance/page.tsx
@@ -0,0 +1,14 @@
+import LegacyPage from "@pages/maintenance";
+import { _generateMetadata } from "app/_utils";
+import { WithLayout } from "app/layoutHOC";
+
+import { APP_NAME } from "@calcom/lib/constants";
+
+export const generateMetadata = async () =>
+  await _generateMetadata(
+    (t) => `${t("under_maintenance")} | ${APP_NAME}`,
+    (t) => t("under_maintenance_description", { appName: APP_NAME })
+  );
+
+// @ts-expect-error Page type
+export default WithLayout({ getLayout: null, Page: LegacyPage })<"P">;
diff --git a/apps/web/pages/maintenance.tsx b/apps/web/pages/maintenance.tsx
index 9d787ab453..38aa6f4e41 100644
--- a/apps/web/pages/maintenance.tsx
+++ b/apps/web/pages/maintenance.tsx
@@ -1,3 +1,5 @@
+"use client";
+
 import Head from "next/head";
 
 import { APP_NAME, WEBSITE_URL } from "@calcom/lib/constants";