redhare-demo/app/not-found.js

27 lines
752 B
JavaScript

export const metadata = {
title: '404 Not Found!',
}
import StoreProvider from 'app/StoreProvider'
import { ArrowLink, ResponsiveImage, ClientLayout } from '@/components'
export default function NotFoundPage() {
//? Render(s)
return (
<StoreProvider>
<ClientLayout>
<main className="flex flex-col items-center justify-center py-8 gap-y-6 xl:mt-28">
<p className="text-base font-semibold text-black">404 Not Found!</p>
<ArrowLink path="/">返回首页</ArrowLink>
<ResponsiveImage
dimensions="w-full max-w-lg h-72"
src="/icons/page-not-found.png"
layout="fill"
alt="404"
/>
</main>
</ClientLayout>
</StoreProvider>
)
}