1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

export const dynamic = "force-static";

export default function OfflinePage() {
  return (
    <main
      style={{
        minHeight: "100dvh",
        display: "grid",
        placeItems: "center",
        padding: "2rem",
      }}
    >
      <div style={{ maxWidth: "28rem", textAlign: "center" }}>
        <h1 style={{ fontFamily: "var(--font-serif)", marginBottom: "0.5rem" }}>
          Offline
        </h1>
        <p style={{ color: "var(--color-muted)" }}>
          You&rsquo;re offline. Cached pages still work — your edits will sync
          when the connection comes back.
        </p>
      </div>
    </main>
  );
}