import { Anchor, Container, Stack, Text, Title } from '@mantine/core';
import classes from './Contact.module.css';

export function Contact() {
  return (
    <Container className={classes.wrapper}>
      <Stack gap="md">
        <Title className={classes.title}>Get in Touch</Title>
        <Text className={classes.description}>
          If you'd like to collaborate, have any questions, or just want to say hello, feel free to
          reach out!
        </Text>
        <Text>
          Email: <Anchor href="mailto:cdmacfadyen@proton.me">cdmacfadyen@proton.me</Anchor>
        </Text>
        <Text>
          LinkedIn:{' '}
          <Anchor href="https://www.linkedin.com/in/craig-macfadyen-9a2041197" target="_blank">
            linkedin.com/in/craigmacfadyen
          </Anchor>
        </Text>
      </Stack>
    </Container>
  );
}
