"use client" import type React from "react" import { useEffect, useState } from "react" import { useHistory } from "react-router-dom" const CourseComplete: React.FC = () => { const history = useHistory() const [animationPhase, setAnimationPhase] = useState(0) useEffect(() => { const timer1 = setTimeout(() => setAnimationPhase(1), 500) const timer2 = setTimeout(() => setAnimationPhase(2), 1500) const timer3 = setTimeout(() => setAnimationPhase(3), 2500) return () => { clearTimeout(timer1) clearTimeout(timer2) clearTimeout(timer3) } }, []) return (
{/* Background Animation */}
{/* Main Content */}
{/* Volleyball Animation */}
{/* Net */}
= 1 ? "opacity-100" : "opacity-0" }`} >
{Array.from({ length: 8 }).map((_, i) => (
))}
{Array.from({ length: 4 }).map((_, i) => (
))}
{/* Volleyball */}
= 2 ? "bottom-8 left-1/2 transform -translate-x-1/2 scale-75" : "bottom-32 left-8 scale-100" }`} >
= 2 ? "animate-bounce" : "" }`} > 🏐
{/* Success particles */} {animationPhase >= 3 && (
🎉
🏆
)}
{/* Congratulations */}
= 2 ? "opacity-100 translate-y-0" : "opacity-0 translate-y-4" }`} >

Поздравляем! 🎉

Вы успешно завершили курс

"Восстановление колена"

{/* Stats */}
= 3 ? "opacity-100 translate-y-0" : "opacity-0 translate-y-4" }`} >
12
Упражнений
4
Недели
100%
Завершено
{/* Action Buttons */}
= 3 ? "opacity-100 translate-y-0" : "opacity-0 translate-y-4" }`} >
) } export default CourseComplete