24 |
25 |
{t('404:user-not-found')}
26 |
34 |
35 | {t('404:check-username')}
36 | router.push('/')}>GO TO MAIN PAGE
37 |
38 | >
39 | );
40 | }
41 |
42 | export default NotFound;
43 |
44 | export const getStaticProps: GetStaticProps = ssgWrapper(['common', 'footer', 'header', '404', 'meta']);
45 |
46 | const Container = styled.div`
47 | ${({ theme }) => theme.common.flexCenterColumn};
48 | padding: 150px 0px;
49 | flex: 1;
50 |
51 | div {
52 | position: relative;
53 | margin-bottom: 40px;
54 |
55 | h2 {
56 | font-size: 40px;
57 | }
58 | }
59 |
60 | strong {
61 | font-size: 40px;
62 | margin-bottom: 80px;
63 | }
64 |
65 | p {
66 | font-size: 28px;
67 | margin-bottom: 110px;
68 | }
69 | `;
70 |
71 | const CubeImage = styled(Image)`
72 | z-index: -1;
73 | position: absolute;
74 | top: 50%;
75 | left: 50%;
76 | transform: translate(-50%, -50%);
77 | `;
78 |
79 | const HomeButton = styled(Button)`
80 | background-color: ${({ theme }) => theme.colors.black3};
81 | border-color: ${({ theme }) => theme.colors.gray1};
82 | border-radius: 75px;
83 | width: 200px;
84 | padding: 25px 0px;
85 | `;
86 |
--------------------------------------------------------------------------------
/frontend/public/icons/username.svg:
--------------------------------------------------------------------------------
1 |