diff --git a/src/pages/Team.tsx b/src/pages/Team.tsx index 8b07e5e..68fabb3 100644 --- a/src/pages/Team.tsx +++ b/src/pages/Team.tsx @@ -1,4 +1,4 @@ -import { useState, useEffect } from 'react'; +import { useState, useEffect, useMemo } from 'react'; import { FiMail, FiUsers, FiUserPlus, FiCheckCircle, FiClock } from 'react-icons/fi'; import { useProject } from '../context/ProjectContext'; import robotIcon3 from '../assets/robot-icon3.png'; // Ajusta la ruta segĂșn donde tengas la imagen @@ -30,6 +30,18 @@ export default function Team() { const [pendingRequests, setPendingRequests] = useState([]); const [mousePosition, setMousePosition] = useState({ x: 0, y: 0 }); + const particles = useMemo(() => Array.from({ length: 30 }, (_, i) => ({ + id: i, + width: Math.random() * 3 + 1, + height: Math.random() * 3 + 1, + left: Math.random() * 100, + top: Math.random() * 100, + opacity1: Math.random() * 0.3 + 0.1, + opacity2: Math.random() * 0.15, + delay: Math.random() * 15, + duration: Math.random() * 20 + 15, + })), []); + useEffect(() => { const handleMouseMove = (e: MouseEvent) => { setMousePosition({ x: e.clientX, y: e.clientY }); @@ -201,18 +213,18 @@ export default function Team() {
{/* PartĂ­culas flotantes suaves */} - {[...Array(30)].map((_, i) => ( + {particles.map((p) => (
))}