@@ -24,23 +24,23 @@ const ProfileCard = () => {
2424 return (
2525 < div className = 'profile-card-wrapper' >
2626 < motion . main
27- // {...basicFadeUpProfile}
27+ { ...basicFadeUpProfile }
2828 className = 'profile-card-main' role = 'main' >
2929 < div className = "profile-card-header" >
3030 < div className = "profile-card-header-body" >
3131 < motion . img
32- // {...basicScaleUpProfile}
32+ { ...basicScaleUpProfile }
3333 src = { avatar } alt = "Avatar of Victor Crest" />
3434 < div className = "profile-card-bio" >
3535 < motion . h2
36- // {...basicFadeUp2Profile}
36+ { ...basicFadeUp2Profile }
3737 className = 'profile-card-name' >
3838 Victor Crest
3939 < span className = 'profile-card-age' > 26</ span > </ motion . h2 >
4040 </ div >
4141 </ div >
4242 < motion . p
43- // {...basicFadeUp3Profile}
43+ { ...basicFadeUp3Profile }
4444 className = "profile-card-location" >
4545 London
4646 </ motion . p >
@@ -49,13 +49,13 @@ const ProfileCard = () => {
4949 { statsData . map ( ( stat , index ) => {
5050 return (
5151 < motion . li
52- // initial={{opacity:0, scale: 0}}
53- // animate={{opacity:1, scale: 1,
54- // transition: {
55- // delay: 1.4 + (0.2 * index),
56- // ease: 'easeOut',
57- // duration: .6,
58- // }}}
52+ initial = { { opacity :0 , scale : 0 } }
53+ animate = { { opacity :1 , scale : 1 ,
54+ transition : {
55+ delay : 1.4 + ( 0.2 * index ) ,
56+ ease : 'easeOut' ,
57+ duration : .6 ,
58+ } } }
5959 key = { `${ stat . statName } } className = "profile-card-stat-item"
6060 role = 'list-item' >
6161 < span > { stat . stat } </ span >
0 commit comments