-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
feat(first-section): added first section
- Loading branch information
Showing
18 changed files
with
370 additions
and
52 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,6 +1,14 @@ | ||
| { | ||
| "header":{ | ||
| "nav":["Հիմնական", "Իմ մասին", "Պորտֆոլիո", "Կապ"], | ||
| "button": "Ընդունիր ինձ" | ||
| } | ||
| } | ||
| "header": { | ||
| "nav": ["Հիմնական", "Իմ մասին", "Պորտֆոլիո", "Կապ"], | ||
| "button": "Դիմել ինձ" | ||
| }, | ||
| "intro": { | ||
| "sayHi": "Բարև, ես", | ||
| "fullName": "Տիգրան Մարտիրոսյան", | ||
| "profession": "Front-End Ծրագրավորող", | ||
| "buttonHire": "Դիմել ինձ", | ||
| "buttonCV": "Բեռնել CV", | ||
| "info": ["Փորձ", "Կատարված պրոյեկտներ"] | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,6 +1,14 @@ | ||
| { | ||
| "header":{ | ||
| "nav":["Home", "About me", "Portfolio", "Contact me"], | ||
| "button": "Hire me" | ||
| } | ||
| } | ||
| "header": { | ||
| "nav": ["Home", "About me", "Portfolio", "Contact me"], | ||
| "button": "Hire me" | ||
| }, | ||
| "intro": { | ||
| "sayHi": "Hi I am", | ||
| "fullName": "Tigran Martirosyan", | ||
| "profession": "Front-End Developer", | ||
| "buttonHire": "Hire Me", | ||
| "buttonCV": "Download CV", | ||
| "info": ["Experiences", "Project done"] | ||
| } | ||
| } |
Binary file not shown.
Binary file not shown.
Binary file not shown.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,67 @@ | ||
| import classNames from 'classnames'; | ||
| import { useTranslation } from 'react-i18next'; | ||
|
|
||
| import myImage from '@assets/images/photo.webp'; | ||
| import SvgIcon from '@components/helpers/SvgIcon'; | ||
| import Button from '@components/common/Button'; | ||
| import useGapSupport from '@hooks/useGapSupport'; | ||
| import myCV from '@assets/Tigran-Martirosyan-CV.pdf'; | ||
|
|
||
| import useStyles from './styles'; | ||
|
|
||
| function IntroSection() { | ||
| const { t } = useTranslation(); | ||
| const isGapSupport = useGapSupport(); | ||
| const classes = useStyles({ isGapSupport }); | ||
| const handleDownloadCV = () => { | ||
| const link = document.createElement('a'); | ||
| link.href = myCV; | ||
| link.setAttribute('download', 'Tigran_Martirosyan_CV.pdf'); | ||
| document.body.appendChild(link); | ||
| link.click(); | ||
| document.body.removeChild(link); | ||
| }; | ||
| const handleHireMe = () => { | ||
| window.location.href = 'mailto:tigran.v.mart@gmail.com?subject=Job%20Application&body=Hello%20Tigran'; | ||
| }; | ||
| return ( | ||
| <section className={classes.root}> | ||
| <div className={classNames(classes.inner, 'container')}> | ||
| <div className={classes.left}> | ||
| <div className={classes.leftInner}> | ||
| <p className={classes.sayHi}>{t('intro.sayHi')}</p> | ||
| <p className={classes.fullName}>{t('intro.fullName')}</p> | ||
| <h1 className={classes.profession}>{t('intro.profession')}</h1> | ||
| <div className={classes.socialButtonsGroup}> | ||
| <a target="_blank" href="https://www.linkedin.com/in/tigran-martirosyan-b261591ab" className={classes.socialBtn} aria-label="go to Linkedin page" rel="noreferrer"> | ||
| <SvgIcon icon="icon_linkedin" fill="#BABABA" width={24} height={24} /> | ||
| </a> | ||
| <a target="_blank" href="https://github.com/TigMart" className={classes.socialBtn} aria-label="go to Github profile" rel="noreferrer"> | ||
| <SvgIcon icon="icon_github" fill="#BABABA" width={24} height={24} /> | ||
| </a> | ||
| </div> | ||
| <div className={classes.actionButtonGroup}> | ||
| <Button styleType="primary" name={t('intro.buttonHire')} size="large" onClick={handleHireMe} /> | ||
| <Button styleType="secondary" name={t('intro.buttonCV')} size="large" onClick={handleDownloadCV} /> | ||
| </div> | ||
| <div className={classes.infoGroup}> | ||
| <div className={classes.infoItem}> | ||
| <span className={classes.count}>3+</span> | ||
| <p className={classes.text}>{t('intro.info.0')}</p> | ||
| </div> | ||
| <div className={classes.infoItem}> | ||
| <span className={classes.count}>10+</span> | ||
| <p className={classes.text}>{t('intro.info.1')}</p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div className={classes.right}> | ||
| <img className={classes.myImg} src={myImage} alt="Tigran Martirosyan" width={560} height={675} /> | ||
| </div> | ||
| </div> | ||
| </section> | ||
| ); | ||
| } | ||
|
|
||
| export default IntroSection; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1 @@ | ||
| export { default } from './IntroSection'; |
Oops, something went wrong.