✨ #41 ページ中央にねこの画像を表示させるように変更

nekochans · Jul 10, 2023 · 9dc217c · 9dc217c
1 parent 0f4923a
commit 9dc217c
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/src/app/not-found.tsx b/src/app/not-found.tsx
@@ -1,4 +1,5 @@
 import { Footer, Header } from '@/app/_components';
+import Image from 'next/image';
 import Link from 'next/link';
 import type { JSX } from 'react';
 
@@ -11,6 +12,13 @@ const NotFound = (): JSX.Element => {
           <p className="text-base font-semibold leading-8 text-indigo-600">
             404
           </p>
+          <Image
+            src="/404.webp"
+            width={300}
+            height={300}
+            alt=""
+            className="mx-auto"
+          />
           <h1 className="mt-4 text-3xl font-bold tracking-tight text-gray-900 sm:text-5xl">
             This page does not exist
           </h1>