import { Settings, Clock } from "lucide-react"; import { Button, Card } from "@heroui/react"; import { motion, Variants } from "framer-motion"; import { ReactNode } from "react"; import { NextPageWithLayout } from "@/types"; import Head from "next/head"; import { useSettings } from "@/contexts/SettingsContext"; import { useTranslation } from "react-i18next"; interface WebMaintenanceModeProps { customMessage?: string | null; } const WebMaintenanceMode: NextPageWithLayout = ({ customMessage, }: WebMaintenanceModeProps = {}) => { const { t } = useTranslation(); const { systemSettings } = useSettings(); const headingVariants: Variants = { hidden: { opacity: 0, y: -20 }, visible: { opacity: 1, y: 0, transition: { duration: 0.8 } }, }; const subheadingVariants: Variants = { hidden: { opacity: 0, y: 20 }, visible: { opacity: 1, y: 0, transition: { delay: 0.3, duration: 0.8 } }, }; const maintenanceVariants: Variants = { hidden: { scale: 0 }, visible: { scale: 1, transition: { delay: 0.5, duration: 1, type: "spring" }, }, }; const cardVariants: Variants = { hidden: { opacity: 0, y: 20 }, visible: { opacity: 1, y: 0, transition: { delay: 1, duration: 0.8 } }, }; return ( <> {t("maintenance.pageTitle")}
{/* Maintenance clouds */} 🔧 ⚡ {t("maintenance.heading")} {customMessage ?? systemSettings?.webMaintenanceMessage ?? t("maintenance.subheading")} {/* Maintenance Illustration */} {/* ...illustration code remains unchanged */} {/* Information cards */}

{t("maintenance.estimatedTimeTitle")}

{t("maintenance.estimatedTimeDescription")}

{t("maintenance.workTitle")}

{t("maintenance.workDescription")}

{/* Footer message */} {t("maintenance.footerMessage")}
); }; WebMaintenanceMode.getLayout = (page: ReactNode) => page; export default WebMaintenanceMode;