import { ContentCard } from "@/components/public/ui";
import { siteSettings } from "@/lib/services/site-settings";

export const dynamic = "force-dynamic";

export default async function MaintenancePage() {
  const [hotel, message] = await Promise.all([
    siteSettings.get("hotel_name", "Atom"),
    siteSettings.get(
      "maintenance_message",
      "We are currently performing maintenance. Please check back soon.",
    ),
  ]);

  return (
    <main style={{ maxWidth: 560, margin: "2rem auto" }}>
      <ContentCard
        icon="🛠️"
        title={`${hotel} is under maintenance`}
        subtitle="We'll be back shortly"
      >
        <p style={{ marginTop: 0 }}>{message}</p>
        <p className="muted" style={{ marginBottom: 0 }}>
          Staff can still log in.
        </p>
      </ContentCard>
    </main>
  );
}