import { Title, Text } from '@mantine/core';
import { ThemeToggle } from '../theme-toggle';

export function Welcome() {
  return (
    <>
      <Title ta="center" mt={100}>
        <Text
          inherit
          variant="gradient"
          component="span"
          gradient={{ from: 'pink', to: 'yellow' }}
        >
          Welcome
        </Text>
      </Title>
      <Text ta="center" size="lg" maw={580} mx="auto" mt="xl">
        Welcome to something new and interesting.
      </Text>
      <ThemeToggle />
    </>
  );
}