adrianbonpin
b0688f8f2a
- Deleted server-stopped, server.log, and server.pid files to clean up unused state. - Updated game-page-client.tsx to enhance button accessibility with cursor-pointer class. - Modified not-found.tsx, page.tsx, and profile/page.tsx for consistent cursor-pointer usage on links. - Adjusted search/page.tsx and components/auth/*.tsx for improved button interactions with cursor-pointer. - Refined navbar.tsx for better user experience with cursor-pointer on navigation links. - Updated settings-security-tab.tsx for passkey management API endpoints and improved error handling. - Enhanced saved-games components for better user interaction with cursor-pointer on buttons. - General code cleanup and consistency improvements across various components.
46 lines
1.3 KiB
TypeScript
46 lines
1.3 KiB
TypeScript
"use client"
|
|
|
|
import { motion } from "motion/react"
|
|
import Link from "next/link"
|
|
|
|
export default function NotFound() {
|
|
return (
|
|
<section className="w-dvw h-dvh flex flex-col items-center justify-center relative p-4">
|
|
<motion.h1
|
|
initial={{ opacity: 0, scale: 0.8 }}
|
|
animate={{ opacity: 1, scale: 1 }}
|
|
className="font-bold text-8xl md:text-9xl text-primary"
|
|
>
|
|
404
|
|
</motion.h1>
|
|
<motion.h2
|
|
initial={{ opacity: 0 }}
|
|
animate={{ opacity: 1, transition: { delay: 0.3 } }}
|
|
className="mt-4 font-semibold text-xl md:text-2xl text-center"
|
|
>
|
|
This page doesn't exist yet
|
|
</motion.h2>
|
|
<motion.p
|
|
initial={{ opacity: 0 }}
|
|
animate={{ opacity: 0.6, transition: { delay: 0.6 } }}
|
|
className="mt-2 text-center max-w-md"
|
|
>
|
|
The page you're looking for hasn't been built yet, or may have
|
|
been moved.
|
|
</motion.p>
|
|
<motion.div
|
|
initial={{ opacity: 0 }}
|
|
animate={{ opacity: 1, transition: { delay: 0.9 } }}
|
|
className="mt-8"
|
|
>
|
|
<Link
|
|
href="/"
|
|
className="px-6 py-3 rounded-full bg-primary text-background font-semibold hover:bg-primary/80 transition-colors cursor-pointer"
|
|
>
|
|
Back to Home
|
|
</Link>
|
|
</motion.div>
|
|
</section>
|
|
)
|
|
}
|