Refactor components for improved readability: standardize import order, enhance formatting, and ensure consistent newline usage across ColorPalette, Contact, FeatureCards, FooterSocial, HeaderSimple, HeroTitle, and Home.page components.
This commit is contained in:
Craig
@@ -1,4 +1,4 @@
|
||||
import { Anchor, Container, Text, Stack } from '@mantine/core';
|
||||
import { Anchor, Container, Stack, Text } from '@mantine/core';
|
||||
import classes from './Contact.module.css';
|
||||
|
||||
export function Contact() {
|
||||
@@ -25,7 +25,11 @@ export function Contact() {
|
||||
</Text>
|
||||
<Text size="lg">
|
||||
LinkedIn:{' '}
|
||||
<Anchor href="https://www.linkedin.com/in/craig-macfadyen-9a2041197" target="_blank" className={classes.link}>
|
||||
<Anchor
|
||||
href="https://www.linkedin.com/in/craig-macfadyen-9a2041197"
|
||||
target="_blank"
|
||||
className={classes.link}
|
||||
>
|
||||
linkedin.com/in/craigmacfadyen
|
||||
</Anchor>
|
||||
</Text>
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
import { FaChartLine, FaEye, FaMessage, FaShield, FaCode, FaLightbulb } from 'react-icons/fa6';
|
||||
import { FaChartLine, FaCode, FaEye, FaLightbulb, FaMessage, FaShield } from 'react-icons/fa6';
|
||||
import {
|
||||
Badge,
|
||||
Card,
|
||||
@@ -9,7 +9,7 @@ import {
|
||||
Title,
|
||||
useMantineTheme,
|
||||
} from '@mantine/core';
|
||||
import classes from "./FeatureCards.module.css";
|
||||
import classes from './FeatureCards.module.css';
|
||||
|
||||
const mockdata = [
|
||||
{
|
||||
@@ -27,25 +27,25 @@ const mockdata = [
|
||||
{
|
||||
title: 'Data Science',
|
||||
description:
|
||||
"Sometimes you just need a simple model and some nice graphs. I can help you understand your data and build a model that works for you.",
|
||||
'Sometimes you just need a simple model and some nice graphs. I can help you understand your data and build a model that works for you.',
|
||||
icon: FaChartLine,
|
||||
},
|
||||
{
|
||||
title: 'Privacy Focused',
|
||||
description:
|
||||
"Your data is valuable and sensitive. All my solutions are built with privacy and security in mind from the ground up, ensuring regulatory compliance and protecting your competitive advantage.",
|
||||
'Your data is valuable and sensitive. All my solutions are built with privacy and security in mind from the ground up, ensuring regulatory compliance and protecting your competitive advantage.',
|
||||
icon: FaShield,
|
||||
},
|
||||
{
|
||||
title: 'Open Source',
|
||||
description:
|
||||
"Leverage the power and innovation of open source technologies while avoiding vendor lock-in. This approach provides transparency, cost-effectiveness, and ensures your solutions remain maintainable long-term.",
|
||||
'Leverage the power and innovation of open source technologies while avoiding vendor lock-in. This approach provides transparency, cost-effectiveness, and ensures your solutions remain maintainable long-term.',
|
||||
icon: FaCode,
|
||||
},
|
||||
{
|
||||
title: 'Cutting-Edge Research',
|
||||
description:
|
||||
"I stay continuously updated with the latest advancements in AI research and immediately apply emerging techniques to solve business problems. Your solutions will never be outdated or obsolete.",
|
||||
'I stay continuously updated with the latest advancements in AI research and immediately apply emerging techniques to solve business problems. Your solutions will never be outdated or obsolete.',
|
||||
icon: FaLightbulb,
|
||||
},
|
||||
];
|
||||
@@ -78,8 +78,8 @@ export function FeaturesCards() {
|
||||
|
||||
<Text c="dimmed" className={classes.description} ta="center" mt="md">
|
||||
I've worked with a range of businesses, from startups to established companies, and I've
|
||||
learned a lot about what works and what doesn't. I work across the full Machine Learning stack, from
|
||||
data collection to model deployment.
|
||||
learned a lot about what works and what doesn't. I work across the full Machine Learning
|
||||
stack, from data collection to model deployment.
|
||||
</Text>
|
||||
|
||||
<SimpleGrid cols={{ base: 1, md: 3 }} spacing="xl" mt="50px">
|
||||
|
||||
@@ -9,13 +9,34 @@ export function FooterSocial() {
|
||||
<Container className={classes.inner}>
|
||||
<Text>Craig Macfadyen</Text>
|
||||
<Group gap={0} className={classes.links} justify="flex-end" wrap="nowrap">
|
||||
<ActionIcon component="a" target='_blank' href="https://github.com/cdmacfadyen" size="lg" color="gray" variant="subtle">
|
||||
<ActionIcon
|
||||
component="a"
|
||||
target="_blank"
|
||||
href="https://github.com/cdmacfadyen"
|
||||
size="lg"
|
||||
color="gray"
|
||||
variant="subtle"
|
||||
>
|
||||
<FaGithub size={18} />
|
||||
</ActionIcon>
|
||||
<ActionIcon component="a" target='_blank' href="https://gitea.craigmacfadyen.co.uk" size="lg" color="gray" variant="subtle">
|
||||
<ActionIcon
|
||||
component="a"
|
||||
target="_blank"
|
||||
href="https://gitea.craigmacfadyen.co.uk"
|
||||
size="lg"
|
||||
color="gray"
|
||||
variant="subtle"
|
||||
>
|
||||
<SiGitea size={18} />
|
||||
</ActionIcon>
|
||||
<ActionIcon component="a" target='_blank' href="https://www.linkedin.com/in/craig-macfadyen-9a2041197/" size="lg" color="gray" variant="subtle">
|
||||
<ActionIcon
|
||||
component="a"
|
||||
target="_blank"
|
||||
href="https://www.linkedin.com/in/craig-macfadyen-9a2041197/"
|
||||
size="lg"
|
||||
color="gray"
|
||||
variant="subtle"
|
||||
>
|
||||
<FaLinkedin size={18} />
|
||||
</ActionIcon>
|
||||
</Group>
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
import { Anchor, Burger, Container, Group, Text } from '@mantine/core';
|
||||
import { Burger, Container, Group, Text } from '@mantine/core';
|
||||
import { useDisclosure } from '@mantine/hooks';
|
||||
import { ColorSchemeToggle } from '../ColorSchemeToggle/ColorSchemeToggle';
|
||||
import classes from './HeaderSimple.module.css';
|
||||
@@ -9,14 +9,16 @@ export function HeaderSimple() {
|
||||
return (
|
||||
<header className={classes.header}>
|
||||
<Container size="md" className={classes.inner}>
|
||||
<Text fw={700} size="lg" style={{ userSelect: 'none', cursor: 'default' }}>Craig Macfadyen</Text>
|
||||
<Text fw={700} size="lg" style={{ userSelect: 'none', cursor: 'default' }}>
|
||||
Craig Macfadyen
|
||||
</Text>
|
||||
<Group gap={5} visibleFrom="xs">
|
||||
<Anchor href="#" className={classes.link}>
|
||||
{/* <Anchor href="#" className={classes.link}>
|
||||
CV
|
||||
</Anchor>
|
||||
<Anchor href="#" className={classes.link}>
|
||||
Blog
|
||||
</Anchor>
|
||||
</Anchor> */}
|
||||
</Group>
|
||||
|
||||
<Burger opened={opened} onClick={toggle} hiddenFrom="xs" size="sm" />
|
||||
|
||||
@@ -14,9 +14,9 @@ export function HeroTitle() {
|
||||
</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!
|
||||
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>
|
||||
|
||||
@@ -1,10 +1,10 @@
|
||||
import { Container } from '@mantine/core';
|
||||
import { Contact } from '@/components/ContactUs/Contact';
|
||||
import { FeaturesCards } from '@/components/FeatureCards/FeatureCards';
|
||||
import { FooterSocial } from '@/components/FooterSocial/FooterSocial';
|
||||
import { HeaderSimple } from '@/components/HeaderSimple/HeaderSimple';
|
||||
import { HeroTitle } from '@/components/HeroTitle/HeroTitle';
|
||||
import Testimonial from '@/components/Testimonial/Testimonial';
|
||||
import { FeaturesCards } from '@/components/FeatureCards/FeatureCards';
|
||||
import { FooterSocial } from '@/components/FooterSocial/FooterSocial';
|
||||
|
||||
export function HomePage() {
|
||||
return (
|
||||
|
||||
Reference in New Issue
Block a user