move ot mantine frontend

frontend/vite-template-master/src/components/HeroTitle/HeroTitle.tsx

@@ -0,0 +1,45 @@
+import { Button, Container, Group, 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={true} 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">
+        Data Scientist 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>
+
+        <Group className={classes.controls}>
+          <Button
+            size="xl"
+            className={classes.control}
+            variant="gradient"
+            gradient={{ from: 'blue', to: 'cyan' }}
+          >
+            Get started
+          </Button>
+
+          <Button
+            component="a"
+            href="https://github.com/mantinedev/mantine"
+            size="xl"
+            variant="default"
+            className={classes.control}
+            // leftSection={<GithubIcon size={20} />}
+          >
+            GitHub
+          </Button>
+        </Group>
+      </Container>
+    </div>
+  );
+}