hazemKrimi/personal-website
1
0
Fork 0
mirror of https://github.com/hazemKrimi/personal-website.git synced 2026-05-01 18:00:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update website structure and styles

Browse Source
This commit is contained in:
Hazem Krimi
2022-02-13 19:11:46 +01:00
parent b6d7feccc1
commit 04cc13815d
20 changed files with 93 additions and 149 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/Hero/index.tsx
+14 -24
View File
@@ -1,29 +1,19 @@
import { FC, useContext } from 'react';
import { ThemeContext } from '../../styles/theme';
import { FC } from 'react';
import { Wrapper } from './styles';
import Image from 'next/image';
const Hero: FC = () => {
const { mode } = useContext(ThemeContext);
return (
<Wrapper>
<div className='intro'>
<h2>Hi, I am Hazem</h2>
<h2>I Like Building Things</h2>
<h2 className='blue'>Software Developer</h2>
<h2 className='blue'>Life Long Learner</h2>
</div>
<div className='illustration'>
<Image
src={mode === 'dark' ? '/dark-illustration.svg' : '/light-illustration.svg'}
width='100%'
height='100%'
layout='responsive'
/>
</div>
</Wrapper>
);
};
const Hero: FC = () => (
<Wrapper>
<div className='intro'>
<h2>Hi, I am Hazem</h2>
<h2>I Like Building Things</h2>
<h2 className='blue'>Software Developer</h2>
<h2 className='blue'>Life Long Learner</h2>
</div>
<div className='photo'>
<Image src='/photo.jpg' width={515} height={535} objectFit='cover' />
</div>
</Wrapper>
);
export default Hero;