Rename portfolio to projects

components/Hero/index.tsx

@@ -5,8 +5,8 @@ const Hero = () => (
 	<Wrapper>
 		<div className='intro'>
 			<h2>Hi, I am Hazem</h2>
-			<h2>I Like Building Things</h2>
-			<h2 className='blue'>Software Developer</h2>
+			<h2>I Like Building Software</h2>
+			<h2 className='blue'>Full Stack TypeScript Developer</h2>
 			<h2 className='blue'>Life Long Learner</h2>
 		</div>
 		<div className='photo'>

components/MobileNav/index.tsx

@@ -49,8 +49,8 @@ const MobileNav = ({ open, close }: Props) => {
 				</Button>
 			</div>
 			<div className='mobile-button-wrapper'>
-				<Button href='/portfolio' onClick={() => close()}>
-					Portfolio
+				<Button href='/projects' onClick={() => close()}>
+					Projects
 				</Button>
 			</div>
 			<div className='mobile-button-wrapper'>

components/Nav/index.tsx

@@ -29,7 +29,7 @@ const Nav = () => {
 					icon={mode === 'dark' ? '/icons/sun.svg' : '/icons/moon.svg'}
 					onClick={toggle}
 				/>
-				<Button href='/portfolio'>Portfolio</Button>
+				<Button href='/projects'>Projects</Button>
 				<Button href='/blog'>Blog</Button>
 				<Button href='/contact'>Contact</Button>
 				<Button href='/resume.pdf' target='_blank' variant='outline'>