feat: add maintenance page

Author: MartianGreed

apps/arkmarket/src/app/layout.tsx

@@ -19,6 +19,7 @@ import Footer from "~/components/footer";
 import Providers from "~/components/providers";
 import UnframedFooter from "~/components/unframed-footer";
 import { env } from "~/env";
+import { Maintenance } from "~/components/maintenance";
 
 export const dynamic = "force-dynamic";
 export const fetchCache = "force-no-store";
@@ -151,7 +152,8 @@ export default function RootLayout({ children }: PropsWithChildren) {
         <Providers>
           <div className="flex-col md:flex">
             <SiteHeader />
-            {children}
+            {/* {children} */}
+            <Maintenance />
             <SpeedInsights />
           </div>
           {env.NEXT_PUBLIC_THEME === "unframed" ? (

apps/arkmarket/src/components/maintenance.tsx

@@ -0,0 +1,10 @@
+export function Maintenance() {
+  return (
+    <main className="flex h-[calc(100vh-var(--site-header-height)-var(--site-footer-height))] items-center justify-center">
+      <h1 className="text-6xl font-semibold">
+        Under active maintenance
+        <small className="block text-sm text-muted-foreground font-mono">Team is working hard, you can reach us out on discord</small>
+      </h1>
+    </main>
+  )
+}