From b99295b36424d3ff2647b93e5f491d4a63ee5a09 Mon Sep 17 00:00:00 2001
From: giancarlo <giancarlopsk@gmail.com>
Date: Fri, 19 Apr 2024 15:38:28 +0800
Subject: [PATCH] Update error and not-found page styles

Removed unused import from error page and adjusted the heading styles on both the 500 error page and the 404 not-found page. By increasing the size of the text headings and updating the font to 'font-heading', the pages are now more consistent with the overall design layout.
---
 apps/web/app/error.tsx     | 4 +---
 apps/web/app/not-found.tsx | 2 +-
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/apps/web/app/error.tsx b/apps/web/app/error.tsx
index 57ea2a3d5..d1220138f 100644
--- a/apps/web/app/error.tsx
+++ b/apps/web/app/error.tsx
@@ -1,7 +1,5 @@
 'use client';
 
-import Link from 'next/link';
-
 import { ArrowLeft } from 'lucide-react';
 
 import { useCaptureException } from '@kit/monitoring/hooks';
@@ -31,7 +29,7 @@ const ErrorPage = ({
       >
         <div className={'flex flex-col items-center space-y-16'}>
           <div>
-            <h1 className={'text-8xl font-extrabold'}>500 :(</h1>
+            <h1 className={'font-heading text-9xl font-extrabold'}>500 :(</h1>
           </div>
 
           <div className={'flex flex-col items-center space-y-4'}>
diff --git a/apps/web/app/not-found.tsx b/apps/web/app/not-found.tsx
index ab379f2e4..b060e4aa7 100644
--- a/apps/web/app/not-found.tsx
+++ b/apps/web/app/not-found.tsx
@@ -38,7 +38,7 @@ const NotFoundPage = async () => {
       >
         <div className={'flex flex-col items-center space-y-12'}>
           <div>
-            <h1 className={'text-8xl font-extrabold'}>404 :(</h1>
+            <h1 className={'font-heading text-9xl font-extrabold'}>404 :(</h1>
           </div>
 
           <div className={'flex flex-col items-center space-y-4'}>