pages not-found.tsx

0% Statements 0/1

100% Branches 0/0

0% Functions 0/1

0% Lines 0/1

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { Card, CardContent } from "@/components/ui/card";
import { AlertCircle } from "lucide-react";
import { getStatusTextClass } from "@/lib/status-semantics";
 
export default function NotFound() {
  return (
    <div className="min-h-screen w-full flex items-center justify-center bg-gray-50">
      <Card className="w-full max-w-md mx-4">
        <CardContent className="pt-6">
          <div className="flex mb-4 gap-2">
            <AlertCircle className={`h-8 w-8 ${getStatusTextClass("error")}`} />
            <h1 className="text-ui-2xl font-bold text-gray-900">
              404 Page Not Found
            </h1>
          </div>
 
          <p className="mt-4 text-ui-sm text-gray-600">
            Did you forget to add the page to the router?
          </p>
        </CardContent>
      </Card>
    </div>
  );
}