From 9cf350bc81fdd369984c2907b57a2359a9b13142 Mon Sep 17 00:00:00 2001
From: "ALMAZROUEI Shamma (2021) WKIS203"
<shamma.almazrouei.2021@live.rhul.ac.uk>
Date: Tue, 11 Mar 2025 20:12:00 +0530
Subject: [PATCH] Build error page
---
golden-crust-bakery/src/main.jsx | 2 ++
golden-crust-bakery/src/pages/Error.jsx | 20 ++++++++++++++++++++
2 files changed, 22 insertions(+)
create mode 100644 golden-crust-bakery/src/pages/Error.jsx
diff --git a/golden-crust-bakery/src/main.jsx b/golden-crust-bakery/src/main.jsx
index e394c5f..bb357ce 100644
--- a/golden-crust-bakery/src/main.jsx
+++ b/golden-crust-bakery/src/main.jsx
@@ -15,11 +15,13 @@ import Login from './pages/Login';
import Register from './pages/Register';
import Menu from './pages/Menu';
import MenuItem from './pages/MenuItem';
+import ErrorPage from './pages/Error';
const router = createBrowserRouter([
{
path: '/',
element: <App />,
+ errorElement: <ErrorPage />,
children: [
{
path: '/',
diff --git a/golden-crust-bakery/src/pages/Error.jsx b/golden-crust-bakery/src/pages/Error.jsx
new file mode 100644
index 0000000..e46bfbe
--- /dev/null
+++ b/golden-crust-bakery/src/pages/Error.jsx
@@ -0,0 +1,20 @@
+import { Button } from '@/components/ui/button';
+import { Link } from 'react-router-dom';
+
+export default function ErrorPage() {
+ return (
+ <div className='flex items-center min-h-screen px-4 py-12 sm:px-6 md:px-8 lg:px-12 xl:px-16'>
+ <div className='w-full space-y-6 text-center'>
+ <div className='space-y-3'>
+ <h1 className='text-4xl font-bold sm:text-5xl animate-bounce'>404</h1>
+ <p className='text-gray-500'>
+ Looks like you've ventured into the unknown digital realm.
+ </p>
+ </div>
+ <Button asChild className='bg-pink-500 hover:bg-pink-600 text-white'>
+ <Link to='/'>Back to Home</Link>
+ </Button>
+ </div>
+ </div>
+ );
+}
--
GitLab