mmintelandClaude Opus 5.5
e9f05b02fc
Only the production deployment may be indexed; testing and preview builds answer with noindex and a closed robots file. The homepage now describes the person, the services and the FAQ as structured data, and title, description and the 404 page are written for what people search for. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
48 lines
1.8 KiB
TypeScript
48 lines
1.8 KiB
TypeScript
export const metadata = {
|
|
title: "Page not found",
|
|
description: "This page does not exist.",
|
|
};
|
|
|
|
import { Button } from "@/src/components/Button";
|
|
|
|
export default function NotFound() {
|
|
return (
|
|
<div className="flex flex-col items-center justify-center min-h-[70vh] px-5 py-20 text-center">
|
|
<div className="space-y-6 max-w-2xl mx-auto">
|
|
<span className="inline-block px-3 py-1 bg-slate-50 border border-slate-100 rounded text-[10px] font-mono text-slate-500 uppercase tracking-widest">
|
|
Error 404
|
|
</span>
|
|
<h1 className="text-5xl md:text-7xl font-black text-slate-900 tracking-tighter">
|
|
Page not found.
|
|
</h1>
|
|
<p className="text-xl md:text-2xl text-slate-500 font-serif italic max-w-xl mx-auto leading-relaxed">
|
|
This address does not exist. The page may have been moved or removed.
|
|
</p>
|
|
|
|
<div className="pt-8 flex flex-col sm:flex-row items-center justify-center gap-4">
|
|
<Button href="/" variant="primary">
|
|
Back to the homepage
|
|
</Button>
|
|
</div>
|
|
|
|
<div className="pt-16 max-w-sm mx-auto">
|
|
<div className="bg-slate-50 p-6 rounded-2xl border border-slate-100 text-left font-mono text-xs text-slate-400">
|
|
<div className="flex justify-between border-b border-slate-200/60 pb-2 mb-2">
|
|
<span>STATUS</span>
|
|
<span className="text-red-500">404 NOT_FOUND</span>
|
|
</div>
|
|
<div className="flex justify-between border-b border-slate-200/60 pb-2 mb-2">
|
|
<span>ACTION</span>
|
|
<span>REROUTE_SUGGESTED</span>
|
|
</div>
|
|
<div className="flex justify-between">
|
|
<span>SYSTEM</span>
|
|
<span className="text-green-500">ONLINE</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|