|
1 | | -import { ParallaxBanner, ParallaxBannerLayer } from "react-scroll-parallax"; |
2 | | -import "./base.css"; |
3 | | -import me from "src/assets/images/eu.png"; |
4 | | -import MagneticButton from "src/components/MagneticButton/MagneticButton"; |
5 | | -import { Icon } from "@iconify/react"; |
| 1 | +import { ParallaxBanner, ParallaxBannerLayer } from 'react-scroll-parallax' |
| 2 | +import './base.css' |
| 3 | +import me from 'src/assets/images/eu.png' |
| 4 | +import MagneticButton from 'src/components/MagneticButton/MagneticButton' |
| 5 | +import { Icon } from '@iconify/react' |
6 | 6 |
|
7 | 7 | const Base = () => { |
8 | 8 | const onDownload = () => { |
9 | | - const link = document.createElement("a"); |
10 | | - link.download = `AbnerCurriculum.pdf`; |
11 | | - link.href = "./AbnerCurriculumVitae.pdf"; |
12 | | - link.click(); |
13 | | - }; |
| 9 | + const link = document.createElement('a') |
| 10 | + link.download = `AbnerCurriculum.pdf` |
| 11 | + link.href = './AbnerCurriculumVitae.pdf' |
| 12 | + link.click() |
| 13 | + } |
14 | 14 | return ( |
15 | | - <div className="base"> |
16 | | - <ParallaxBanner className="banner-container"> |
17 | | - <ParallaxBannerLayer className="background"></ParallaxBannerLayer> |
18 | | - <ParallaxBannerLayer className="title"> |
19 | | - <div className="text"> |
| 15 | + <div className='base'> |
| 16 | + <ParallaxBanner className='banner-container'> |
| 17 | + <ParallaxBannerLayer className='background'></ParallaxBannerLayer> |
| 18 | + <ParallaxBannerLayer className='title'> |
| 19 | + <div className='text'> |
20 | 20 | ABNER J SILVA ABNER J SILVA ABNER J SILVA ABNER J SILVA |
21 | 21 | </div> |
22 | 22 | </ParallaxBannerLayer> |
23 | 23 | <ParallaxBannerLayer |
24 | 24 | translateY={[0, 30]} |
25 | 25 | image={me} |
26 | | - className="me" |
| 26 | + className='me' |
27 | 27 | ></ParallaxBannerLayer> |
28 | 28 | <ParallaxBannerLayer> |
29 | | - <div className="text-banner"> |
30 | | - <div className="left"> |
| 29 | + <div className='text-banner'> |
| 30 | + <div className='left'> |
31 | 31 | ABNER JOSÉ |
32 | 32 | <br /> |
33 | 33 | DA SILVA |
34 | 34 | </div> |
35 | 35 | </div> |
36 | 36 | </ParallaxBannerLayer> |
37 | 37 | <ParallaxBannerLayer> |
38 | | - <div className="btn-controller"> |
| 38 | + <div className='btn-controller'> |
39 | 39 | <MagneticButton |
40 | | - onClick={onDownload} |
41 | | - endIcon={<Icon width={30} icon="bi:download" />} |
42 | | - className="btn-curriculum" |
| 40 | + onClick={onDownload} |
| 41 | + endIcon={ |
| 42 | + <Icon |
| 43 | + width={30} |
| 44 | + icon='bi:download' |
| 45 | + /> |
| 46 | + } |
| 47 | + className='btn-curriculum' |
43 | 48 | > |
44 | 49 | baixar currículo |
45 | 50 | </MagneticButton> |
46 | 51 | </div> |
47 | 52 | </ParallaxBannerLayer> |
48 | 53 | </ParallaxBanner> |
49 | 54 | </div> |
50 | | - ); |
51 | | -}; |
| 55 | + ) |
| 56 | +} |
52 | 57 |
|
53 | | -export default Base; |
| 58 | +export default Base |
0 commit comments