mirror of
https://github.com/stonith404/pingvin-share.git
synced 2024-09-21 04:20:37 +02:00
60 lines
1.5 KiB
TypeScript
60 lines
1.5 KiB
TypeScript
|
import {
|
|||
|
Anchor,
|
|||
|
Button,
|
|||
|
Center,
|
|||
|
Container,
|
|||
|
Stack,
|
|||
|
Text,
|
|||
|
Title,
|
|||
|
} from "@mantine/core";
|
|||
|
import Link from "next/link";
|
|||
|
import Logo from "../../components/Logo";
|
|||
|
import Meta from "../../components/Meta";
|
|||
|
|
|||
|
const Intro = () => {
|
|||
|
return (
|
|||
|
<>
|
|||
|
<Meta title="Intro" />
|
|||
|
<Container size="xs">
|
|||
|
<Stack>
|
|||
|
<Center>
|
|||
|
<Logo height={80} width={80} />
|
|||
|
</Center>
|
|||
|
<Center>
|
|||
|
<Title order={2}>Welcome to Pingvin Share</Title>
|
|||
|
</Center>
|
|||
|
<Text>
|
|||
|
If you enjoy Pingvin Share please ⭐️ it on{" "}
|
|||
|
<Anchor
|
|||
|
target="_blank"
|
|||
|
href="https://github.com/stonith404/pingvin-share"
|
|||
|
>
|
|||
|
GitHub
|
|||
|
</Anchor>{" "}
|
|||
|
or{" "}
|
|||
|
<Anchor
|
|||
|
target="_blank"
|
|||
|
href="https://github.com/sponsors/stonith404"
|
|||
|
>
|
|||
|
buy me a coffee
|
|||
|
</Anchor>{" "}
|
|||
|
if you want to support my work.
|
|||
|
</Text>
|
|||
|
<Text>Enough talked, have fun with Pingvin Share!</Text>
|
|||
|
<Text mt="lg">How to you want to continue?</Text>
|
|||
|
<Stack>
|
|||
|
<Button href="/admin/config" component={Link}>
|
|||
|
Customize configuration
|
|||
|
</Button>
|
|||
|
<Button href="/" component={Link} variant="light">
|
|||
|
Explore Pingvin Share
|
|||
|
</Button>
|
|||
|
</Stack>
|
|||
|
</Stack>
|
|||
|
</Container>
|
|||
|
</>
|
|||
|
);
|
|||
|
};
|
|||
|
|
|||
|
export default Intro;
|