import { Container, Text } from '@mantine/core';
// import { GithubIcon } from '@mantinex/dev-icons';
import classes from './HeroTitle.module.css';

export function HeroTitle() {
  return (
    <div className={classes.wrapper}>
      <Container fluid size={700} className={classes.inner}>
        <h1 className={classes.title}>
          {' '}
          <Text component="span" variant="gradient" gradient={{ from: 'blue', to: 'cyan' }} inherit>
            Craig Macfadyen
          </Text>{' '}
        </h1>

        <Text className={classes.description} c="dimmed">
          Machine Learning Engineer with experience in consulting and research. Expertise in Computer Vision
          and Large Language Models. Take a look at what I can do for your business and get in touch
          if you have any questions or you'd like to work together!
        </Text>
      </Container>
    </div>
  );
}