- {config.noticeBannerText && (
-
+ {config.maintenanceEnabled ? (
+
+ ) : (
+ config.noticeBannerText && (
+
+ )
)}
}>
@@ -27,6 +32,7 @@ export default function AppLayout({ children }: { children: React.ReactNode }) {
+
{/* Brevo Chat Widget */}
{/^[a-f0-9]{24}$/i.test(config.brevoConversationsId) && config.brevoConversationsGroupId && (
diff --git a/app/components/MaintenanceNoticeModal.tsx b/app/components/MaintenanceNoticeModal.tsx
new file mode 100644
index 00000000..4ecbdf1f
--- /dev/null
+++ b/app/components/MaintenanceNoticeModal.tsx
@@ -0,0 +1,239 @@
+"use client";
+
+import { useState, useEffect, useCallback } from "react";
+import Image from "next/image";
+import { Dialog, DialogPanel, DialogTitle } from "@headlessui/react";
+import { motion, AnimatePresence } from "framer-motion";
+
+export interface MaintenanceNoticeConfig {
+ /** Master toggle – when false the modal never renders. */
+ enabled: boolean;
+ title: string;
+ titleEmphasis: string;
+ body: string;
+ footnote?: string;
+ buttonText: string;
+ noticeKey: string;
+}
+
+
+const SCHEDULE =
+ process.env.NEXT_PUBLIC_MAINTENANCE_SCHEDULE || "";
+
+const ENABLED = !!process.env.NEXT_PUBLIC_MAINTENANCE_NOTICE_ENABLED;
+
+/** Simple deterministic hash for the noticeKey so each schedule gets its own. */
+function simpleHash(str: string): string {
+ let h = 0;
+ for (let i = 0; i < str.length; i++) {
+ h = (Math.imul(31, h) + str.charCodeAt(i)) | 0;
+ }
+ return Math.abs(h).toString(36);
+}
+
+export const DEFAULT_MAINTENANCE_CONFIG: MaintenanceNoticeConfig = {
+ enabled: ENABLED && SCHEDULE.length > 0,
+ title: "We are improving",
+ titleEmphasis: "your experience.",
+ body: `A scheduled maintenance will take place on **${SCHEDULE}** to help improve your experience. Some services may be temporarily unavailable during this time.`,
+ footnote:
+ "We appreciate your patience while we make these improvements.",
+ buttonText: "Got it",
+ noticeKey: `maintenance-${simpleHash(SCHEDULE)}`,
+};
+
+
+const STORAGE_PREFIX = "noblocks_notice_dismissed_";
+
+function isDismissed(key: string): boolean {
+ if (typeof window === "undefined") return false;
+ try {
+ return localStorage.getItem(`${STORAGE_PREFIX}${key}`) === "1";
+ } catch {
+ return false;
+ }
+}
+
+function markDismissed(key: string) {
+ try {
+ localStorage.setItem(`${STORAGE_PREFIX}${key}`, "1");
+ } catch {
+ // Storage may be unavailable (private browsing etc.)
+ }
+}
+
+/** Render a string where **bold** segments become