nandi.uk
This repository has no description
1import {
2 Center,
3 Container,
4 Stack,
5 Image,
6 Badge,
7 Title,
8 Text,
9 Popover,
10 Anchor,
11 PopoverTarget,
12 Button,
13 PopoverDropdown,
14} from '@mantine/core';
15import { Metadata } from 'next';
16
17import { IoMdHelpCircleOutline } from 'react-icons/io';
18import SembleLogo from '@/assets/semble-logo.svg';
19
20export const metadata: Metadata = {
21 title: 'Log in — Semble',
22 description: 'Welcome back',
23 robots: { index: false, follow: true },
24};
25
26interface Props {
27 children: React.ReactNode;
28}
29
30export default async function Layout(props: Props) {
31 return (
32 <Container>
33 <Center h={'100svh'} p={'sm'}>
34 <Stack gap={'xl'} align="center">
35 <Stack gap="xl" maw={300}>
36 <Stack gap={'xs'}>
37 <Stack align="center" gap={'xs'}>
38 <Image
39 src={SembleLogo.src}
40 alt="Semble logo"
41 w={48}
42 h={64.5}
43 mx={'auto'}
44 />
45 <Badge size="sm">Alpha</Badge>
46 </Stack>
47 <Title order={1} ta="center">
48 Welcome back
49 </Title>
50 </Stack>
51 {props.children}
52 </Stack>
53 <Stack gap={0}>
54 <Popover withArrow shadow="sm">
55 <PopoverTarget>
56 <Button
57 variant="transparent"
58 fw={500}
59 fs={'italic'}
60 c={'dark.1'}
61 rightSection={<IoMdHelpCircleOutline size={22} />}
62 >
63 How your Cosmik Network account works
64 </Button>
65 </PopoverTarget>
66 <PopoverDropdown>
67 <Text fw={500} ta="center" maw={380}>
68 If you have a Bluesky account, you can sign in with it; no new
69 account is needed. In future, you will have the option to
70 migrate your account to the{' '}
71 <Anchor
72 href="https://cosmik.network"
73 target="_blank"
74 fw={500}
75 c={'blue'}
76 >
77 Cosmik Network
78 </Anchor>
79 .
80 </Text>
81 </PopoverDropdown>
82 </Popover>
83 <Text fw={500} fz={'sm'} ta={'center'} c={'dark.1'}>
84 By continuing, you agree to our{' '}
85 <Anchor
86 href={'/privacy-policy'}
87 c="dark.1"
88 fw={600}
89 fz={'sm'}
90 underline="always"
91 >
92 Privacy Policy
93 </Anchor>
94 </Text>
95 </Stack>
96 </Stack>
97 </Center>
98 </Container>
99 );
100}