-
Notifications
You must be signed in to change notification settings - Fork 14
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
feat: Add "Not Found" page for HSR, Wuthering Waves, and Zenless
This commit adds a "Not Found" page for the HSR, Wuthering Waves, and Zenless sections of the application. The page displays a message indicating that the requested page does not exist and provides a button to navigate back to the home page. This addition improves the user experience by providing a clear indication of invalid URLs and a convenient way to return to the main content.
- Loading branch information
Showing
4 changed files
with
64 additions
and
1 deletion.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,14 @@ | ||
"use client"; | ||
|
||
import Link from "next/link"; | ||
|
||
export default function Error() { | ||
return ( | ||
<div> | ||
<h2>Page not found</h2> | ||
<Link href="/hsr"> | ||
<button>Go Home</button> | ||
</Link> | ||
</div> | ||
); | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,14 @@ | ||
"use client"; | ||
|
||
import Link from "next/link"; | ||
|
||
export default function Error() { | ||
return ( | ||
<div> | ||
<h2>Page not found</h2> | ||
<Link href="/wuthering-waves"> | ||
<button>Go Home</button> | ||
</Link> | ||
</div> | ||
); | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,35 @@ | ||
"use client"; | ||
|
||
import Image from "next/image"; | ||
import Link from "next/link"; | ||
|
||
export default function Error() { | ||
return ( | ||
<div className="relative z-20 overflow-hidden p-6"> | ||
<Image | ||
className="absolute -top-4 left-0 z-10 opacity-20 grayscale md:opacity-40 lg:opacity-50" | ||
src="/imgs/stickers/Sticker_Set_1_Nicole_smash.webp" | ||
width={250} | ||
height={400} | ||
alt="Nicole" | ||
/> | ||
<div className="relative z-20 text-center"> | ||
<h2 className="mb-6 text-3xl">Not Found</h2> | ||
<p className="text-lg"> | ||
We're sorry, but the page you are looking for does not exist. | ||
<br /> | ||
<br /> | ||
<br /> | ||
<Link | ||
href="/zenless" | ||
className="text-slate-800 underline hover:text-slate-950" | ||
> | ||
<button className="rounded-2xl border-2 border-black px-4 py-2 font-semibold ring-black transition-all hover:bg-white hover:ring-4"> | ||
Go Home | ||
</button> | ||
</Link> | ||
</p> | ||
</div> | ||
</div> | ||
); | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters