@@ -23,20 +23,24 @@ const ProfileCard = () => {
2323
2424 return (
2525 < div className = 'profile-card-wrapper' >
26- < motion . main { ...basicFadeUpProfile }
26+ < motion . main
27+ // {...basicFadeUpProfile}
2728 className = 'profile-card-main' role = 'main' >
2829 < div className = "profile-card-header" >
2930 < div className = "profile-card-header-body" >
30- < motion . img { ...basicScaleUpProfile }
31+ < motion . img
32+ // {...basicScaleUpProfile}
3133 src = { avatar } alt = "Avatar of Victor Crest" />
3234 < div className = "profile-card-bio" >
33- < motion . h2 { ...basicFadeUp2Profile }
35+ < motion . h2
36+ // {...basicFadeUp2Profile}
3437 className = 'profile-card-name' >
3538 Victor Crest
3639 < span className = 'profile-card-age' > 26</ span > </ motion . h2 >
3740 </ div >
3841 </ div >
39- < motion . p { ...basicFadeUp3Profile }
42+ < motion . p
43+ // {...basicFadeUp3Profile}
4044 className = "profile-card-location" >
4145 London
4246 </ motion . p >
@@ -45,13 +49,13 @@ const ProfileCard = () => {
4549 { statsData . map ( ( stat , index ) => {
4650 return (
4751 < motion . li
48- initial = { { opacity :0 , scale : 0 } }
49- animate = { { opacity :1 , scale : 1 ,
50- transition : {
51- delay : 1.4 + ( 0.2 * index ) ,
52- ease : 'easeOut' ,
53- duration : .6 ,
54- } } }
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+ // }}}
5559 key = { `${ stat . statName } } className = "profile-card-stat-item"
5660 role = 'list-item' >
5761 < span > { stat . stat } </ span >
0 commit comments