This commit updates the naming convention of icons from Lucide-React, moving some package dependencies to "peerDependencies" in 'team-accounts', 'admin' and 'auth'. Additionally, it includes tweaks to the development server command in apps/web package.json and adds a logger reference to the shared package. Furthermore, cleanup work has been performed within the features and UI packages, and new scripts to interact with Stripe have been added to the root package.json.
60 lines
1.6 KiB
TypeScript
60 lines
1.6 KiB
TypeScript
import Link from 'next/link';
|
|
|
|
import { ArrowLeft } from 'lucide-react';
|
|
|
|
import { Button } from '@kit/ui/button';
|
|
import { Heading } from '@kit/ui/heading';
|
|
import { Trans } from '@kit/ui/trans';
|
|
|
|
import { SiteHeader } from '~/(marketing)/_components/site-header';
|
|
import appConfig from '~/config/app.config';
|
|
import { withI18n } from '~/lib/i18n/with-i18n';
|
|
|
|
export const metadata = {
|
|
title: `Page not found - ${appConfig.name}`,
|
|
};
|
|
|
|
const NotFoundPage = () => {
|
|
return (
|
|
<div className={'flex h-screen flex-1 flex-col'}>
|
|
<SiteHeader session={null} />
|
|
|
|
<div
|
|
className={
|
|
'm-auto flex w-full flex-1 flex-col items-center justify-center'
|
|
}
|
|
>
|
|
<div className={'flex flex-col items-center space-y-12'}>
|
|
<div>
|
|
<h1 className={'text-8xl font-extrabold'}>404 :(</h1>
|
|
</div>
|
|
|
|
<div className={'flex flex-col items-center space-y-4'}>
|
|
<div className={'flex flex-col items-center space-y-2.5'}>
|
|
<div>
|
|
<Heading level={1}>
|
|
<Trans i18nKey={'common:pageNotFound'} />
|
|
</Heading>
|
|
</div>
|
|
|
|
<p className={'text-muted-foreground'}>
|
|
<Trans i18nKey={'common:pageNotFoundSubHeading'} />
|
|
</p>
|
|
</div>
|
|
|
|
<Link href={'/'}>
|
|
<Button variant={'outline'}>
|
|
<ArrowLeft className={'mr-2 h-4'} />
|
|
|
|
<Trans i18nKey={'common:backToHomePage'} />
|
|
</Button>
|
|
</Link>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default withI18n(NotFoundPage);
|