25 lines
920 B
TypeScript
25 lines
920 B
TypeScript
"use client";
|
|
|
|
import Link from "next/link";
|
|
import { WifiOff } from "lucide-react";
|
|
import { useI18n } from "@/lib/i18n";
|
|
|
|
export default function OfflinePage() {
|
|
const { t } = useI18n();
|
|
return (
|
|
<section className="glass mx-auto mt-12 max-w-lg rounded-panel p-8 text-center">
|
|
<div className="mx-auto flex size-14 items-center justify-center rounded-control bg-accent/10 text-accent">
|
|
<WifiOff className="size-6" />
|
|
</div>
|
|
<h1 className="mt-5 text-2xl font-semibold tracking-tight">{t("offline.title")}</h1>
|
|
<p className="mt-2 text-sm leading-6 text-muted">{t("offline.description")}</p>
|
|
<Link
|
|
href="/"
|
|
className="mt-6 inline-flex rounded-control bg-foreground px-4 py-2.5 text-sm font-medium text-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent"
|
|
>
|
|
{t("offline.back")}
|
|
</Link>
|
|
</section>
|
|
);
|
|
}
|