diff --git a/src/components/GetInTouch/Arrow.tsx b/src/components/GetInTouch/Arrow.tsx index 060a68e..47876bf 100644 --- a/src/components/GetInTouch/Arrow.tsx +++ b/src/components/GetInTouch/Arrow.tsx @@ -4,11 +4,13 @@ import { LINKEDIN_LINK, DRIBBLE_LINK, FLICKR_LINK, + MAIL_TO_LINK, } from "@/utils/constants"; import { InstagramIcon } from "@/components/icons/Instagram"; import { LinkedInIcon } from "@/components/icons/LinkedIn"; import { DribbleIcon } from "@/components/icons/Dribble"; import { FlickrIcon } from "@/components/icons/Flickr"; +import { MailIcon } from "@/components/icons/Mail"; export const Arrow: React.FC = () => { const [showFullWidth, setShowFullWidth] = useState(false); @@ -83,6 +85,15 @@ export const Arrow: React.FC = () => { > + + + +
diff --git a/src/components/Home/Hero.tsx b/src/components/Home/Hero.tsx index 17f3383..5637c10 100644 --- a/src/components/Home/Hero.tsx +++ b/src/components/Home/Hero.tsx @@ -14,11 +14,6 @@ export const Hero = () => ( {"–"} Salvador Dali

- {/*

- I studied at Bologna University and worked in London for 6 years. I - {"'"}m currently freelancing and travelling the globe. -

*/} -

Working in multidisciplinary environments and different design areas including: 2D/3D graphics, 3D interiors and UX/UI strategy. I{"'"}m diff --git a/src/components/Home/Skills/index.tsx b/src/components/Home/Skills/index.tsx index 1eef5a3..5c1daa9 100644 --- a/src/components/Home/Skills/index.tsx +++ b/src/components/Home/Skills/index.tsx @@ -5,7 +5,7 @@ export const Skills = () => (

-

Skills

+

Expertise

diff --git a/src/components/Home/Skills/skills.ts b/src/components/Home/Skills/skills.ts index be75c04..cbf601c 100644 --- a/src/components/Home/Skills/skills.ts +++ b/src/components/Home/Skills/skills.ts @@ -10,14 +10,15 @@ export const SOFTWARES = [ ]; export const SKILLS = [ - "Illustration", - "UX/UI Design", + "Branded Assets", + "UX Design", + "UI Design", "Graphic Design", - "3D modelling", - "Interior Design", - "Etching & Linocuts", - "Sculpture", - "Pottery", + "3D Modelling", + "Interior Branding", + "Visualisation", + "Printing Process", + "Illustration", ]; export const LANGUAGES = [ diff --git a/src/components/icons/Mail.tsx b/src/components/icons/Mail.tsx new file mode 100644 index 0000000..78bc92f --- /dev/null +++ b/src/components/icons/Mail.tsx @@ -0,0 +1,28 @@ +interface MailIconProps { + className?: string; + onClick?: VoidFunction; +} + +export const MailIcon: React.FC> = ({ + className = "", +}) => ( + + + + + +); diff --git a/src/pages/index.tsx b/src/pages/index.tsx index a2da0dd..bbb3cb8 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -44,8 +44,6 @@ const Home: NextPage = ({ projects }) => { - -