update

src/components/AboutMe.tsx

@@ -14,8 +14,6 @@ const [CursorIsVisible,setCursorIsVisible] = useState(false)
 const {ThemeIsDark} = useContext(MyContext) as TstateTheme ;
 const ThemeForCursor = `${ThemeIsDark ? 'bg-gray-300' : 'bg-gray-600'}`
 
-
-
 useEffect(()=>{
 const Interval =  setInterval(()=>setCursorIsVisible((prev)=>!prev),700);  
 return ()=> clearInterval(Interval)
@@ -43,7 +41,7 @@ return (<motion.div initial="initial" animate="in" exit="out" variants={pageVari
 
 <div className="  rounded-tl-3xl rounded-br-3xl animate-float hidden w-screen900:flex justify-center"> 
 <div className="  overflow-hidden rounded-tl-3xl rounded-br-3xl max-h-[20rem] shadow-2xl">
-    <Image src={imgProfile} alt='image' height={500}   className=""/>
+    <Image src={imgProfile} alt='image' height={500}   className=" "/>
 </div>
 </div>
 

src/components/MyProjects.tsx

@@ -17,10 +17,8 @@ return ( <section className=' flex flex-col justify-around mb-8' >
     <h4 className=' text-3xl text-center mb-6'>Meus projetos</h4>
 
 <ul className='flex flex-wrap  w-screen850:justify-center justify-around gap-8 w-screen800:gap-5'>
-{ListProjects.map((item)=>( <Project item={item}/>))}
-{/* <CatalogProject /> */}
-{/* <RegistMemberProject Modal={Modal} setModal={setModal}/> */}
-
+{ListProjects.map((item,index)=>( 
+<li key={index}><Project item={item} /></li>))}
 </ul>
 <ModalProject/>
 

src/components/Project.tsx

@@ -47,7 +47,7 @@ return ''
 }
 
 return (
-<li ref={containerRef}>
+<div ref={containerRef} >
 
 <div ref={ref}>
 
@@ -94,6 +94,6 @@ className=' bg-black text-white rounded-lg px-2 flex flex-row items-center py-2
 </motion.div>
 </div>
 
-</li>
+</div>
 )  }
 export default Project ;

src/types/Types.tsx

@@ -29,6 +29,7 @@ linkRepository:string
 }
 export type TprojectReceived = {
 item:Tproject    
+// index:number
 }