import { Anchor, Text, Title } from '@mantine/core';
import classes from './Welcome.module.css';
import { useMantineTheme } from '@mantine/core';

export function Welcome() {

  const theme = useMantineTheme();

  return (
    <>
      <Title className={classes.title} ta="center" mt={100}>
        Hola! {' '}
        <Text inherit variant="gradient" component="span" gradient={{ from: theme.colors.brand[7], to: theme.colors.secondary[4], }} style={{ letterSpacing: '1px' }}>
          Holooooo
        </Text>
      </Title>
      <Text c="dimmed" ta="left" size="lg" maw={580} mx="auto" mt="xl">
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Suscipit modi officia porro natus ullam vero mollitia provident, fuga quidem! Perspiciatis explicabo, vel non illum libero suscipit esse animi a voluptatem!
      </Text>
    </>
  );
}