diff --git a/frontend/vite-template-master/README.md b/frontend/vite-template-master/README.md index 01d69d9..c3d5095 100644 --- a/frontend/vite-template-master/README.md +++ b/frontend/vite-template-master/README.md @@ -1,5 +1,7 @@ # Mantine Vite template +The project is a well-structured, modern React application with a clean design and strong technical foundation. It effectively showcases Craig Macfadyen's professional expertise but would benefit from completing the missing features and addressing the navigation structure. The use of Mantine provides a solid UI foundation, and the component architecture supports maintainability and future expansion. + ## Features This template comes with the following features: diff --git a/frontend/vite-template-master/src/components/HeaderSimple/HeaderSimple.tsx b/frontend/vite-template-master/src/components/HeaderSimple/HeaderSimple.tsx index 7eef3fe..6e5bacb 100644 --- a/frontend/vite-template-master/src/components/HeaderSimple/HeaderSimple.tsx +++ b/frontend/vite-template-master/src/components/HeaderSimple/HeaderSimple.tsx @@ -1,42 +1,24 @@ import { useState } from 'react'; -import { Burger, Container, Group } from '@mantine/core'; +import { Burger, Container, Group, Anchor } from '@mantine/core'; import { useDisclosure } from '@mantine/hooks'; import { MantineLogo } from '@mantinex/mantine-logo'; import { ColorSchemeToggle } from '../ColorSchemeToggle/ColorSchemeToggle'; import classes from './HeaderSimple.module.css'; -const links = [ - { link: '/about', label: 'Features' }, - { link: '/pricing', label: 'Pricing' }, - { link: '/learn', label: 'Learn' }, - { link: '/community', label: 'Community' }, -]; - export function HeaderSimple() { const [opened, { toggle }] = useDisclosure(false); - const [active, setActive] = useState(links[0].link); - - const items = links.map((link) => ( - { - event.preventDefault(); - setActive(link.link); - }} - > - {link.label} - - )); return (
- {items} + + CV + + + Blog + diff --git a/frontend/vite-template-master/src/components/HeroTitle/HeroTitle.module.css b/frontend/vite-template-master/src/components/HeroTitle/HeroTitle.module.css index 47b3c9c..8dd844e 100644 --- a/frontend/vite-template-master/src/components/HeroTitle/HeroTitle.module.css +++ b/frontend/vite-template-master/src/components/HeroTitle/HeroTitle.module.css @@ -6,7 +6,7 @@ .inner { position: relative; - padding-top: 200px; + padding-top: 120px; padding-bottom: 120px; width: 80%; @@ -40,25 +40,4 @@ @media (max-width: $mantine-breakpoint-sm) { font-size: 18px; } - } - - .controls { - margin-top: calc(var(--mantine-spacing-xl) * 2); - - @media (max-width: $mantine-breakpoint-sm) { - margin-top: var(--mantine-spacing-xl); - } - } - - .control { - height: 54px; - padding-left: 38px; - padding-right: 38px; - - @media (max-width: $mantine-breakpoint-sm) { - height: 54px; - padding-left: 18px; - padding-right: 18px; - flex: 1; - } } \ No newline at end of file diff --git a/frontend/vite-template-master/src/components/HeroTitle/HeroTitle.tsx b/frontend/vite-template-master/src/components/HeroTitle/HeroTitle.tsx index 57f58b8..53f7d04 100644 --- a/frontend/vite-template-master/src/components/HeroTitle/HeroTitle.tsx +++ b/frontend/vite-template-master/src/components/HeroTitle/HeroTitle.tsx @@ -1,4 +1,4 @@ -import { Button, Container, Group, Text } from '@mantine/core'; +import { Container, Group, Text } from '@mantine/core'; // import { GithubIcon } from '@mantinex/dev-icons'; import classes from './HeroTitle.module.css'; @@ -18,28 +18,6 @@ export function HeroTitle() { 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! - - - - - - );