nandi.uk
This repository has no description
1.9 kB
73 lines
1'use client';
2
3import {
4 BackgroundImage,
5 Center,
6 Stack,
7 Image,
8 Badge,
9 Text,
10 Group,
11 Button,
12 Container,
13} from '@mantine/core';
14import SembleLogo from '@/assets/semble-logo.svg';
15import BG from '@/assets/semble-bg.webp';
16import Link from 'next/link';
17import { BiRightArrowAlt } from 'react-icons/bi';
18
19export default function Error() {
20 return (
21 <BackgroundImage
22 src={BG.src}
23 h={'100svh'}
24 pos={'fixed'}
25 top={0}
26 left={0}
27 style={{ zIndex: 102 }}
28 >
29 <Center h={'100svh'} py={{ base: '2rem', xs: '5rem' }}>
30 <Container size={'xl'} p={'md'} my={'auto'}>
31 <Stack>
32 <Stack align="center" gap={'xs'}>
33 <Image
34 src={SembleLogo.src}
35 alt="Semble logo"
36 w={48}
37 h={64.5}
38 mx={'auto'}
39 />
40 <Badge size="sm">Alpha</Badge>
41 </Stack>
42
43 <Stack>
44 <Text fz={'h1'} fw={600} ta={'center'}>
45 A social knowledge network for researchers
46 </Text>
47 <Text fz={'h3'} fw={600} c={'#1F6144'} ta={'center'}>
48 Follow your peers’ research trails. Surface and discover new
49 connections. Built on ATProto so you own your data.
50 </Text>
51 </Stack>
52
53 <Group justify="center" gap="md" mt={'lg'}>
54 <Button component={Link} href="/signup" size="lg">
55 Sign up
56 </Button>
57
58 <Button
59 component={Link}
60 href="/login"
61 size="lg"
62 color="dark"
63 rightSection={<BiRightArrowAlt size={22} />}
64 >
65 Log in
66 </Button>
67 </Group>
68 </Stack>
69 </Container>
70 </Center>
71 </BackgroundImage>
72 );
73}