import React, { useState, useEffect } from 'react'; import './IntroAnimation.css'; export default function IntroAnimation({ onComplete }) { const [phase, setPhase] = useState('logo'); // logo -> text -> fade const [visible, setVisible] = useState(true); useEffect(() => { const timers = [ setTimeout(() => setPhase('text'), 1500), setTimeout(() => setPhase('fade'), 3500), setTimeout(() => { setVisible(false); onComplete?.(); }, 4500) ]; return () => timers.forEach(clearTimeout); }, [onComplete]); if (!visible) return null; return (

{/* Particle field background */}

{[...Array(50)].map((_, i) => (

))}

{/* Animated logo */}

{/* Text reveal */}

A e T h e x C o n n e c t

The Trinity of Communication

{/* Scan line effect */}

{/* Corner accents */}

); }