import { Container, Title, Group, Button, Box, createStyles } from '@mantine/core'; import Head from 'next/head'; import Link from 'next/link'; const useStyles = createStyles((theme) => ({ label: { textAlign: 'center', fontWeight: 900, fontSize: 220, lineHeight: 1, marginBottom: theme.spacing.xl * 1.5, color: theme.colorScheme === 'dark' ? theme.colors.dark![4] : theme.colors.gray![2], [theme.fn.smallerThan('sm')]: { fontSize: 120, }, }, })); export default function FourOhFourPage() { const { classes } = useStyles(); return ( <>