591d878ac6
Next.js 14 website with standalone output configured for Docker deployment. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
31 lines
1.1 KiB
TypeScript
31 lines
1.1 KiB
TypeScript
import { Button } from "@/components/shared/Button";
|
|
|
|
export default function NotFound() {
|
|
return (
|
|
<section className="min-h-screen flex items-center justify-center section-padding">
|
|
<div className="text-center max-w-lg">
|
|
<div className="w-24 h-24 rounded-full bg-bosphorus/10 flex items-center justify-center mx-auto mb-8">
|
|
<span className="text-4xl">🚢</span>
|
|
</div>
|
|
|
|
<h1 className="font-display text-4xl md:text-5xl font-bold text-deep-nazar mb-4">
|
|
Wrong Side of the Water
|
|
</h1>
|
|
|
|
<p className="text-deep-nazar/60 text-lg mb-8">
|
|
Looks like you've drifted off course. This page doesn't exist —
|
|
but Istanbul's Asian side definitely does.
|
|
</p>
|
|
|
|
<div className="flex flex-col sm:flex-row gap-4 justify-center">
|
|
<Button href="/" variant="primary" size="lg">
|
|
Back to Shore
|
|
</Button>
|
|
<Button href="/experiences" variant="outline" size="lg">
|
|
Explore Experiences
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
);
|
|
}
|