28 lines
1.0 KiB
TypeScript
28 lines
1.0 KiB
TypeScript
import Link from "next/link";
|
|
import { Button } from "@/components/ui/button";
|
|
import { AlertCircle } from "lucide-react";
|
|
|
|
export default function UnauthorizedPage() {
|
|
return (
|
|
<div className="flex flex-col items-center justify-center min-h-screen p-4">
|
|
<div className="flex flex-col items-center justify-center max-w-md text-center space-y-4">
|
|
<div className="rounded-full bg-destructive/20 p-3">
|
|
<AlertCircle className="h-6 w-6 text-destructive" />
|
|
</div>
|
|
<h1 className="text-2xl font-bold">Unauthorized Access</h1>
|
|
<p className="text-muted-foreground">
|
|
You don't have permission to access this page. Please contact an administrator if you believe this is an error.
|
|
</p>
|
|
<div className="flex flex-col sm:flex-row gap-2 mt-6">
|
|
<Button asChild>
|
|
<Link href="/">Return to Home</Link>
|
|
</Button>
|
|
<Button asChild variant="outline">
|
|
<Link href="/login">Sign In</Link>
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|