aos to teams

omen1650ti · Dec 6, 2022 · a7a3bac · a7a3bac
1 parent e64bb21
commit a7a3bac
Showing 1 changed file with 6 additions and 15 deletions.
diff --git a/src/pages/Teams/TeamCard.js b/src/pages/Teams/TeamCard.js
@@ -1,21 +1,12 @@
-import React from 'react'
+import React, { useEffect } from 'react'
 import './Teams.css'
-
+import Aos from 'aos'
 const TeamCard = ({id, name, image}) => {
-//     if(id%2===0){
-//         return(
-//             <div className="team_up">
-//             <div class="card 1">
-//   <div class="card_image"> <img src="https://i.redd.it/b3esnz5ra34y.jpg" /> </div>
-//   <div class="card_title title-white">
-//     <p>Card Title</p>
-//   </div>
-// </div>
-//              </div>
-//         )
-//     }
+  useEffect(()=>{
+    Aos.init({duration:1100})
+  },[])
   return (
-    <div class="card 1">
+    <div class="card 1" data-aos="zoom-in">
     <div class="card_image"> <img src={image} alt="team_member"/> </div>
     <div class="card_title title-white">
       <p>{name}</p>