From 109f9c2e4974413a832fd2265f23a51a4242405e Mon Sep 17 00:00:00 2001 From: Bianca Date: Wed, 8 Apr 2026 10:14:58 +0200 Subject: [PATCH 1/4] feat: enhance NotFound page with custom SVG background and improved layout - Updated NotFound component to include a visually appealing SVG background. - Replaced existing text with localized message and added a prominent 404 display. - Introduced a primary button linking back to the homepage. - Adjusted header background to be transparent for better integration with the NotFound page. --- src/app/not-found.tsx | 33 +++++++++++++++++---- src/assets/shapes/not-found.svg | 52 +++++++++++++++++++++++++++++++++ src/components/header.tsx | 2 +- 3 files changed, 81 insertions(+), 6 deletions(-) create mode 100644 src/assets/shapes/not-found.svg diff --git a/src/app/not-found.tsx b/src/app/not-found.tsx index 7f08738..a561a6a 100644 --- a/src/app/not-found.tsx +++ b/src/app/not-found.tsx @@ -1,13 +1,36 @@ +import Image from "next/image" import Link from "next/link" +import { FiHome } from "react-icons/fi" +import notFoundBackground from "@/assets/shapes/not-found.svg" +import { Button } from "@/components/ui/button" -export default async function NotFound() { +export default function NotFound() { return ( -
-

Not Found

+
+
+
+ +
-

This page doesn't exist or is not available yet.

+
+

+ 404 +

- Go to homepage +

+ Non trovo quello che cerchi. +
+ Controlla l'URL o visita un'altra sezione del sito. +

+ + +
+
) } diff --git a/src/assets/shapes/not-found.svg b/src/assets/shapes/not-found.svg new file mode 100644 index 0000000..2078d6b --- /dev/null +++ b/src/assets/shapes/not-found.svg @@ -0,0 +1,52 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/components/header.tsx b/src/components/header.tsx index 453dc7a..1dca83c 100644 --- a/src/components/header.tsx +++ b/src/components/header.tsx @@ -7,7 +7,7 @@ export const HEADER_HEIGHT = "4.5rem" export async function Header() { return ( -
+
From 09e4fb4f041fdc40f65186948faa9c715fb52b12 Mon Sep 17 00:00:00 2001 From: Bianca Date: Wed, 8 Apr 2026 10:35:41 +0200 Subject: [PATCH 2/4] fix: correct viewport height calculation in NotFound page --- src/app/not-found.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/app/not-found.tsx b/src/app/not-found.tsx index a561a6a..776d1d5 100644 --- a/src/app/not-found.tsx +++ b/src/app/not-found.tsx @@ -6,7 +6,7 @@ import { Button } from "@/components/ui/button" export default function NotFound() { return ( -
+
From b3df6522379304c211ce59d3203bce64393ad2aa Mon Sep 17 00:00:00 2001 From: Tommaso Morganti Date: Thu, 9 Apr 2026 19:41:39 +0200 Subject: [PATCH 3/4] chore: optimized svg with `svgo` --- src/assets/shapes/not-found.svg | 53 +-------------------------------- 1 file changed, 1 insertion(+), 52 deletions(-) diff --git a/src/assets/shapes/not-found.svg b/src/assets/shapes/not-found.svg index 2078d6b..e85c51b 100644 --- a/src/assets/shapes/not-found.svg +++ b/src/assets/shapes/not-found.svg @@ -1,52 +1 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + \ No newline at end of file From 5fed8487578fbba4e55ceb9946e8df4b3b6e1931 Mon Sep 17 00:00:00 2001 From: Bianca Roberta Ianosel Date: Thu, 9 Apr 2026 21:14:41 +0200 Subject: [PATCH 4/4] Remove background from page Co-authored-by: Tommaso Morganti --- src/app/not-found.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/app/not-found.tsx b/src/app/not-found.tsx index 776d1d5..abb6fc7 100644 --- a/src/app/not-found.tsx +++ b/src/app/not-found.tsx @@ -6,7 +6,7 @@ import { Button } from "@/components/ui/button" export default function NotFound() { return ( -
+