revert profile anim

Author: visualdenniss

src/components/newbie/ProfileCard/ProfileCard.jsx

@@ -24,23 +24,23 @@ const ProfileCard = () => {
     return (
         <div className='profile-card-wrapper'>
             <motion.main 
-            // {...basicFadeUpProfile}
+            {...basicFadeUpProfile}
             className='profile-card-main' role='main'>
                 <div className="profile-card-header">
                     <div className="profile-card-header-body">
                     <motion.img 
-                    // {...basicScaleUpProfile}               
+                    {...basicScaleUpProfile}               
                     src={avatar} alt="Avatar of Victor Crest" />
                     <div className="profile-card-bio">
                     <motion.h2 
-                    // {...basicFadeUp2Profile}
+                    {...basicFadeUp2Profile}
                     className='profile-card-name'>
                         Victor Crest
                     <span className='profile-card-age'>26</span></motion.h2>
                     </div>
                     </div>
                     <motion.p 
-                    // {...basicFadeUp3Profile}               
+                    {...basicFadeUp3Profile}               
                     className="profile-card-location">
                         London
                     </motion.p>
@@ -49,13 +49,13 @@ const ProfileCard = () => {
                         {statsData.map((stat, index)=> {
                             return (
                                 <motion.li 
-                                // initial={{opacity:0, scale: 0}}
-                                // animate={{opacity:1, scale: 1, 
-                                // transition: {
-                                //     delay: 1.4 + (0.2 * index),
-                                //     ease: 'easeOut',
-                                //     duration: .6,
-                                // }}}
+                                initial={{opacity:0, scale: 0}}
+                                animate={{opacity:1, scale: 1, 
+                                transition: {
+                                    delay: 1.4 + (0.2 * index),
+                                    ease: 'easeOut',
+                                    duration: .6,
+                                }}}
                                 key={`${stat.statName}1234`} className="profile-card-stat-item"
                                 role='list-item'>
                                     <span>{stat.stat}</span>